Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Rails開発の中でデザイナーの私はどこまで担当しているのか
Search
fumink7
March 07, 2018
Technology
0
320
Rails開発の中でデザイナーの私はどこまで担当しているのか
2018/3/7 フロントエンドLT飲み会 発表資料
fumink7
March 07, 2018
Tweet
Share
More Decks by fumink7
See All by fumink7
「デザインは反復である」ということをメンバーに理解してもらっておこう - 具体と抽象 -
fumink7
1
5.8k
デザイナーとエンジニアの垣根を超えたフロントエンド開発
fumink7
4
590
anime.jsがいいらしい
fumink7
1
720
(非)デザイナーがUIデザインで困ったらどうするか?
fumink7
1
180
Other Decks in Technology
See All in Technology
IaCジェネレーターとBedrockで詳細設計書を生成してみた
tsukasa_ishimaru
4
950
AWS学習者向けにAzureの解説スライドを作成した話
handy
3
220
Grafana x PagerDuty Better Together
jacopen
1
340
Dungeons and Dragons and Rails
joelq
0
130
【基本】データベース設計
oracle4engineer
PRO
2
280
コードファーストの考え方。 Amplify Gen2から学ぶAWS次世代のWeb開発体験
yoshiitaka
2
540
Building Dashboards as a Hobby
egmc
0
430
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
0
1.9k
Gradle Build Scanを使ってビルドのことを知ろう potatotips #87
tomorrowkey
2
170
Cypress or Playwright?
rainerhahnekamp
0
180
TailwindCSSでUIライブラリを作る際のハマりどころ
shuta13
0
110
Azureの基本的な権限管理の勉強会
yhana
1
2.2k
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
Build your cross-platform service in a week with App Engine
jlugia
226
17k
The Brand Is Dead. Long Live the Brand.
mthomps
49
29k
The Cost Of JavaScript in 2023
addyosmani
21
3.9k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
123
39k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
245
20k
Designing Experiences People Love
moore
136
23k
The Illustrated Children's Guide to Kubernetes
chrisshort
32
47k
Optimising Largest Contentful Paint
csswizardry
13
2.4k
Transcript
Rails開発の中で デザイナーの私は どこまで担当しているのか 2018/03/07 @フロントエンドLT飲み会 Fumihiro Nakahara
株式会社groovesのデザイナー。 あのForkewellの開発に携わっています。 @711fumi 中原 扶⾒⼤
※諸注意※
今⽇は 勉強会 飲み会
気楽にいこう!
1. なぜ発表するのか
「エンジニアとデザイナーは お互いの理解を深めて 協⼒して開発を進めるのが良い!」 →よく聞く
「エンジニアとデザイナーは 具体的にどんな感じで 作業を分けているの?」 →あまり聞いたことない
⼈の様⼦を聞きたいなら まずは⾃分の様⼦から ↓ 発表に⾄る
2. 現状
所属チーム(プロダクト)について ・Ruby on RailsでWebサービス ・エンジニア5⼈くらい ・デザイナー2⼈ ・インフラ〜サーバーサイド〜JS ・UIデザイン〜フロントエンド実装(JS含む)
私について HTML/CSS JavaScript サーバーサイド UIデザイン インフラ やりたい できる ◦ ◦
◦ ◦ ◦ △ ☓ △☓ ☓ ☓ ( Ruby on Rails )
3. 実際の役割
個⼈として「やりたいこと」「できること」 チームとして「やらなければいけないこと」 のバランスをみて守備範囲を定めているつもり 基本的には
コーディングの前に…UIデザイン ・デザイン(仕様)をエンジニアに確認してもらいたい場合は レビューツールを使う ・フロントエンド実装(ソースコード)がアウトプットなので、 デザイン指⽰書?やデザインファイルのバージョン管理みたいなものは 今のところはあまり必要性を感じない(⼈数が少ないのもあるし)
Rails開発における担当部分 JavaScript Decorator/Helper Test View/CSS ModelやController やる (わからないなりに)やる できるところはやる できるところはやる
基本的にはさわらない
View/CSS ・HTML/CSSはやりたい&できるのでもちろん担当 ・Viewはデータ取ってくるとこをエンジニアに依頼 ・データが表⽰されているけどデザインが当たってないPRをエンジニアから引き取る ・デザインが当たっているけどデータが仮のままのPRをエンジニアに渡す
JavaScript ・やりたいので学びつつ書く ・JSスキルのあるメンバーに環境構築はおまかせ状態 ・ただでさえめんどいフロントエンドの環境にRailsが絡むともうだいぶアレ ・エンジニアもデザイナーも
Decorator/Helper ・Viewに必要な処理なので書ける場合は書く ・ただよくわからない場合はすぐエンジニアに投げる
Test ・React component のテスト(Enzyme) ・RSpecでのFeature(E2E)テスト ・デザイン変更してテストが壊れたらなおす ・Reactでcomponent作ることあるので伴って書く(⾃信はない) ・まれに⾃発的にテストも書く ・ただ(私は)基本的にはすぐエンジニアに投げる ・重要性はわかっているが書きたいとは思わない
というわけで
教えてもらえるとうれしいです! デザイナーとエンジニアの 「協業」 みなさんはどうやってますか?
完
開発メンバー絶賛募集中です! こんな感じで開発している弊社 https://www.grooves.com/recruit