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
59
「デザインは反復である」ということをメンバーに理解してもらっておこう - 具体と抽象 -
fumink7
1
6.3k
デザイナーとエンジニアの垣根を超えたフロントエンド開発
fumink7
4
620
anime.jsがいいらしい
fumink7
1
750
(非)デザイナーがUIデザインで困ったらどうするか?
fumink7
1
200
Other Decks in Technology
See All in Technology
AI Agent Dojo #2 watsonx Orchestrateフローの作成
oniak3ibm
PRO
0
130
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
dbtとBigQuery MLで実現する リクルートの営業支援基盤のモデル開発と保守運用
recruitengineers
PRO
3
130
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
940
生成AI時代のセキュアコーディングとDevSecOps
yuriemori
0
130
初めてのDatabricks Apps開発
taka_aki
1
190
LLMアプリの地上戦開発計画と運用実践 / 2025.10.15 GPU UNITE 2025
smiyawaki0820
1
660
AIとともに歩んでいくデザイナーの役割の変化
lycorptech_jp
PRO
0
530
「最速」で Gemini CLI を使いこなそう! 〜Cloud Shell/Cloud Run の活用〜 / The Fastest Way to Master the Gemini CLI — with Cloud Shell and Cloud Run
aoto
PRO
0
120
業務効率化をさらに加速させる、ノーコードツールとStep Functionsのハイブリッド化
smt7174
2
150
RDS の負荷が高い場合に AWS で取りうる具体策 N 連発/a-series-of-specific-countermeasures-available-on-aws-when-rds-is-under-high-load
emiki
7
4.2k
速習AGENTS.md:5分で精度を上げる "3ブロック" テンプレ
ismk
6
1.8k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Language of Interfaces
destraynor
162
25k
Statistics for Hackers
jakevdp
799
220k
The Invisible Side of Design
smashingmag
302
51k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
GraphQLとの向き合い方2022年版
quramy
49
14k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Music & Morning Musume
bryan
46
6.8k
KATA
mclloyd
PRO
32
15k
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