SlideShare a Scribd company logo
1 of 76
Download to read offline
登壇者プロフィール
profile
完山 祐毅
Motoyama Yuki
完山 祐毅
Motoyama Yuki
1985年京都生まれ
!
フリーランスwebデザイナー
!
サイト企画・写真撮影・webデザイン・
CMS構築(ほぼWordPress)
かよこ
@nayo74
かよこ
@nayo74
1984年7月4日 奈良生まれ
web designer
!
大阪の制作会社でwebデザインをメインに
お仕事
Wordpress:構築前のデザイン、更新、
自分のブログちょっと変更等
LIKE:写真、旅行、料理、何かつくること
WEBデザイナーを対象とした、
バラエティに富んだイベントの情報サイト。
http://scoob.info
!
Event information site "Scoob" which
targeted web designer.
Scoop
情報
+ Spoon
すくう
+ Web
ウェブ
=Scoob
http://scoob.info/
チーム紹介
Team introduction
ナナカラム
nanacolumn
The name of the team is
かよちゃん
小動物系女子。
デザイン・イラスト
ナターシャ
WordPress構築
呑んだくれリーダー
ゆむちゃん
きのこ愛好家
情報収集
こさりん
女子系男子
プログラミング
あやや
デザイン・コーディング
まとめ役兼お菓子部隊
まゆりん
デザイン・コーディング
エロアイデアマン
もとやま
WordPress構築
料理男子
Scoob
公開までの道のり
The distance until
the exhibition of the site.
きっかけは?
The opportunity that
made the site
I thought that I wanted an event information site
for web designers.
I told this to the acquaintance of the same type
of industry.
All agreed to build the site together.
We working together with people linked with
WordCamp community and so on.
The opportunity that made the site
制作の流れは?
Flow of the production
Scoobを作ろう!
コンテンツ案、サイト構成
Let's make a site of Scoob!
Contents plan, site constitution
コンテンツ案、サイト構成
Contents plan, site constitution
コンテンツ案、サイト構成
デザイン 仕様
Contents plan, site constitution
specificationdesign
デザイン 仕様
specificationdesign
デザイン 仕様
specificationdesign
デザイン WordPress
コーディング スクリプト
design
coding script
デザイン WordPress
コーディング スクリプト
design
coding script
デザイン WordPressイベント登録
デザイン WordPress
コーディング スクリプト
design
coding script
Event information
registration design
デザイン WordPressイベント登録
Event information
registration design
デザイン WordPressイベント登録
Event information
registration design
デザイン WordPressイベント登録
Event information
registration design
デザイン WordPressイベント登録
Event information
registration design
公開!
デザイン WordPressイベント登録
Event information
registration design
Event information registration!
運営方針
policy of operation
イベント登録は
メンバーだけ
運営方針 policy of operation
!
only the team members can register
for the event.
「webデザイナーにとって有益」
というフィルター
運営方針
Only useful event information places it
for web designer
policy of operation
WordPressでの制作
Production in WordPress
イベント情報は
カスタムフィールドで入力
WordPressでの制作
The event information inputs
in a custom field
Google マップは
APIを使用して表示
WordPressでの制作
Googlemap displays
it using API
カテゴリ判別で色分け
WordPressでの制作
I separate it by color by
category distinction
使用している
プラグイン紹介
WordPressでの制作
The plug in introduction that I use
Types
WordPressでの制作 - プラグイン紹介
https://wordpress.org/plugins/types/
カスタムフィールドの管理
Trust Form
WordPressでの制作 - プラグイン紹介
https://wordpress.org/plugins/trust-form/
お問い合わせフォームの設置
Press This Reloaded
WordPressでの制作 - プラグイン紹介
https://wordpress.org/plugins/press-this-reloaded/
Press Thisの拡張
Show Current Template
WordPressでの制作 - プラグイン紹介
https://wordpress.org/plugins/show-current-template/
使われているテンプレート名を
管理バーに表示
Gitでバージョン管理
We use git of the version
management tool
ブログ機能の追加
Addition of the blog function
カスタム投稿タイプ
カスタム分類
ブログ機能の追加
CUSTOM POST TYPE
CUSTOM TAXONOMY
register_post_type(
'note',
array(
'label' => 'ブログ',
'hierarchical' => false,
'public' => true,
'query_var' => false,
'menu_position' => 4,
'has_archive' => true,
'supports' => array('title','editor','author','thumbnail')
)
);
ブログ機能の追加 - カスタム投稿タイプ
add_action( 'init', 'create_my_taxonomies', 0 );
function create_my_taxonomies() {
register_taxonomy(
'note_cat',
'note',
array(
'has_archive' => true,
'hierarchical' => true,
'label' => 'カテゴリ',
'query_var' => true,
'rewrite' => true
)
);
}
ブログ機能の追加 - カスタムタクソノミー
どんなふうに
運営してるの?
How we run the site of Scoob?
チームで
運営する
the site is run
by the team
あれ
やってみたいな
I give what I want to try
モチベーション
motivation
+α
決めきらない
flexibility
やりたいことがある
I want to do it
やりたいことがある
I want to do it
周りに言うてみる
I try to say around
やりたいことがある
I want to do it
周りに言うてみる
I try to say around
素敵なことが起こるかも
a wonderful thing may happen
チームで!
By a team!
ご清聴ありがとうございました!
Thank you for your attention.

