Slide 1

Slide 1 text

さいき ょ うの Wo r d P r e s s サイ ト構築フローとは Wo r d B e n c h K y o t o 2 0 1 7 . 0 4

Slide 2

Slide 2 text

元マークアップエンジニア。 現在はWe b デザイ ナー( タマゴ) Wo r d C a m p K a n s a i 2 0 1 4 / 2 0 1 5 / 2 0 1 6 実行委員 Wo r d B e n c h O s a k a 元モデレーター 小原 千秋 おばら ちあき じこしょうかい

Slide 3

Slide 3 text

人によっては当たり前の内容です。 当たり前じゃんって思ってもらえると うれしいです。 はじめに

Slide 4

Slide 4 text

ディ レ ク ターも デザイナーもエンジニア も もっ とコ ミ ュニケーションを取ろう! 大前提 という話です。 さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは

Slide 5

Slide 5 text

Wo r d P r e s s は入れるだけで なんでも できるよう になるツールではあ り ません。 ただ、 ベースが用意されているだけで 立派なシステム開発です。 ( 持論) 例えるならプランターのようなもの。 どんな土を使うかも、 中になにを植えるかも決めるのは人です。 勝手にできたりしません。 さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは

Slide 6

Slide 6 text

ディレクター 制作とクライアントの かけ橋になるひと デザイナー 仕様と要望をデザインに おとしこむひと エンジニア デザインをソースで表現して、 仕様に沿ってWo r d P r e s s 化 するひと さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは

Slide 7

Slide 7 text

一番大切なのは、 しっかりと仕様を固めること さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは ぱんくずの実装 おねがいします ( あのプラグイン 使えばいけるな ) はーい

Slide 8

Slide 8 text

実装終わってからこういうのはやめましょう さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは あ、 このカテゴリー だけ、 ここに□□って 言葉入れてください えっ

Slide 9

Slide 9 text

デザインができてから さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは よーし言われた要素 はめれたぞ !

Slide 10

Slide 10 text

こういうのもやめましょう さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは タグの一覧もここに いれてください ! 後出しあたーっく

Slide 11

Slide 11 text

すべては初動が大事 ! 最初の設計段階でチームをつくろう! 動的サイトであることを意識する 細部まできちんと最初に仕様を決める 後出しの仕様は構築が始まるまでに! 追加の仕様は気軽に受けない。 まず相談すること さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは

Slide 12

Slide 12 text

ユニットテストはとても参考になります さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは

Slide 13

Slide 13 text

ディレクター ただ要望を制作に伝える だけではありません デザイナー デザインF I X したら 終わりではありません エンジニア コーディングをしたら 終わりではありません 自分の領域が終わったら終わり、 ではありません さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは

Slide 14

Slide 14 text

せっかくチームで進めているので、 みんなで役割分担をしっかりして よりよい成果物をつくろう さいき ょ う のWo r d P r e s s サイ ト構築フ ロー とは