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
380
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Rails開発の中でデザイナーの私はどこまで担当しているのか
2018/3/7 フロントエンドLT飲み会 発表資料
fumink
March 07, 2018
More Decks by fumink
See All by fumink
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
1.3k
チームを前に進めるデザイン 〜あなたがやること、すべてはデザイン〜
fumink7
0
110
「デザインは反復である」ということをメンバーに理解してもらっておこう - 具体と抽象 -
fumink7
1
6.8k
デザイナーとエンジニアの垣根を超えたフロントエンド開発
fumink7
4
650
anime.jsがいいらしい
fumink7
1
840
(非)デザイナーがUIデザインで困ったらどうするか?
fumink7
1
250
Other Decks in Technology
See All in Technology
指示待ちから変化に応じるClaude Codeへ!~環境からAgentへの帰り道を作る~
gotalab555
9
1.7k
ClaudeCodeでセキュリティ監視業務を半自動化_1年の運用でわかったAIに任せる設計の5つのポイント
kintotechdev
4
990
アクセスキー流出時の対応で再認識した攻撃側と防御側の非対称性について
kazzpapa3
1
480
Hub & Spoke 環境のネットワークルーティングを分解してみる
tsuyataku
1
460
形式手法特論:Hyperproperty とモデル検査 #kernelvm / Kernel VM Study Tokyo 19th
ytaka23
1
910
AI時代のデータ基盤を考える問い
pacocat
0
780
Cloudflare製品を活用した AIガバナンス実践入門 / AI governance with Cloudflare Service
delta_tech
1
140
現場の暗黙知を継承するAIエージェント — 対話から生まれる長期記憶と Skills
atsukish
0
190
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
6
77k
わたしが知り合いゼロの勉強会に 行けるようになるまで
r5ni4
2
850
みてねにおけるAI-DLC導入活動とAIドリブン開発の現在地/JAWS-UG AI-DLC #2
isaoshimizu
2
300
マイナンバーカード本人確認の実装比較(OAuth/OIDC Numa (Immersion) Workshop 2026) / 20260825 numa-12
oidfj
PRO
0
390
Featured
See All Featured
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4.3k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
460
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Building Applications with DynamoDB
mza
96
7.2k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
960
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
510
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
Leo the Paperboy
mayatellez
8
2.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
How to Talk to Developers About Accessibility
jct
2
530
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
580
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