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
フロントエンドの組織について考える / think-about-front-end-organ...
Search
hivesbee
October 08, 2019
Technology
5
2.9k
フロントエンドの組織について考える / think-about-front-end-organization
hivesbee
October 08, 2019
Tweet
Share
More Decks by hivesbee
See All by hivesbee
組織・プロセス・技術 フロントエンドの生産性向上への複眼的アプローチ
hivesbee
0
24
Design System Meets Vue.js
hivesbee
0
140
mabl を融和させるための取り組み in クラウドサイン / how-to-fusion-mabl-in-cloudsign
hivesbee
0
210
ProgressiveにVueを導入している話 / vue-progressive-integration
hivesbee
1
620
ProgressiveにVueを導入している現場から送る小ネタ / vue-progressive-integration-tips-dialog
hivesbee
1
590
クラスへの割り込み処理とProxyとReflect / method-intercept-with-proxy-and-reflect
hivesbee
1
120
Other Decks in Technology
See All in Technology
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
bitkey
PRO
1
130
下手な強制、ダメ!絶対! 「ガードレール」を「檻」にさせない"ガバナンス"の取り方とは?
tsukaman
2
440
react-callを使ってダイヤログをいろんなとこで再利用しよう!
shinaps
1
240
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
nwiizo
7
830
LLMを搭載したプロダクトの品質保証の模索と学び
qa
0
1.1k
複数サービスを支えるマルチテナント型Batch MLプラットフォーム
lycorptech_jp
PRO
1
370
バイブスに「型」を!Kent Beckに学ぶ、AI時代のテスト駆動開発
amixedcolor
2
550
Evolución del razonamiento matemático de GPT-4.1 a GPT-5 - Data Aventura Summit 2025 & VSCode DevDays
lauchacarro
0
190
DDD集約とサービスコンテキスト境界との関係性
pandayumi
3
280
Language Update: Java
skrb
2
300
「どこから読む?」コードとカルチャーに最速で馴染むための実践ガイド
zozotech
PRO
0
430
未経験者・初心者に贈る!40分でわかるAndroidアプリ開発の今と大事なポイント
operando
5
610
Featured
See All Featured
It's Worth the Effort
3n
187
28k
The Language of Interfaces
destraynor
161
25k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Music & Morning Musume
bryan
46
6.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
Side Projects
sachag
455
43k
BBQ
matthewcrist
89
9.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Code Review Best Practice
trishagee
70
19k
Being A Developer After 40
akosma
90
590k
A better future with KSS
kneath
239
17k
Transcript
ϑϩϯτΤϯυͷ৫ʹ͍ͭͯ ߟ͑Δ (JO[BKT .BTBTIJ)BHBʢ!)JWFTCFFʣ
"CPVUNF .BTBTIJ)BHB (JUIVCIJWFTCFF 5XJUUFS!)JWFTCFFʢ;͕͊ʣ 'SPOUFOE&OHJOFFSBU$MPVE4JHO ❤7VFKT K2VFSZ தຊʢۃϠαΠγϟΩγϟΩ໙ߗΊ͕Έʣ $MPVE4JHO❤7VFKT 2
ࠓճ͓͢Δ͜ͱ w ࠓͷϑϩϯτΤϯυΛऔΓר͘ڥʹ͍͓ͭͯؾ࣋ͪද໌ w ϓϩμΫτ։ൃΛ௨ͯ͠΅ΜΓࢥͬͨ ϑϩϯτΤϯυͷ৫ʹ͍ͭͯΞτϓοτ 3
໔ࣄ߲ ॾઆ͋Γ·͢ ࣄۀϑΣʔζͱ͔։ൃ৫ମ੍ͱ͔ύϥϝʔλʔ͕ͨ͘͞Μ͋ΔͷͰʜ 4
͓ؾ࣋ͪ ϑϩϯτΤϯυΤϯδχΞͷΔ͜ͱ͕૿͍͑͗ͯ͢Δ ྖҬ͕͕Γ͗ͯ͢ϑϩϯτΤϯυΤϯδχΞɺ ͱ͍͏ݴ༿Ͱදݱ͖͠Εͳ͍ 5
Ұ୴ ϑϩϯτΤϯυͷྖҬʹ͍ͭͯ ཧͯ͠ΈΔ 6
ϑϩϯτΤϯυͷྖҬͱʁ 696*ઃܭ ϚʔΫΞοϓ +BWB4DSJQUͷ࣮ w ϑϨʔϜϫʔΫΛ༻͍࣮ͨ w 4UPSFɺ3PVUJOHઃܭ "1*ઃܭɺ࣮ ϑϩϯτΤϯυͷճΓܥ
7 σβΠϯଆ όοΫΤϯυଆ
ͨ͘͞Μ͋Γ·͢Ͷ ਓʹΑͬͯ·ͪ·ͪ 8
ϓϩμΫτ։ൃͷࢹͰݟΔͱʜ 9
10#J[ࢹ͔Βݟ͑ΔϑϩϯτΤϯυͷྖҬ 696*ઃܭ ϚʔΫΞοϓ +BWB4DSJQUͷ࣮ w ϑϨʔϜϫʔΫΛ༻͍࣮ͨ w 4UPSFɺ3PVUJOHઃܭ "1*ઃܭɺ࣮ ϑϩϯτΤϯυͷճΓܥ
10 σβΠϯଆ όοΫΤϯυଆ ΄ͳɺ·ͨʜ
ݟ͑ͳ͘ͳͬͯ͠·͏ϑϩϯτΤϯυͷճΓ 10#J[ͷઢͰΈΔͱ ϑϩϯτΤϯυͷճΓͷࢹ͕ൈ͚͕ͪʢํͳ͍ʣ ྫ͑͜ͷΑ͏ͳؤுΓ w XFCQBDLγϣΫχϯαϯ w ϑϩϯτΤϯυͷ$*ཧ w OQNύοέʔδཧ
11
ྫ͑͜͏͍͏ܦݧ͋Γ·ͤΜ͔ʁ w 8FCQBDLͷϏϧυʹ͕͔͔͖࣌ؒͬͯͨͳʜ ˠ͑ͬػೳ։ൃͰ͔͢ʁ ˠ8FCQBDLͷϏϧυߴԽ͋ͱͰΖ͏ʜ w 4UPSZCPPLͱ͔ೖΕͯΈΑ͏ ˠ͋ͬଞͷύοέʔδΞοϓσʔτ͠ͳ͖Όʜ ։ൃ͕ఀࢭ͢Δɺͱ͍͏ϨϕϧͷΠϯύΫτͰͳ͍͕ ਅ໖ͰटΛకΊΒΕΔΑ͏ͳײ͡Ͱ%9ͷԼΛট͘
12
͔ͩΒࠓͦ͜ ϑϩϯτΤϯυͷ43&ͳΔଘࡏ͕ඞཁ 13
ͦͦ43&ͱ w (PPHMF͞ΜʮDMBTT43&JNQMFNFOUT%FW0QTʯ w %FW0QTΛֶͱ͢ΔͳΒ43&ͦΕΛ࣮ݱ͢Δํ๏ w ࣾͷ43&ʢਆʣ ʮαΠτͷ৴པੑΛߴΊΔͨΊʹ ιϑτΣΞΤϯδχΞϦϯάͰࣗಈԽͨ͠Γɺ ճ෮ੑͷߴ͍ج൫Λ࡞ͬͨΓɺӡ༻վળΛ୲͢Δਓʯ
14
ͭ·ΓϑϩϯτΤϯυͷ߹ͩͱʜ 15
ϑϩϯτΤϯυͷ43&ͷఆٛʢԶௐʣ w ύΫΔͱʮDMBTT'SPOUFOE43&FYUFOET43&ʯ w 43&ͷৼΔ͍ɾׂΛܧঝ͠ɺ ϑϩϯτΤϯυͷྖҬͰൃش͢Δํ๏ɾਓ w ϑϩϯτΤϯυͷ%9ΛߴΊΔͨΊʹ ιϑτΣΞΤϯδχΞϦϯάͰࣗಈԽͨ͠Γɺ ӡ༻վળΛ୲͢Δਓ
16
ϑϩϯτΤϯυͷ43&ͷλεΫʢԶௐʣ w KTϏϧυपΓͷӡ༻վળ w $*ɾOQNύοέʔδཧʢ͓ΑͼࣗಈԽʣ w ςετཧɾࣗಈԽ w ύϑΥʔϚϯεଌఆɺߴԽ ʢ৴པੑͷ؍͔Βͷίϯϙʔωϯτͷׂ
ϦϑΝΫλϦϯάɺ8FCQBDLͰͷDPEFTQMJUUJOHͱ͔ʣ ·ͨɺ ͜͜Λ͕͔Γͱͯ͠ϑϩϯτΤϯυͷ৫Խ͕ૂ͑Δ 17
ϑϩϯτΤϯυ͕৫Խ͢Δͱʜ w 43&Λ࢝Ίɺ"1*ઃܭɺ696*ઃܭͳͲ ಘҙྖҬΛ҈͢Δ͜ͱͰϑϩϯτΤϯυͷ৫Խ͢Δ ˞σϝϦοτ͡Όͳͯ͘ϝϦοτͱͯ͠ݴͬͯ·͢ w ϑϩϯτΤϯυΤϯδχΞͷόϦϡʔਓ୯ҐͰग़͕ͪ ˠ৫ͱͯ͠ಈ͚Δ͜ͱͰࠓ·ͰͷൺͰͳ͍ ɹόϦϡʔΛग़ͤΔ ɹʢݸਓతʹ໘ͰόϦϡʔΛग़ͤΔɺͱ͔ݴͬͯ·͢ʣ
w ෭࡞༻ͱͯ͠ɺ৫ͱͯ͠ݟͯͲ͕͜ڧ͍ऑ͍Λ ݟΕΔͷͰ࠾༻ʹ͓͚ΔϖϧιφΛݻΊ͍͢ͱ͍͏ӟ 18
·ͱΊ 19
·ͱΊ w ྖҬ͕͕Γ͗ͯ͢ϑϩϯτΤϯυΤϯδχΞɺ ͱ͍͏ݴ༿Ͱදݱ͖͠Εͳ͘ͳ͖ͬͯͨ w ϑϩϯτΤϯυͷ43&ඞཁ w DMBTT43&JNQMFNFOUT%FW0QT͔Βͷ DMBTT'SPOUFOE43&FYUFOET43& w
ࠓճϑϩϯτΤϯυͷ43&ͷʹऴ࢝͠·͕ͨ͠ɺ ϑϩϯτΤϯυΛ৫Խ͢Δ͜ͱͰ໘ͰόϦϡʔΛग़ͤΔ w Έͳ͞Μͷͱ͜ΖͰͲ͏͞Εͯ·͔͢ʁ ڭ͍͑ͯͩ͘͞ͳΜͰ͠·͔͢Β 20
͓ΘΓ
契約をより早く、安全に