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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
Oxcを導入して開発体験が向上した話
yug1224
4
290
EMからICへのキャリアチェンジの壁とその越え方
yug1224
5
280
Cursor Subagentsはいいぞ
yug1224
2
180
EMからICへ、二周目人材としてAI全振りのプロダクト開発で見つけた武器
yug1224
5
1.5k
Oxlintはいいぞ
yug1224
5
3.3k
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
13
6.3k
メンバーの成長速度にバフをかける1on1ミーティング / 2024-12-06
yug1224
25
13k
強みを伸ばすキャリアデザイン
yug1224
3
580
インターンと盛り上げる全社員参加型Advent Calendarの作り方 / 2024-02-22-QiitaNight
yug1224
1
180
Other Decks in Programming
See All in Programming
Swiftのレキシカルスコープ管理
kntkymt
0
210
開発体験を左右するライブラリの API 設計 - GraphQL スキーマ構築ライブラリから考える #tskaigi
izumin5210
2
1.6k
Copilot CLI の継戦能力を高める コンテキスト管理
nozomutu
1
1.2k
ローカルLLMを使ってB2Bサービスを作っていての学び
yaotti
0
150
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
rkaga
4
4.3k
AI駆動開発で崩れていくコードベースを立て直す
kyoko_nr_nr
1
440
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
manfredsteyer
PRO
0
230
Why Laravel apps break—Mastering the fundamentals to keep them maintainable
kentaroutakeda
1
340
Javaの型とAI時代に型が大事な理由 / java types and type in AI era
kishida
2
110
キャリア迷子上等 ─ "ない道"は自分で作ればいい
16bitidol
3
1.7k
Semantic Version 単位で戦略を柔軟に変えて、パッケージアップデートを自動化する
daitasu
0
160
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
contour_gara
0
500
Featured
See All Featured
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Documentation Writing (for coders)
carmenintech
77
5.4k
GraphQLとの向き合い方2022年版
quramy
50
15k
Tell your own story through comics
letsgokoyo
1
950
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
22k
Facilitating Awesome Meetings
lara
57
6.9k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
350
Game over? The fight for quality and originality in the time of robots
wayneb77
1
190
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
410
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
71
40k
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...