エンジニア×デザイナー...
TRANSCRIPT
![Page 1: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/1.jpg)
エンジニア×デザイナー
GitHubで変わるコミュニケーション
PHPカンファレンス2014 P4Dワークショップ 山岡 広幸(合同会社テンマド)
![Page 2: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/2.jpg)
自己紹介❖ 山岡 広幸(やまおか ひろゆき)
❖ 合同会社テンマド(10mado, LLC)代表社員
❖ ゆるふわDevelopmentクラブ / P4D
❖ PHPを中心にいろいろ書いてるエンジニアです
❖ Twitter: @hiro_y / GitHub: @hiroy
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 3: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/3.jpg)
PR
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
何よりシンプルな日常の「やることメモ」 Webサービスとして、アプリとして(予定)こっそり提供
https://www.wasurena.so/
![Page 4: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/4.jpg)
PR
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
@ken_c_lo と一緒に絶賛開発中株式会社イノベーター・ジャパンからリリース予定です
http://totte.pics/
![Page 5: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/5.jpg)
最近の流れ❖ Ruby on Railsなど開発手法の成熟
❖ PHPも近代化が進行中
❖ SaaS: AWSとかWindows Azureとか
❖ PaaS: HerokuとかEngine Yardとか
❖ プロダクト(サービス)を非常に作りやすくなった
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 6: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/6.jpg)
でも、ちょっと待って❖ 誰にとって作りやすくなったか?
❖ RailsにしろAWSにしろ、エンジニアに恩恵
❖ エンジニアだけでは作れないのでは
❖ 「エンジニアが作った感じの」サービスの多さよ…
❖ Bootstrapな感じのやつとか
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 7: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/7.jpg)
エンジニアの気持ち❖ デザイン、よくわからない
❖ でも完成イメージみたいなのは持てる
❖ こんな感じで…みたいな
❖ デザインプロセスもよくわからない、知らない
❖ できればデザイナーさんと一緒に考えたい
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 8: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/8.jpg)
最近のフロントエンド事情❖ Sass便利だよねー(Rubyの環境が必要)
❖ Grunt.jsとかgulp.jsとか(Node.jsの環境が必要)
❖ 黒い画面、わからない、こわい
❖ デザイナーさんにどこまで求めるか?という議論はさておき、実際にWebを作る際には便利
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 9: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/9.jpg)
P4Dがやってきたこと❖ Programming for Designers
❖ デザイナーさんにプログラミングの初歩を教える⇒ 仲良くなる、いろいろアドバイスもらえたりする ⇒ あれこれ作りたいものとか話すようになる⇒ 高まると一緒に作りはじめてたりする
❖ エンジニアとデザイナーが歩み寄るコミュニティー
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 10: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/10.jpg)
要するに❖ エンジニア: 作るのは簡単だけど、見た目をきちんとしたりきちんと届けるために考えるのはなかなか難しい
❖ デザイナー: 見た目は作れるけれど、もっと効率化するためのやり方を知りたい。あとサーバー側作るのを覚えるのは大変
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
それ一緒にやれば解決するよね
![Page 11: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/11.jpg)
目的を忘れない❖ 素敵なプロダクト(サービス)を作ること、届けること
❖ そのために専門性と情熱(ポエム)を持ち寄ろう
❖ PDD(Poem Driven Development)
❖ プライベートワークでも、お仕事としての制作現場でもそれは一緒のはず
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 12: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/12.jpg)
GitHubとは❖ gitが使える便利なサービス、だけではない
❖ 制作のすべての「ハブ」になる場所
❖ 気持ちや考えていることを共有する
❖ デザインやコードを共有して対話する
❖ ときには掲示板のように
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 13: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/13.jpg)
実例(テンマドの場合)
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 14: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/14.jpg)
実例(IJ社の場合)
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 15: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/15.jpg)
よかったこと❖ お互いの考えている経過が見えるようになる
❖ nu boardの手描きデザインとか
❖ 実装途中のPull Requestとか
❖ お互いの意見をきちんと言い合える関係を築ける
❖ 実物を目にしながら議論するので
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 16: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/16.jpg)
まとめ❖ エンジニアとデザイナー、仲良くしよう協力して制作することでもっといいものができる
❖ そのためのコミュニケーションツール、GitHub
❖ ただの開発ツールじゃないのよ
❖ ただ、顔を合わせて話すのもとても大事勉強会とか、ミートアップにぜひご参加ください
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 17: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/17.jpg)
最後にPR ❖ イノベーター・ジャパンでは エンジニアさんもデザイナーさんも募集中です!http://www.innovator.jp.net/recruit/
❖ メディア運営や新規サービス開発のお仕事です
❖ テンマドとしては技術顧問など、承りますhttp://10mado.jp/
❖ GitHubの導入や制作を通じた文化作りなど
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
![Page 18: エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)](https://reader034.vdocuments.mx/reader034/viewer/2022051404/58ee45161a28abb35f8b4659/html5/thumbnails/18.jpg)
#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC
ご静聴ありがとうございました ご質問のある方、どうぞ~