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
【新卒研修資料】数理最適化 / Mathematical Optimization
brainpadpr
29
14k
Engineering Failure-Resilient Systems
infraplumber0
0
130
オブザーバビリティ文化を組織に浸透させるには / install observability culture
mackerelio
0
160
いかにして命令の入れ替わりについて心配するのをやめ、メモリモデルを愛するようになったか(改)
nullpo_head
7
2.7k
意志の力が9割。アニメから学ぶAI時代のこれから。
endohizumi
1
100
工業高校で学習したとあるエンジニアのキャリアの話
shirayanagiryuji
0
120
生成AIによるデータサイエンスの変革
taka_aki
0
3k
Cloud WANの基礎から応用~少しだけDeep Dive~
masakiokuda
3
120
事業特性から逆算したインフラ設計
upsider_tech
0
220
生成AIによるソフトウェア開発の収束地点 - Hack Fes 2025
vaaaaanquish
34
16k
AWS DDoS攻撃防御の最前線
ryutakondo
1
180
✨敗北解法コレクション✨〜Expertだった頃に足りなかった知識と技術〜
nanachi
1
770
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
BBQ
matthewcrist
89
9.8k
Building an army of robots
kneath
306
45k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
GitHub's CSS Performance
jonrohan
1031
460k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Visualization
eitanlees
146
16k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
A Modern Web Designer's Workflow
chriscoyier
695
190k
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
͓ΘΓ
契約をより早く、安全に