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
フロントエンドDX向上委員会 / RecoChoku Tech Night #08
Search
Yuji Yamaguchi
July 24, 2018
Programming
770
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
フロントエンドDX向上委員会 / RecoChoku Tech Night #08
Yuji Yamaguchi
July 24, 2018
More Decks by Yuji Yamaguchi
See All by Yuji Yamaguchi
2026-08-01.pdf
yug1224
1
78
ルールを書いて終わらせないハーネスエンジニアリング
yug1224
4
1.9k
バラバラだった staleTime を、データの性質で4プリセットに集約する
yug1224
1
71
Oxcを導入して開発体験が向上した話
yug1224
5
440
EMからICへのキャリアチェンジの壁とその越え方
yug1224
5
340
Cursor Subagentsはいいぞ
yug1224
2
210
EMからICへ、二周目人材としてAI全振りのプロダクト開発で見つけた武器
yug1224
5
2.1k
Oxlintはいいぞ
yug1224
5
3.7k
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
14
6.5k
Other Decks in Programming
See All in Programming
VibeCodingからAgenticWorkflowへ
starfish719
0
290
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
seike460
PRO
1
530
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
gotalab555
4
1.5k
「寝てても仕事が進む」Claude Codeで組む第二の脳
tomoyafujita2016
0
300
PostgreSQL 18で考えるUUID主キー
kazuhiro1982
0
460
AIが無かった頃の素敵な出会いの話
codmoninc
1
390
FDEが実現するAI駆動経営の現在地
gonta
2
270
Android CLI
fornewid
0
210
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
se4weed
1
340
ここ半年くらいでAIに作らせたR用ツール
eitsupi
0
370
AI Engineeringは、AIプロダクトだけのものか? 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
rkaga
4
380
そこに3びきプロダクトがいるじゃろう——生成AI時代における“価値が届かない理由”の構造
kosuket
0
420
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Abbi's Birthday
coloredviolet
3
9.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.4k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
430
Evolving SEO for Evolving Search Engines
ryanjones
0
250
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
490
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
200
Navigating Team Friction
lara
192
16k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
350
Facilitating Awesome Meetings
lara
57
7.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
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...