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
レガシーなフロントエンド環境で心理的安全性を確保する / RecoChoku Tech Night #08
Search
jaxx2104
July 24, 2018
Technology
0
300
レガシーなフロントエンド環境で心理的安全性を確保する / RecoChoku Tech Night #08
jaxx2104
July 24, 2018
Tweet
Share
More Decks by jaxx2104
See All by jaxx2104
Relative CI が気になっている話
jaxx2104
0
460
デザインファイルにおける継続的インテグレーション
jaxx2104
2
380
漸進的な変更を支えるフロントエンド設計
jaxx2104
5
2k
価値あるフロントエンドデザイン領域開拓
jaxx2104
0
270
Gatsby と Netlify で JAMstack なメディア開発
jaxx2104
0
600
サイレントヒーローを作らない取り組み
jaxx2104
1
120
開発組織のメンバーからリーダーになって
jaxx2104
0
85
Nikuman
jaxx2104
0
300
Vue.jsとLambdaの導入
jaxx2104
0
330
Other Decks in Technology
See All in Technology
Signals Unleashed: The Full Guide
rainerhahnekamp
0
350
プロデザ! BY リクルート vol.18_リクルートのリサーチ実践組織「リサーチブーストコミュニティ」
recruitengineers
PRO
2
230
Hands-on / Kaname Frusawa / Cloud Compare Users Meetup 2024 at University of Tokyo on April 17
paraworld
2
470
Amplify Gen2を 拡張してみよう JAWS-UG北陸新幹線 ( 福井開催 ) 2024-04-06/Let's extend Amplify Gen2
fossamagna
0
280
o11y入門_外形監視を利用したWebアプリケーションへの最適なモニタリング_TechBrew
k5k
2
100
Databricks におけるデータエンジニアリング
databricksjapan
0
370
AWS パートナー企業でテクニカルサポートに従事して2年経ったので思うところをまとめてみた
kazzpapa3
3
1.3k
2024/4/26 コンピュータ歴史博物館解説告知
toshi_atsumi
0
190
最近たまに見かけるTiDBってなんだ? - Findy
pingcap0315
2
270
「共通基盤」を超えよ! 今、Platform Engineeringに取り組むべき理由
jacopen
25
5.7k
マルチアカウント環境への発見的統制の導入
ch1aki
1
1.3k
シン・Kafka / shin-kafka
oracle4engineer
PRO
6
2.7k
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
10
4.5k
Code Review Best Practice
trishagee
54
15k
The Cult of Friendly URLs
andyhume
73
5.7k
Code Reviewing Like a Champion
maltzj
513
39k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
How to train your dragon (web standard)
notwaldorf
71
5.1k
Web Components: a chance to create the future
zenorocha
304
41k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.4k
Writing Fast Ruby
sferik
619
60k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
24
2.3k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Designing for Performance
lara
601
67k
Transcript
ϨΨγʔͳϑϩϯτΤϯυڥͰ ৺ཧత҆શੑΛ֬อ͢Δ Futoshi Iwashita / RecoChoku Tech Night #08
• 岩下 太 (jaxx2104) • 2017年5⽉ 中途⼊社 • フロントエンドエンジニア •
前職:某ネットニュースサイト
None
今⽇話したいこと • レストランボードのフロントエンドチームが 向き合う課題 • チーム全員で⼼理的安全性を確保している話
⾃分たちのチームが 向き合っている課題
機能開発をしていて課題に感じること • 業務⽀援アプリなので機能の優位さが重視さ れ、要望に応えていく必要がある • ホットペッパーグルメやAirとのシステム間 の連携が多く仕様が複雑で納期マストも多い
Delivery > Quality になってしまいがち
あとジョブチェンジ組が多い
「この機能のドキュメントが存在しません」 「全く同じ処理(1000⾏)が2つあります」 「この画⾯だけES2015で書かれてません」
None
機能開発をチーム全員が不安なく 進められるようにしなくては
技術的に⼼理的安全性を確保する
フロントエンドの改善するとしても • ϨΨγʔͳڥͰը໘ଆΛ୯७ʹվ ળͯ͠ϓϩμΫτӨڹ͕େ͖͍ɻɻ 5FTU %PDT #VJME 6* 'SBNFXPSL 4FSWJDF
ビルドツールから改善 5FTU %PDT #VJME 6* 'SBNFXPSL 4FSWJDF • ϏϧυπʔϧͷҠߦ •
λεΫվળʹΑΔϏϧυ࣌ؒॖ • ඇػೳཁ݅Ͱͷվળ͕Մೳʹ • linter formatter ͷඋ • ࣮ɾϨϏϡʔίετͷݮ • ༨࣌ؒͰ࣭վળ͘͢͠
次にテスト,ドキュメントの改善 5FTU %PDT #VJME 6* 'SBNFXPSL 4FSWJDF • Framework ͷҠߦΛݟਾ࣮͑ͯࢪ
• Jest ͷҠߦ • ը໘ଆͷςετ͕Մೳʹ • ػೳ։ൃऔΓΈ͘͢͠ • Storybook ͷಋೖ • ίϯϙʔωϯτͷϞοΫԽ • ϑϥδϟΠϧͳϑϩϯτಛੑʹ߹Θ ͤͯը໘͔Βίϯϙʔωϯτ୯Ґ
6* 'SBNFXPSL 4FSWJDF 画⾯側の改善 5FTU %PDT #VJME • Vue.js ͷಋೖ
• ϏϧυͱςετͷվળʹΑΓߴ͍ SLAͰ࣮͕ՄೳͱͳΔΑ͏ઃܭ • ৽نը໘Ͱಋೖ • ࠓޙͷػೳ։ൃͰಋೖࣄྫΛ૿ ͍ͯ͘͠
あとはチーム全員で 「改善」をまわす
全員で「改善」をまわすと • FEチームとして個⼈をサポートする体制づくり • 個⼈としてチーム貢献できるモチベーション⤴ • レガシー環境だけでなく最新フレームワークの機 能や設計を学習できる機会を⽤意する✍
「改善」は参画者のインプットにも • 参画者にはテストケースを追加の改善 • アサイン予定の画⾯仕様を事前に把握 • フロントエンドの技術に慣れてもらう
もちろんフォローも必要 • いきなり改善をまわせる⼈は少ない • 改善フローの進め⽅はもくもく会とレビュー 会を実施してチームとしてサポート • 技術⾯ではFE横断で⽀援
None
チーム全員が事業成⻑のために 機能開発しながら改善に取り組める
改善やっていきましょう!
ありがとうございました!