Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

8,943 views

Published on

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

Published in: Engineering

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

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

×