Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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
65
「デザインは反復である」ということをメンバーに理解してもらっておこう - 具体と抽象 -
fumink7
1
6.4k
デザイナーとエンジニアの垣根を超えたフロントエンド開発
fumink7
4
630
anime.jsがいいらしい
fumink7
1
790
(非)デザイナーがUIデザインで困ったらどうするか?
fumink7
1
210
Other Decks in Technology
See All in Technology
Kiro Autonomous AgentとKiro Powers の紹介 / kiro-autonomous-agent-and-powers
tomoki10
0
370
大企業でもできる!ボトムアップで拡大させるプラットフォームの作り方
findy_eventslides
1
680
pmconf2025 - データを活用し「価値」へ繋げる
glorypulse
0
720
品質のための共通認識
kakehashi
PRO
3
230
寫了幾年 Code,然後呢?軟體工程師必須重新認識的 DevOps
cheng_wei_chen
1
1.2k
5分で知るMicrosoft Ignite
taiponrock
PRO
0
320
AWS Bedrock AgentCoreで作る 1on1支援AIエージェント 〜Memory × Evaluationsによる実践開発〜
yusukeshimizu
6
380
LLM-Readyなデータ基盤を高速に構築するためのアジャイルデータモデリングの実例
kashira
0
230
Lessons from Migrating to OpenSearch: Shard Design, Log Ingestion, and UI Decisions
sansantech
PRO
1
110
小さな判断で育つ、大きな意思決定力 / 20251204 Takahiro Kinjo
shift_evolve
PRO
1
600
打 造 A I 驅 動 的 G i t H u b ⾃ 動 化 ⼯ 作 流 程
appleboy
0
270
エンジニアリングをやめたくないので問い続ける
estie
2
1k
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
720
Statistics for Hackers
jakevdp
799
230k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.2k
How STYLIGHT went responsive
nonsquared
100
6k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
A Tale of Four Properties
chriscoyier
162
23k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Testing 201, or: Great Expectations
jmmastey
46
7.8k
Optimizing for Happiness
mojombo
379
70k
The Language of Interfaces
destraynor
162
25k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.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