More Related Content

What's hot

4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
 
5分で分かるmonaca pressproject(草案)
5分で分かるmonaca pressproject(草案)5分で分かるmonaca pressproject(草案)
5分で分かるmonaca pressproject(草案)
Yuki Okamoto
 
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
 

What's hot (20)

Hands on PhotoBlog App with WordPress REST API and App Inventor
Hands on PhotoBlog App with WordPress REST API and App InventorHands on PhotoBlog App with WordPress REST API and App Inventor
Hands on PhotoBlog App with WordPress REST API and App Inventor
 
最大公約数的なServiceWorker制作から見るPWAの勘所
最大公約数的なServiceWorker制作から見るPWAの勘所最大公約数的なServiceWorker制作から見るPWAの勘所
最大公約数的なServiceWorker制作から見るPWAの勘所
 
Word press をはじめたら覚えておきたい7つの事
Word press をはじめたら覚えておきたい7つの事Word press をはじめたら覚えておきたい7つの事
Word press をはじめたら覚えておきたい7つの事
 
WordPressで行う継続的インテグレーション入門編
WordPressで行う継続的インテグレーション入門編WordPressで行う継続的インテグレーション入門編
WordPressで行う継続的インテグレーション入門編
 
WordPressで行う継続的インテグレーションのススメ
WordPressで行う継続的インテグレーションのススメWordPressで行う継続的インテグレーションのススメ
WordPressで行う継続的インテグレーションのススメ
 
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
 
WordPressで行うシステム開発 WordCamp Tokyo 2015用
WordPressで行うシステム開発 WordCamp Tokyo 2015用WordPressで行うシステム開発 WordCamp Tokyo 2015用
WordPressで行うシステム開発 WordCamp Tokyo 2015用
 
WordPress はどこへ向かう?〜コミュニティが支える未来〜
WordPress はどこへ向かう?〜コミュニティが支える未来〜WordPress はどこへ向かう?〜コミュニティが支える未来〜
WordPress はどこへ向かう?〜コミュニティが支える未来〜
 
もう一度基礎から!WordPress勉強会
もう一度基礎から!WordPress勉強会もう一度基礎から!WordPress勉強会
もう一度基礎から!WordPress勉強会
 
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyoWordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
 
var dumpを使わないWordPress開発フロー
var dumpを使わないWordPress開発フローvar dumpを使わないWordPress開発フロー
var dumpを使わないWordPress開発フロー
 
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
 
WordPressをこれから始める人のためのテーマ講座
WordPressをこれから始める人のためのテーマ講座WordPressをこれから始める人のためのテーマ講座
WordPressをこれから始める人のためのテーマ講座
 
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でーWP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
 
YARAIYA! Opendata with WordPress
YARAIYA!  Opendata with WordPressYARAIYA!  Opendata with WordPress
YARAIYA! Opendata with WordPress
 
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
 
とある Perl Monger の働き方
とある Perl Monger の働き方とある Perl Monger の働き方
とある Perl Monger の働き方
 
5分で分かるmonaca pressproject(草案)
5分で分かるmonaca pressproject(草案)5分で分かるmonaca pressproject(草案)
5分で分かるmonaca pressproject(草案)
 
webpackを使ったワンランク上のモダンJSカスタマイズ_門屋 亮氏
webpackを使ったワンランク上のモダンJSカスタマイズ_門屋 亮氏webpackを使ったワンランク上のモダンJSカスタマイズ_門屋 亮氏
webpackを使ったワンランク上のモダンJSカスタマイズ_門屋 亮氏
 
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
 

Similar to 「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜

BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想
Hidekazu Ishikawa
 
Web制作のアレコレ
Web制作のアレコレWeb制作のアレコレ
Web制作のアレコレ
regret raym
 
2014 01-11-tdc-6th-anniversary
2014 01-11-tdc-6th-anniversary2014 01-11-tdc-6th-anniversary
2014 01-11-tdc-6th-anniversary
Chieko Aihara
 
TalkNote Vol.10 a-blog cms を活用した新しいWeb制作のワークフロー
TalkNote Vol.10 a-blog cms を活用した新しいWeb制作のワークフローTalkNote Vol.10 a-blog cms を活用した新しいWeb制作のワークフロー
TalkNote Vol.10 a-blog cms を活用した新しいWeb制作のワークフロー
Kazumich YAMAMOTO
 
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
Hidekazu Ishikawa
 

Similar to 「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜 (20)

パララックス効果を使ったWordPressサイト
パララックス効果を使ったWordPressサイトパララックス効果を使ったWordPressサイト
パララックス効果を使ったWordPressサイト
 
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
 
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
 
テーマ作成初心者向け Word pressサイト構築のポイントと 便利なプラグイン
テーマ作成初心者向け Word pressサイト構築のポイントと 便利なプラグインテーマ作成初心者向け Word pressサイト構築のポイントと 便利なプラグイン
テーマ作成初心者向け Word pressサイト構築のポイントと 便利なプラグイン
 
Webteko 20090925
Webteko 20090925Webteko 20090925
Webteko 20090925
 
BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想
 
WordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイトWordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイト
 
Web制作のアレコレ
Web制作のアレコレWeb制作のアレコレ
Web制作のアレコレ
 
WordPressプラグイン作成入門
WordPressプラグイン作成入門WordPressプラグイン作成入門
WordPressプラグイン作成入門
 
WordCamp Tokyo2012 Session
WordCamp Tokyo2012 SessionWordCamp Tokyo2012 Session
WordCamp Tokyo2012 Session
 
Prejob wordpress v2_1121
Prejob wordpress v2_1121Prejob wordpress v2_1121
Prejob wordpress v2_1121
 
Prejob wordpress v2_1121
Prejob wordpress v2_1121Prejob wordpress v2_1121
Prejob wordpress v2_1121
 
WordCafe Fuji vol.1
WordCafe Fuji vol.1WordCafe Fuji vol.1
WordCafe Fuji vol.1
 
WordPress初心者テーマ作成勉強会
WordPress初心者テーマ作成勉強会WordPress初心者テーマ作成勉強会
WordPress初心者テーマ作成勉強会
 
2014 01-11-tdc-6th-anniversary
2014 01-11-tdc-6th-anniversary2014 01-11-tdc-6th-anniversary
2014 01-11-tdc-6th-anniversary
 
最近の気になるニュース
最近の気になるニュース最近の気になるニュース
最近の気になるニュース
 
TalkNote Vol.10 a-blog cms を活用した新しいWeb制作のワークフロー
TalkNote Vol.10 a-blog cms を活用した新しいWeb制作のワークフローTalkNote Vol.10 a-blog cms を活用した新しいWeb制作のワークフロー
TalkNote Vol.10 a-blog cms を活用した新しいWeb制作のワークフロー
 
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
 
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
 
Yat-wbnara201602
Yat-wbnara201602Yat-wbnara201602
Yat-wbnara201602
 

Recently uploaded

Recently uploaded (7)

LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 

「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