エンジニア×デザイナー

GitHubで変わるコミュニケーション

PHPカンファレンス2014 P4Dワークショップ 山岡 広幸（合同会社テンマド）

自己紹介❖ 山岡 広幸（やまおか ひろゆき）

❖ 合同会社テンマド（10mado, LLC）代表社員

❖ ゆるふわDevelopmentクラブ / P4D

❖ PHPを中心にいろいろ書いてるエンジニアです

❖ Twitter: @hiro_y / GitHub: @hiroy

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

PR

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

何よりシンプルな日常の「やることメモ」 Webサービスとして、アプリとして（予定）こっそり提供

https://www.wasurena.so/

PR

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

@ken_c_lo と一緒に絶賛開発中株式会社イノベーター・ジャパンからリリース予定です

http://totte.pics/

最近の流れ❖ Ruby on Railsなど開発手法の成熟

❖ PHPも近代化が進行中

❖ SaaS: AWSとかWindows Azureとか

❖ PaaS: HerokuとかEngine Yardとか

❖ プロダクト（サービス）を非常に作りやすくなった

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

でも、ちょっと待って❖ 誰にとって作りやすくなったか？

❖ RailsにしろAWSにしろ、エンジニアに恩恵

❖ エンジニアだけでは作れないのでは

❖ 「エンジニアが作った感じの」サービスの多さよ…

❖ Bootstrapな感じのやつとか

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

エンジニアの気持ち❖ デザイン、よくわからない

❖ でも完成イメージみたいなのは持てる

❖ こんな感じで…みたいな

❖ デザインプロセスもよくわからない、知らない

❖ できればデザイナーさんと一緒に考えたい

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

最近のフロントエンド事情❖ Sass便利だよねー（Rubyの環境が必要）

❖ Grunt.jsとかgulp.jsとか（Node.jsの環境が必要）

❖ 黒い画面、わからない、こわい

❖ デザイナーさんにどこまで求めるか？という議論はさておき、実際にWebを作る際には便利

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

P4Dがやってきたこと❖ Programming for Designers

❖ デザイナーさんにプログラミングの初歩を教える⇒ 仲良くなる、いろいろアドバイスもらえたりする ⇒ あれこれ作りたいものとか話すようになる⇒ 高まると一緒に作りはじめてたりする

❖ エンジニアとデザイナーが歩み寄るコミュニティー

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

要するに❖ エンジニア: 作るのは簡単だけど、見た目をきちんとしたりきちんと届けるために考えるのはなかなか難しい

❖ デザイナー: 見た目は作れるけれど、もっと効率化するためのやり方を知りたい。あとサーバー側作るのを覚えるのは大変

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

それ一緒にやれば解決するよね

目的を忘れない❖ 素敵なプロダクト（サービス）を作ること、届けること

❖ そのために専門性と情熱（ポエム）を持ち寄ろう

❖ PDD（Poem Driven Development）

❖ プライベートワークでも、お仕事としての制作現場でもそれは一緒のはず

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

GitHubとは❖ gitが使える便利なサービス、だけではない

❖ 制作のすべての「ハブ」になる場所

❖ 気持ちや考えていることを共有する

❖ デザインやコードを共有して対話する

❖ ときには掲示板のように

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

実例（テンマドの場合）

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

実例（IJ社の場合）

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

よかったこと❖ お互いの考えている経過が見えるようになる

❖ nu boardの手描きデザインとか

❖ 実装途中のPull Requestとか

❖ お互いの意見をきちんと言い合える関係を築ける

❖ 実物を目にしながら議論するので

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

まとめ❖ エンジニアとデザイナー、仲良くしよう協力して制作することでもっといいものができる

❖ そのためのコミュニケーションツール、GitHub

❖ ただの開発ツールじゃないのよ

❖ ただ、顔を合わせて話すのもとても大事勉強会とか、ミートアップにぜひご参加ください

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

最後にPR ❖ イノベーター・ジャパンでは エンジニアさんもデザイナーさんも募集中です！http://www.innovator.jp.net/recruit/

❖ メディア運営や新規サービス開発のお仕事です

❖ テンマドとしては技術顧問など、承りますhttp://10mado.jp/

❖ GitHubの導入や制作を通じた文化作りなど

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

#phpcon2014 P4D workshop by Hiroyuki Yamaoka from 10mado, LLC

ご静聴ありがとうございました ご質問のある方、どうぞ～