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
130
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
580
クラスへの割り込み処理とProxyとReflect / method-intercept-with-proxy-and-reflect
hivesbee
1
120
Other Decks in Technology
See All in Technology
地域コミュニティへの「感謝」と「恩返し」 / 20250726jawsug-tochigi
kasacchiful
0
100
Kiro Hookを Terraformで検証
ao_inoue
0
130
Expertise as a Service via MCP
yodakeisuke
1
160
AWS表彰プログラムとキャリアについて
naoki_0531
1
140
大規模組織にAIエージェントを迅速に導入するためのセキュリティの勘所 / AI agents for large-scale organizations
i35_267
6
320
「手を動かした者だけが世界を変える」ソフトウェア開発だけではない開発者人生
onishi
15
7.4k
PHPでResult型やってみよう
higaki_program
0
200
Railsの限界を超えろ!「家族アルバム みてね」の画像・動画の大規模アップロードを支えるアーキテクチャの変遷
ojima_h
4
510
P2P ではじめる WebRTC のつまづきどころ
tnoho
1
260
機械学習を「社会実装」するということ 2025年夏版 / Social Implementation of Machine Learning July 2025 Version
moepy_stats
1
1.4k
PdM業務における使い分け
shinshiro
0
660
Wasmで社内ツールを作って配布しよう
askua
0
150
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
40
1.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Navigating Team Friction
lara
187
15k
Side Projects
sachag
455
43k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Being A Developer After 40
akosma
90
590k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
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
͓ΘΓ
契約をより早く、安全に