Rails開発の中でデザイナーの私はどこまで担当しているのか

2106b2453a34c3e73972feb1c1a9d52b?s=47 711fumi
March 07, 2018

 Rails開発の中でデザイナーの私はどこまで担当しているのか

2018/3/7 フロントエンドLT飲み会 発表資料

2106b2453a34c3e73972feb1c1a9d52b?s=128

711fumi

March 07, 2018
Tweet

Transcript

  1. Rails開発の中で デザイナーの私は どこまで担当しているのか 2018/03/07 @フロントエンドLT飲み会 Fumihiro Nakahara

  2. 株式会社groovesのデザイナー。
 あのForkewellの開発に携わっています。 @711fumi 中原 扶⾒⼤

  3. ※諸注意※

  4. 今⽇は 勉強会 飲み会

  5. 気楽にいこう!

  6. 1. なぜ発表するのか

  7. 「エンジニアとデザイナーは  お互いの理解を深めて  協⼒して開発を進めるのが良い!」 →よく聞く

  8. 「エンジニアとデザイナーは  具体的にどんな感じで  作業を分けているの?」 →あまり聞いたことない

  9. ⼈の様⼦を聞きたいなら まずは⾃分の様⼦から ↓ 発表に⾄る

  10. 2. 現状

  11. 所属チーム(プロダクト)について ・Ruby on RailsでWebサービス ・エンジニア5⼈くらい ・デザイナー2⼈ ・インフラ〜サーバーサイド〜JS ・UIデザイン〜フロントエンド実装(JS含む)

  12. 私について HTML/CSS JavaScript サーバーサイド UIデザイン インフラ やりたい できる ◦ ◦

    ◦ ◦ ◦ △ ☓ △☓ ☓ ☓ ( Ruby on Rails )
  13. 3. 実際の役割

  14. 個⼈として「やりたいこと」「できること」 チームとして「やらなければいけないこと」 のバランスをみて守備範囲を定めているつもり 基本的には

  15. コーディングの前に…UIデザイン ・デザイン(仕様)をエンジニアに確認してもらいたい場合は  レビューツールを使う ・フロントエンド実装(ソースコード)がアウトプットなので、  デザイン指⽰書?やデザインファイルのバージョン管理みたいなものは  今のところはあまり必要性を感じない(⼈数が少ないのもあるし)

  16. Rails開発における担当部分 JavaScript Decorator/Helper Test View/CSS ModelやController やる (わからないなりに)やる できるところはやる できるところはやる

    基本的にはさわらない
  17. View/CSS ・HTML/CSSはやりたい&できるのでもちろん担当 ・Viewはデータ取ってくるとこをエンジニアに依頼 ・データが表⽰されているけどデザインが当たってないPRをエンジニアから引き取る ・デザインが当たっているけどデータが仮のままのPRをエンジニアに渡す

  18. JavaScript ・やりたいので学びつつ書く ・JSスキルのあるメンバーに環境構築はおまかせ状態 ・ただでさえめんどいフロントエンドの環境にRailsが絡むともうだいぶアレ ・エンジニアもデザイナーも

  19. Decorator/Helper ・Viewに必要な処理なので書ける場合は書く ・ただよくわからない場合はすぐエンジニアに投げる

  20. Test ・React component のテスト(Enzyme) ・RSpecでのFeature(E2E)テスト ・デザイン変更してテストが壊れたらなおす ・Reactでcomponent作ることあるので伴って書く(⾃信はない) ・まれに⾃発的にテストも書く ・ただ(私は)基本的にはすぐエンジニアに投げる ・重要性はわかっているが書きたいとは思わない

  21. というわけで

  22. 教えてもらえるとうれしいです! デザイナーとエンジニアの 「協業」 みなさんはどうやってますか?

  23. 開発メンバー絶賛募集中です! こんな感じで開発している弊社 https://www.grooves.com/recruit