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
価値あるフロントエンドデザイン領域開拓
Search
jaxx2104
May 20, 2019
Technology
0
400
価値あるフロントエンドデザイン領域開拓
西船橋.tech #1
https://nishifuna-tech.connpass.com/event/137466/
jaxx2104
May 20, 2019
Tweet
Share
More Decks by jaxx2104
See All by jaxx2104
Relative CI が気になっている話
jaxx2104
0
510
デザインファイルにおける継続的インテグレーション
jaxx2104
2
440
漸進的な変更を支えるフロントエンド設計
jaxx2104
5
2.3k
Gatsby と Netlify で JAMstack なメディア開発
jaxx2104
0
750
サイレントヒーローを作らない取り組み
jaxx2104
1
170
開発組織のメンバーからリーダーになって
jaxx2104
0
120
Nikuman
jaxx2104
0
410
レガシーなフロントエンド環境で心理的安全性を確保する / RecoChoku Tech Night #08
jaxx2104
0
340
Vue.jsとLambdaの導入
jaxx2104
0
380
Other Decks in Technology
See All in Technology
M365アカウント侵害時の初動対応
lhazy
7
5.2k
AI人生苦節10年で会得したAIがやること_人間がやること.pdf
shibuiwilliam
1
220
会社もクラウドも違うけど 通じたコスト削減テクニック/Cost optimization strategies effective regardless of company or cloud provider
aeonpeople
2
400
経験がないことを言い訳にしない、 AI時代の他領域への染み出し方
parayama0625
0
270
Turn Your Community into a Fundraising Catalyst for Black Philanthropy Month
auctria
PRO
0
230
Datasets for Critical Operations by Dataform
kimujun
0
120
怖くない!GritQLでBiomeプラグインを作ろうよ
pal4de
1
140
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
280
少人数でも回る! DevinとPlaybookで支える運用改善
ishikawa_pro
4
1.9k
AIエージェントを支える設計
tkikuchi1002
11
2.4k
[TechNight #91] Oracle Database 最新パフォーマンス分析手法
oracle4engineer
PRO
3
240
ecspressoの設計思想に至る道 / sekkeinight2025
fujiwara3
12
2.1k
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
77
9.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
860
Faster Mobile Websites
deanohume
308
31k
A better future with KSS
kneath
238
17k
Visualization
eitanlees
146
16k
Music & Morning Musume
bryan
46
6.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
How to Ace a Technical Interview
jacobian
278
23k
A Tale of Four Properties
chriscoyier
160
23k
Transcript
価値あるフロントエンドデザイン領域開拓 価値あるフロントエンドデザイン領域開拓 Futoshi Iwashita
自己紹介 自己紹介 岩下 太 (@jaxx2104) 株式会社リクルート Front-end engineer
やってきたこと やってきたこと Vue にしたり Nuxt にしたり VuePress にしたり etc.
趣味 #keyboard 趣味 #keyboard
趣味 #minecraft 趣味 #minecraft
キーボードとゲームがあれば だいたいの人間わかり合える
本題 本題
フロントエンドの周辺 フロントエンドの周辺
Somewhere between design – a world of personas, pixels, and
polish – and engineering – a world of logic, loops, and linux – lies frontend design. frontend-design - http://bradfrost.com/blog/post/frontend-design/
こういった役割 こういった役割
「フロントエンド」がなぜ専門領域になったのかを思い出そう 体験と設計 フロントエンドエンジニアの二つの責務について #FROKAN - https://speakerdeck.com/potato4d/ti-yan-toshe-ji-hurontoendoenziniafalseer-tufalseze-wu- nituite-number-frokan?slide=37
フロントエンドエンジニアの責務 フロントエンドエンジニアの責務 設計 (Frontend develop) 体験 (Frontend design)
なので今日は体験の方 フロントエンドデザインの話をします。
まずは課題集め まずは課題集め 開発の前後工程に実際に参加してみる
ワイヤーフレーム作成に参加 店舗ヒアリング
感想 感想 開発する意義や成果を感じる満足感が高かった 職能間の手法と情報のギャップは感じた
そこで以下のことを手助けしたいと思った そこで以下のことを手助けしたいと思った 1. 共通認識を持つ 2. チームの力学について話し合う場を作る 3. チームの強化と改善にリーダーを巻き込む https://rework.withgoogle.com/jp/guides/understanding-team-e ectiveness/steps/help-teams-
take-action/
ギャップを埋めて最終的に開発組織にとっての ロールモデルを作れたら最高だ
やったこと やったこと
デザイン指示書のオンライン化 デザイン指示書のオンライン化
デザインレビュー観点の整備 デザインレビュー観点の整備
デザインレビューフロー(対面)の整備 デザインレビューフロー(対面)の整備
デザインファイルと UI モックの統一 デザインファイルと UI モックの統一
デザインファイルの自動化 デザインファイルの自動化 CLI - https://developer.sketch.com/cli/
成果物の向上(WF) 成果物の向上(WF) 社内限URLなので割愛
成果物の向上(画面設計) 成果物の向上(画面設計)
得られたこと 得られたこと コミュニケーションの可視化と 交通整理が出来た 職能間の目線を揃えることが出来た フロントエンドデザイン領域を 体系的に学ぶ環境が出来た
ありがとうございました! ありがとうございました!