PHPカンファレンス2014、P4Dセッションの発表資料です http://phpcon.php.gr.jp/w/2014/

1. エンジニア×デザイナー
GitHubで変わる
コミュニケーション
PHPカンファレンス2014 P4Dワークショップ
山岡 広幸（合同会社テンマド）

2. 自己紹介
❖ 山岡 広幸（やまおか ひろゆき）
❖ 合同会社テンマド（10mado, LLC）代表社員
❖ ゆるふわDevelopmentクラブ / P4D
❖ PHPを中心にいろいろ書いてるエンジニアです
❖ Twitter: @hiro_y / GitHub: @hiroy
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

3. ̶ PR ̶
何よりシンプルな日常の「やることメモ」
Webサービスとして、アプリとして（予定）こっそり提供
https://www.wasurena.so/
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

4. ̶ PR ̶
@ken_c_lo と一緒に絶賛開発中
株式会社イノベーター・ジャパンからリリース予定です
http://totte.pics/
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

5. 最近の流れ
❖ Ruby on Railsなど開発手法の成熟
❖ PHPも近代化が進行中
❖ SaaS: AWSとかWindows Azureとか
❖ PaaS: HerokuとかEngine Yardとか
❖ プロダクト（サービス）を非常に作りやすくなった
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

6. でも、ちょっと待って
❖ 誰にとって作りやすくなったか？
❖ RailsにしろAWSにしろ、エンジニアに恩恵
❖ エンジニアだけでは作れないのでは
❖ 「エンジニアが作った感じの」サービスの多さよ…
❖ Bootstrapな感じのやつとか
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

7. エンジニアの気持ち
❖ デザイン、よくわからない
❖ でも完成イメージみたいなのは持てる
❖ こんな感じで…みたいな
❖ デザインプロセスもよくわからない、知らない
❖ できればデザイナーさんと一緒に考えたい
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

8. 最近のフロントエンド事情
❖ Sass便利だよねー（Rubyの環境が必要）
❖ Grunt.jsとかgulp.jsとか（Node.jsの環境が必要）
❖ 黒い画面、わからない、こわい
❖ デザイナーさんにどこまで求めるか？という
議論はさておき、実際にWebを作る際には便利
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

9. P4Dがやってきたこと
❖ Programming for Designers
❖ デザイナーさんにプログラミングの初歩を教える
⇒ 仲良くなる、いろいろアドバイスもらえたりする
⇒ あれこれ作りたいものとか話すようになる
⇒ 高まると一緒に作りはじめてたりする
❖ エンジニアとデザイナーが歩み寄るコミュニティー
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

10. 要するに
❖ エンジニア: 作るのは簡単だけど、
見た目をきちんとしたり
きちんと届けるために考えるのはなかなか難しい
❖ デザイナー: 見た目は作れるけれど、
もっと効率化するためのやり方を知りたい。
あとサーバー側作るのを覚えるのは大変
それ一緒にやれば解決するよね
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

11. 目的を忘れない
❖ 素敵なプロダクト（サービス）を作ること、届けること
❖ そのために専門性と情熱（ポエム）を持ち寄ろう
❖ PDD（Poem Driven Development）
❖ プライベートワークでも、
お仕事としての制作現場でもそれは一緒のはず
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

12. GitHubとは
❖ gitが使える便利なサービス、だけではない
❖ 制作のすべての「ハブ」になる場所
❖ 気持ちや考えていることを共有する
❖ デザインやコードを共有して対話する
❖ ときには掲示板のように
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

13. 実例（テンマドの場合）
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

14. 実例（IJ社の場合）
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

15. よかったこと
❖ お互いの考えている経過が見えるようになる
❖ nu boardの手描きデザインとか
❖ 実装途中のPull Requestとか
❖ お互いの意見をきちんと言い合える関係を築ける
❖ 実物を目にしながら議論するので
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

16. まとめ
❖ エンジニアとデザイナー、仲良くしよう
協力して制作することでもっといいものができる
❖ そのためのコミュニケーションツール、GitHub
❖ ただの開発ツールじゃないのよ
❖ ただ、顔を合わせて話すのもとても大事
勉強会とか、ミートアップにぜひご参加ください
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

17. ̶ 最後にPR ̶
❖ イノベーター・ジャパンでは
エンジニアさんもデザイナーさんも募集中です！
http://www.innovator.jp.net/recruit/
❖ メディア運営や新規サービス開発のお仕事です
❖ テンマドとしては技術顧問など、承ります
http://10mado.jp/
❖ GitHubの導入や制作を通じた文化作りなど
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

18. ご静聴ありがとうございました
ご質問のある方、どうぞ～
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC