Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
価値あるフロントエンドデザイン領域開拓
Search
jaxx2104
May 20, 2019
Technology
0
440
価値あるフロントエンドデザイン領域開拓
西船橋.tech #1
https://nishifuna-tech.connpass.com/event/137466/
jaxx2104
May 20, 2019
Tweet
Share
More Decks by jaxx2104
See All by jaxx2104
freeeにおけるファンクションを超えた一気通貫でのAI活用
jaxx2104
3
1.6k
Relative CI が気になっている話
jaxx2104
0
530
デザインファイルにおける継続的インテグレーション
jaxx2104
2
480
漸進的な変更を支えるフロントエンド設計
jaxx2104
5
2.3k
Gatsby と Netlify で JAMstack なメディア開発
jaxx2104
0
780
サイレントヒーローを作らない取り組み
jaxx2104
1
190
開発組織のメンバーからリーダーになって
jaxx2104
0
140
Nikuman
jaxx2104
0
450
レガシーなフロントエンド環境で心理的安全性を確保する / RecoChoku Tech Night #08
jaxx2104
0
360
Other Decks in Technology
See All in Technology
ハッカソンから社内プロダクトへ AIエージェント「ko☆shi」開発で学んだ4つの重要要素
sonoda_mj
6
1.5k
MySQLとPostgreSQLのコレーション / Collation of MySQL and PostgreSQL
tmtms
1
1.1k
【開発を止めるな】機能追加と並行して進めるアーキテクチャ改善/Keep Shipping: Architecture Improvements Without Pausing Dev
bitkey
PRO
1
120
Snowflake だけで実現する “自立的データ品質管理” ~Data Quality Monitoring 解説 ~@ BUILD Meetup: TOKYO 2025
ryo_suzuki
0
130
Building Serverless AI Memory with Mastra × AWS
vvatanabe
0
360
Amazon Bedrock Knowledge Bases × メタデータ活用で実現する検証可能な RAG 設計
tomoaki25
6
2.2k
20251203_AIxIoTビジネス共創ラボ_第4回勉強会_BP山崎.pdf
iotcomjpadmin
0
130
『君の名は』と聞く君の名は。 / Your name, you who asks for mine.
nttcom
1
110
意外と知らない状態遷移テストの世界
nihonbuson
PRO
1
210
AIBuildersDay_track_A_iidaxs
iidaxs
4
1.1k
2025年のデザインシステムとAI 活用を振り返る
leveragestech
0
110
"人"が頑張るAI駆動開発
yokomachi
1
100
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
The Limits of Empathy - UXLibs8
cassininazir
1
190
Facilitating Awesome Meetings
lara
57
6.7k
Prompt Engineering for Job Search
mfonobong
0
120
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Designing for Timeless Needs
cassininazir
0
92
Documentation Writing (for coders)
carmenintech
77
5.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Heart Work Chapter 1 - Part 1
lfama
PRO
3
35k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Faster Mobile Websites
deanohume
310
31k
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なので割愛
成果物の向上(画面設計) 成果物の向上(画面設計)
得られたこと 得られたこと コミュニケーションの可視化と 交通整理が出来た 職能間の目線を揃えることが出来た フロントエンドデザイン領域を 体系的に学ぶ環境が出来た
ありがとうございました! ありがとうございました!