1. デザイナー、コーダー、プログラマでコラボしよう！
これからのWordPressテーマ制作について
デジタルキューブ 堀家隆宏
2012年12月16日日曜日

2. 自己紹介
・デジタルキューブでサイトの保守や
開発系案件やってます
・趣味でWordPressプラグインを
作ってます
・@horike37
2012年12月16日日曜日

3. WP Booster
・WordPressの高速化サービス
・http://ja.wpbooster.net
2012年12月16日日曜日

4. みなさん、WordPressテーマを制作する時の
ワークフローどうやってますか？
2012年12月16日日曜日

5. 登場人物
デザイナー コーダー プログラマー
2012年12月16日日曜日

6. デザイナー コーダー プログラマー
デザイン → コーディング → テーマ制作
2012年12月16日日曜日

7. デザイナー コーダー
デザイン → コーディング＆テーマ制作
2012年12月16日日曜日

8. 実質的な時間は。。
デザイナー デザイン
コーディ
コーダー ング
プログラマー テーマ
時間
2012年12月16日日曜日

9. あんまり効率が良いとは言えない。。
2012年12月16日日曜日

10. もし、案件が炎上して
2012年12月16日日曜日

11. 堀家！トイレの時以外、
キーボードから手離すな！
2012年12月16日日曜日

12. テーマ制作は幅広い知識が必要
HTML,CSS,PHP,WordPress
↓
全部完璧に理解してる人はなかなかいない
2012年12月16日日曜日

13. 技術は進歩、覚えることがいっぱい
2012年12月16日日曜日

14. これからは得意分野を生かして
分業でテーマを作る仕組みが必要
2012年12月16日日曜日

15. というわけで、制作フローを考えてみよう
2012年12月16日日曜日

16. 設計
・WordPressに組み込む際の構成の決定
・使用プラグインや開発する機能を切り分け
・この時点でコーダーとプログラマーで作業範囲を明確にしておく
参加者
デザイナー コーダー プログラマー
2012年12月16日日曜日

17. デザイン
・必要なパーツのみをデザイン
・基本はトップ、アーカイブ、シングル
参加者
デザイナー
2012年12月16日日曜日

18. 構築
・コーダーはCSSを優先
・プログラマーはPHP優先。デフォルトテーマできることを先。
クエリの改変など、フックを使って実装する箇所
参加者
コーダー プログラマー
2012年12月16日日曜日

19. スケジュール
デザイナー 設計 デザイン
管理画面 テーマ
コーダー 設計 の整備 （見た目）
プログラマー 設計 テーマ（機能）
時間
2012年12月16日日曜日

20. 複数人で同じファイルを触るので
バージョン管理は必須
↓
Gitでバージョン管理
2012年12月16日日曜日

21. 同じファイルを修正する場合
Aさん Bさん
2012年12月16日日曜日

22. バージョン管理していないと。。
Aさんが修正したファイルをサーバーにアップロード
2012年12月16日日曜日

23. バージョン管理していないと。。
同じファイルをBさんが修正してアップロード
2012年12月16日日曜日

24. バージョン管理していないと。。
サーバ上でAさんが修正した分が上書きされてきえちゃった 。。
2012年12月16日日曜日

25. バージョン管理していると
Aさんが修正したファイルをサーバーにgit push
2012年12月16日日曜日

26. バージョン管理していると
同じファイルをBさんが修正してgit push
2012年12月16日日曜日

27. バージョン管理していると。。
Gitがファイルのコンフリクトを検知
2012年12月16日日曜日

28. Gitは怖くない！！
2012年12月16日日曜日

29. Gitが使えるサービス
Backlog
Github
2012年12月16日日曜日

30. Git運用の流れ
・git pullしてローカルにファイルをダウンロード
・開発環境で制作して、git pushしてリポジトリへコミット
・制作が一区切りすれば本番環境にgit pullで反映
2012年12月16日日曜日

31. 環境はクラウドで行こう
2012年12月16日日曜日

32. クラウドの利点
・環境構築が楽。AWSならamimotoがあるよ！
・環境の差異に苦労しない。
・なによりメンテナンスが楽になる
2012年12月16日日曜日