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
420
価値あるフロントエンドデザイン領域開拓
西船橋.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
520
デザインファイルにおける継続的インテグレーション
jaxx2104
2
450
漸進的な変更を支えるフロントエンド設計
jaxx2104
5
2.3k
Gatsby と Netlify で JAMstack なメディア開発
jaxx2104
0
760
サイレントヒーローを作らない取り組み
jaxx2104
1
180
開発組織のメンバーからリーダーになって
jaxx2104
0
130
Nikuman
jaxx2104
0
430
レガシーなフロントエンド環境で心理的安全性を確保する / RecoChoku Tech Night #08
jaxx2104
0
350
Vue.jsとLambdaの導入
jaxx2104
0
390
Other Decks in Technology
See All in Technology
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
Pythonによる契約プログラミング入門 / PyCon JP 2025
7pairs
5
2.5k
関係性が駆動するアジャイル──GPTに人格を与えたら、対話を通してふりかえりを習慣化できた話
mhlyc
0
130
AWSにおけるTrend Vision Oneの効果について
shimak
0
120
Azure Well-Architected Framework入門
tomokusaba
0
260
全てGoで作るP2P対戦ゲーム入門
ponyo877
3
1.3k
ユニットテストに対する考え方の変遷 / Everyone should watch his live coding
mdstoy
0
120
SwiftUIのGeometryReaderとScrollViewを基礎から応用まで学び直す:設計と活用事例
fumiyasac0921
0
130
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
0
130
about #74462 go/token#FileSet
tomtwinkle
1
280
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ:検査・適応で未来を開発 / AI-driven product owner. scrummat2025
yosuke_nagai
4
540
GA technologiesでのAI-Readyの取り組み@DataOps Night
yuto16
0
260
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Building an army of robots
kneath
306
46k
4 Signs Your Business is Dying
shpigford
185
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Unsuck your backbone
ammeep
671
58k
Fireside Chat
paigeccino
40
3.7k
Making Projects Easy
brettharned
119
6.4k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Side Projects
sachag
455
43k
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なので割愛
成果物の向上(画面設計) 成果物の向上(画面設計)
得られたこと 得られたこと コミュニケーションの可視化と 交通整理が出来た 職能間の目線を揃えることが出来た フロントエンドデザイン領域を 体系的に学ぶ環境が出来た
ありがとうございました! ありがとうございました!