Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

WordBench Kyoto 2017.04

Chiaki Okamoto

June 27, 2017
Tweet

More Decks by Chiaki Okamoto

Other Decks in Technology

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