SlideShare a Scribd company logo
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
登壇者プロフィール
profile
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
完山 祐毅
Motoyama Yuki
完山 祐毅
Motoyama Yuki
1985年京都生まれ
!
フリーランスwebデザイナー
!
サイト企画・写真撮影・webデザイン・
CMS構築(ほぼWordPress)
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
かよこ
@nayo74
かよこ
@nayo74
1984年7月4日 奈良生まれ
web designer
!
大阪の制作会社でwebデザインをメインに
お仕事
Wordpress:構築前のデザイン、更新、
自分のブログちょっと変更等
LIKE:写真、旅行、料理、何かつくること
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
WEBデザイナーを対象とした、
バラエティに富んだイベントの情報サイト。
http://scoob.info
!
Event information site "Scoob" which
targeted web designer.
Scoop
情報
+ Spoon
すくう
+ Web
ウェブ
=Scoob
http://scoob.info/
チーム紹介
Team introduction
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
ナナカラム
nanacolumn
The name of the team is
かよちゃん
小動物系女子。
デザイン・イラスト
ナターシャ
WordPress構築
呑んだくれリーダー
ゆむちゃん
きのこ愛好家
情報収集
こさりん
女子系男子
プログラミング
あやや
デザイン・コーディング
まとめ役兼お菓子部隊
まゆりん
デザイン・コーディング
エロアイデアマン
もとやま
WordPress構築
料理男子
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
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?
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
チームで
運営する
the site is run
by the team
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
あれ
やってみたいな
I give what I want to try
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
モチベーション
motivation
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
+α
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
決めきらない
flexibility
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
やりたいことがある
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
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
チームで!
By a team!
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
ご清聴ありがとうございました!
Thank you for your attention.

More Related Content

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