エンジニア×デザイナー GitHubで変わるコミュニケーション（PHPカンファレンス2014 P4Dセッション）

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

SlideShare for iOS

エンジニア×デザイナー GitHubで変わるコミュニケーション（PHPカンファレンス2014 P4Dセッション）

by Hiroyuki Yamaoka , Engineer at 10mado, LLC

on Oct 11, 2014

Statistics

Views

Actions

1 Embed 2

Accessibility

Categories

Upload Details

Usage Rights

Report content

エンジニア×デザイナー GitHubで変わるコミュニケーション（PHPカンファレンス2014 P4Dセッション） Presentation Transcript