Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
フロントエンドDX向上委員会 / RecoChoku Tech Night #08
Search
Yuji Yamaguchi
July 24, 2018
Programming
0
740
フロントエンドDX向上委員会 / RecoChoku Tech Night #08
Yuji Yamaguchi
July 24, 2018
Tweet
Share
More Decks by Yuji Yamaguchi
See All by Yuji Yamaguchi
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
13
5.2k
メンバーの成長速度にバフをかける1on1ミーティング / 2024-12-06
yug1224
25
12k
強みを伸ばすキャリアデザイン
yug1224
3
530
インターンと盛り上げる全社員参加型Advent Calendarの作り方 / 2024-02-22-QiitaNight
yug1224
1
140
2022ランキング圏外から2023ランキング入りを実現したテックブログ運営について / 2023-07-28-QiitaEngineerFesta
yug1224
1
170
Qiitaいいね数をGASで計測している話 / 2023-07-24-HRBrainFlyHigh
yug1224
1
1.1k
HRBrainの生態系を支えるフロントエンドチームの取り組み / 2023-06-22-AwEngineerMeetup
yug1224
0
120
明日使えるかもしれないGitテクニック / Gunma.web#47
yug1224
0
320
React+TypeScriptで拡張機能が開発できるRaycastのススメ / 20221027_Raycast
yug1224
1
950
Other Decks in Programming
See All in Programming
【レイトレ合宿11】kagayaki_v4
runningoutrate
0
220
チーム開発の “地ならし"
konifar
8
7k
『実践MLOps』から学ぶ DevOps for ML
nsakki55
2
540
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
sunabig
0
130
251126 TestState APIってなんだっけ?Step Functionsテストどう変わる?
east_takumi
0
290
しっかり学ぶ java.lang.*
nagise
1
470
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
nowaki28
0
310
Micro Frontendsで築いた 共通基盤と運用の試行錯誤 / Building a Shared Platform with Micro Frontends: Operational Learnings
kyntk
1
1.9k
配送計画の均等化機能を提供する取り組みについて(⽩⾦鉱業 Meetup Vol.21@六本⽊(数理最適化編))
izu_nori
0
120
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
370
TypeScript 5.9 で使えるようになった import defer でパフォーマンス最適化を実現する
bicstone
1
920
Module Harmony
petamoriken
2
610
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
54k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
[RailsConf 2023] Rails as a piece of cake
palkan
58
6.1k
Thoughts on Productivity
jonyablonski
73
4.9k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Testing 201, or: Great Expectations
jmmastey
46
7.8k
GitHub's CSS Performance
jonrohan
1032
470k
Transcript
フロントエンドエンジニア DX向上委員会 2018/07/24 RecoChoku Tech Night #08
自己紹介 ▸ 名前 ▸ ヤマグチ ユウジ(30) ▸ 職種 ▸ フロントエンドエンジニア(7)
▸ 経歴 ▸ 2011年04月 通信系企業 ▸ IoTやWebコンテンツサービスの開発運用 ▸ 2016年01月 ネット広告系企業 ▸ 広告配信管理システムの開発運用 ▸ 2016年10月 株式会社リクルートライフスタイル ▸ 飲食店向け予約台帳システムの開発 ▸ 宿予約後レコメンドページの開発 ▸ 組織横断フロントエンド改善活動 2
3 余談:DXとは何か?
そもそも DX とは? ▸ DX: Developer Experience ▸ 開発者が開発を通じて得る経験や体験のこと ▸
プロダクトコードの品質が高い ▸ テストやCI環境がメンテされている ▸ オフィスが快適w ▸ etc. ▸ DXとはUXの一種 ▸ 悪いDXは百害あって一利なし! 4
今日話すこと ▸ 過去のフロントエンド組織構造の負 ▸ 現在の取り組みとその効果 ▸ 今後やりたいこと 5
6 過去のフロントエンド組織構造の負
それぞれのチームはプロジェクトに閉じていた... 7 PRJ A PRJ B PRJ C PRJ D
FE TEAM FE TEAM FE TEAM FE TEAM × × ×
フロントエンド組織構造の負 ▸ チーム間の交流がなかった ▸ 職能チームはプロジェクトに属し、越境することがない ▸ 技術や経験の共有がない ▸ 案件実行だけでノウハウが蓄積せず、同じ轍を踏んでしまう ▸
誰に相談していいかわからない ▸ 舵取り役や相談相手がいないので、アンチパターンの繰り返し 8
9 悪いDXがさらに悪いDXを呼ぶ 「負のスパイラル」が続いていた...
10 最悪なDXという圧倒的困難に 立ち向かう男たちがいた...
フロントエンドエンジニアの精鋭たち 11 撮影者:山口
12 \いろいろ実験中!/ LT会 コードレビュー会 もくもく会 ペアプロ 雑談 1on1 勉強会 共有会
モブプロ
交流する場の設定と成果物を残すようにした 13
14 この取り組みの中で ある「変化」が起きた
プロジェクト枠を越境する共同体が生まれた! 15 PRJ A PRJ B PRJ C PRJ D
FE TEAM FE TEAM FE TEAM FE TEAM フロントエンド共同体
16 × 所属以外の 横のつながり 所属内外に 共有する文化 ↓ ?
17 改善と共有を繰り返す 「正のスパイラル」 の兆しが見えた!
18 しかしそれは これから始まる長い「戦い」の 序章に過ぎなかった...
全てのプロジェクトを跨いだわけではない! 19 UNIT A PRJ A PRJ C UNIT B
PRJ D FE PRJ B FE FE FE PRJ E FE PRJ F FE UNIT C PRJ G FE PRJ H FE PRJ I FE フロントエンド共同体 …
20 共同体の「最大化」へ向けて 続けていかなければならない!
まとめ ▸ 過去 ▸ 交流も組織方針も何もない「負のスパイラル」 ▸ 現在 ▸ 横のつながりと情報共有をする文化の「正のスパイラル」 ▸
残念ながらまだ全てのプロジェクトを跨いだわけではない... ▸ 未来 ▸ 俺たちの「戦い」はこれからだ!! 21
22 TO BE CONTINUED...