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
fumink
March 07, 2018
Technology
0
350
Rails開発の中でデザイナーの私はどこまで担当しているのか
2018/3/7 フロントエンドLT飲み会 発表資料
fumink
March 07, 2018
Tweet
Share
More Decks by fumink
See All by fumink
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
1.1k
チームを前に進めるデザイン 〜あなたがやること、すべてはデザイン〜
fumink7
0
60
「デザインは反復である」ということをメンバーに理解してもらっておこう - 具体と抽象 -
fumink7
1
6.4k
デザイナーとエンジニアの垣根を超えたフロントエンド開発
fumink7
4
620
anime.jsがいいらしい
fumink7
1
770
(非)デザイナーがUIデザインで困ったらどうするか?
fumink7
1
200
Other Decks in Technology
See All in Technology
現場の壁を乗り越えて、 「計装注入」が拓く オブザーバビリティ / Beyond the Field Barriers: Instrumentation Injection and the Future of Observability
aoto
PRO
1
810
仕様駆動開発を実現する上流工程におけるAIエージェント活用
sergicalsix
10
5.2k
戦えるAIエージェントの作り方
iwiwi
20
9.4k
어떤 개발자가 되고 싶은가?
arawn
1
370
データエンジニアとして生存するために 〜界隈を盛り上げる「お祭り」が必要な理由〜 / data_summit_findy_Session_1
sansan_randd
1
600
ざっくり学ぶ 『エンジニアリングリーダー 技術組織を育てるリーダーシップと セルフマネジメント』 / 50 minute Engineering Leader
iwashi86
8
4.2k
re:Invent 2025の見どころと便利アイテムをご紹介 / Highlights and Useful Items for re:Invent 2025
yuj1osm
0
570
AIがコードを書いてくれるなら、新米エンジニアは何をする? / komekaigi2025
nkzn
24
16k
OPENLOGI Company Profile for engineer
hr01
1
46k
251029 JAWS-UG AI/ML 退屈なことはQDevにやらせよう
otakensh
0
120
OpenCensusと歩んだ7年間
bgpat
0
300
境界線が消える世界におけるQAエンジニアのキャリアの可能性を考える / Considering the Career Possibilities for QA Engineers
mii3king
2
110
Featured
See All Featured
Designing for Performance
lara
610
69k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
How to Think Like a Performance Engineer
csswizardry
27
2.2k
Speed Design
sergeychernyshev
32
1.2k
Writing Fast Ruby
sferik
630
62k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Building Adaptive Systems
keathley
44
2.8k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
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