さいき
ょ
うの
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
サイ
ト構築フ
ロー
とは