さいきょうのWordPressサイト構築フローとは

WordBench Kyoto 2017.04

Transcript

1. さいき
   ょ
   うの
   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
   

   View Slide

2. 元マークアップエンジニア。
   現在は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 元モデレーター
   小原 千秋
   おばら ちあき
   じこしょうかい
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide