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
WEBフロントエンドの秩序を保つ
Search
satokoki
April 22, 2024
Technology
130
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
WEBフロントエンドの秩序を保つ
satokoki
April 22, 2024
More Decks by satokoki
See All by satokoki
Re:ゼロから始めるドメイン駆動設計
kxuxl
0
240
誤解 クリーンアーキテクチャ
kxuxl
0
360
Docker_OSS_ホスティング入門
kxuxl
0
330
事例で学ぶ プロダクト開発
kxuxl
0
110
Other Decks in Technology
See All in Technology
AWS ネットワーク構築でハマった(ハマりかけた) 5選とそこから得た教訓
nagisa53
4
190
制約理論(ToC)入門 2026版
recruitengineers
PRO
6
2k
オートロックマンションなのに、各部屋は施錠なし!? 攻撃者が組織内ネットワークで大暴れする理由 / The Front Door Is Locked, but the Rooms Are Wide Open: Why Attackers Move Freely Inside Enterprise Networks
nttcom
1
1.6k
Bill One 開発エンジニア 紹介資料
sansan33
PRO
7
19k
【CEDEC2026】次世代デジタルカードゲームのサーバー設計と運用 〜『Shadowverse: Worlds Beyond』の舞台裏~
cygames
PRO
1
970
20260608_Codexの可能性_ノンプログラマー向け_大城追記
doradora09
PRO
0
780
認知負荷をGemini で溶かす — GKE 基盤「Orbit」における AI エージェントの実践
sansantech
PRO
1
270
え?フロントエンドエンジニアの ワイがインフラも!?
puku0x
1
430
グローバル基準のSREは、運用現場でどう機能したか:成熟度アセスメントの実践 / SRE NEXT 2026
sorawatanabe
0
140
OSPN.JPバージョンアップ作業進捗のご報告 / 20260801-osc26kyoto
akkiesoft
0
420
FPGAが実現する遠方宇宙の高空間分解能天体撮影 -大型地上望遠鏡の視力を補正する「補償光学」とは?-
komei_mt
0
180
システム思考で問題に対処する
yussak
0
200
Featured
See All Featured
It's Worth the Effort
3n
188
29k
Mind Mapping
helmedeiros
PRO
1
300
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.2k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Agile that works and the tools we love
rasmusluckow
331
22k
Accessibility Awareness
sabderemane
1
170
Exploring anti-patterns in Rails
aemeredith
3
460
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.3k
Transcript
8&#ϑϩϯτΤϯυͷ டংΛอͭ ϨΫษڧձ ࢿྉ
චऀͷใ ɾ3FBDUྺ̎ ɾ࣮ྺ̏ऑ ࠤ౻ ޭथ
νΣοΫΠϯ 8&#ϑϩϯτΤϯυͬͯԿͰ͠ΐ͏͔ʁ
ΞφʔΩʔύλʔϯʹֶͿ ϑϩϯτΤϯυͷடং ࠓճͷࢿྉ
͘͡ ΞφʔΩʔύλʔϯ ֵ໋ͷ ͦͯ͠ࠃʢνʔϜʣͱͳΔ
ΞφʔΩʔͳํʑ "͞Μ #͞Μ
͋Δͷ͜ͱ "͞Μ #͞Μ ϓϩδΣΫτΩοΫΦϑ͢Δͧʂ ࠷ॳͲ͏͢Δʁ "͞Μ #͞Μ ·ɺͱΓ͋͑ͣެࣜυΩϡϝϯτͱ͔ͦͷลͷهࣄݟΕ͍͍Ͱ͠ΐ Φοέʔɺ͡Ό্ཱ͋ͪ͛ͪΌ͏Ͷ
ΞφʔΩʔͳϑϩϯτΤϯυ ̍ͱΓ͋͑ͣ1+Λ্ཱͪ͛Δ ࣮̎ಈ͚͍͍ ̏ίʔυϨϏϡʔ͢Δͳ͍͠ɺҰ୴ͳ͠ ˣ ͱʹ͔͘ૣ͍ʂͷͰޭମݧʹͳΓ͍͢
ͷͪʹɾɾɾ $͞Μ #͞Μ ৽ϝϯόʔͰ͢ɺΑΖ͓͘͠ئ͍͠·͢ʂ ͋ɺίʔυϦʔσ Οϯά͔Β͓ئ͍͠·͢ $͞Μ #͞Μ Կͩ͜Εɺ҉߸ʁ ͋ɾɾɾɺ͕ࣗॻ͍ͯͳ͍ίʔυͬͯݟͮΒ͍ΑͶɾɾɾ
ֵ໋ͷ ࣭ԦʹɺԶͳΔʂ
1SFUUJFSͱ ͍͍ײ͡ίʔυʹॻ͖͑ͯ͘ΕΔ ࠷ۙʹͳͬͨ ·ͣίʔυϑΥʔϚολʔೖΕ͍ͨ
&4-JOUͱ ͍ΖΜͳݴޠΛαϙʔτ͍ͯ͠Δ ࣗಈͰίʔυΛҙͯ͘͠ΕΔɺ ͏Ε͍͠ϥΠϒϥϦ ੩తղੳπʔϧඞཁɾɾɾ
࣭୲อϚϯ $͞Μ #͞Μ ίʔσ ΟϯάنܾΊ͍͍ͯͰ͔͢ʁ ͋ɺ͓͖ʹͲ͏ͧ $͞Μ #͞Μ ͬͨʔʂʢΰϦΰϦʹకΊ͚Δʣ ͏͏ɾɾɾ੩తղੳΫϦΞ͠ͳ͍ͱίϛοτͰ͖ͳ͍ɾɾɾ
៉ྷͳίʔυͰͳ͚ΕɺՌͱͯ͠ೝΊΒΕͳ͍ɾɾɾ
ίʔυϨϏϡʔͱ νʔϜϝϯόʔؒͰɺ৫తʹίʔυͷ࣭Λ୲อ͢Δख๏ɻ ผͷࢹ͔ΒίʔυΛݟΔ͜ͱͰɺ࣮ͨ͠ຊਓʹؾ͕͔ ͳ͍ࣦഊΛݕͰ͖Δɻ ࣍ʹɺίʔυϨϏϡʔΓ͍ͨ
ίʔυϨϏϡʔ $͞Μ #͞Μ ίϝϯτʮ͜͜ߟྀ࿙ΕͰ͢ʯ 'JOBM@VMUJNBUF@TVQFS@pYIPHF "͞Μ #͞Μ ίϝϯτʮ͜͜ʯ 'JOBM@VMUJNBUF@TVQFS@pY@GVHB
৫׆ੑԽ νʔϜͰͷίϛϡχέʔγϣϯ׆ൃʹͳ͖ͬͯͨͧʂ
୯ମςετͱ +6OJUͳͲ͕༗໊ɻ ͋Δؔϝιου͕ɺ ظ͢Δڍಈ͕ΫϦΞ͞Ε͍ͯΔ͔Ͳ͏͔֬ೝͰ͖Δɻ ϨϏϡʔόοΫͷख͕ؒল͚Δ্ʹɺ ணखং൫ͰίʔυͷΤϥʔ͕ݕ͍͢͠ɻ ʢͱ͍͏͔ΤϥʔʹͳΒͳ͍ʣ ςετॻͧ͘ʂ
݁߹ςετͱ ෳͷϞδϡʔϧؒͷڍಈ͕ɺ ਖ਼͘͠ઃܭॻ௨Γʹ࿈ܞ͢Δ͔֬ೝͰ͖Δɻ σʔλϕʔε"1*ͱͷΓऔΓͰͷςετͰΘΕΔɻ ςετॻͧ͘ʂ
ػೳςετͱ ΞϓϦέʔγϣϯͦͷͷ͕ɺ Ϣʔβʔͷཁ݅Λຬ͔ͨ֬͢ೝ͢Δɻ ϩάΠϯใͳͲͷม͕ՃΘͬͨ࣌ɺ ਖ਼ৗʹػೳ͢Δ͔Ͳ͏͔Λ֬ೝ͢Δɻ ςετॻͧ͘ʂ
ςετॻ͘ #͞Μ ςετॻ͖·ͨ͠ #͞Μ Ϗϧυ͢ΔͷҰۤ࿑Ͱ͢Αɻ $͞Μ ͍͍Ͱ͢Ͷʂ࠷ߴʂ Ͱͪΐͬͱςετέʔεଟ͘ͳͬͯॏ͍Ͱ͢Ͷɾɾɾ "͞Μ ͡Ό͋ɺςετεΠʔτॻ͍ͪΌ͏ʁ
ςετεΠʔτͱ ෳͷςετέʔεΛάϧʔϓԽͨ͠ͷɻ ಛఆͷػೳಉҰͷϞδϡʔϧʹؔ͢ΔςετέʔεΛ·ͱΊ Δ͜ͱͰɺςετΛཧ͘͢͠͠·͢ɻ ཏੑ͕͋Δ͜ͱͰɺൈ͚࿙Εͳ͘ɺ࠶ར༻ੑߴ·Δɻ ςετεΠʔτͬͯԿʁ
ςετΛ·ͱΊΔ #͞Μ ςετ·ͱΊ·ͨ͠ #͞Μ Ͱຖճςετ࣮ߦ͢ΔͷͩΔ͍Ͱ͢Ͷ $͞Μ ͳΜ͔ܰ͘ͳͬͨؾ͕͢Δ "͞Μ ͡Ό͋ɺࣗಈԽͪ͠Ό͏ʁ
ςετࣗಈԽͱ ςετεΫϦϓτΛ࣮͢Δ͜ͱͰɺ ࣗಈͰ֤ςετΛ࣮ࢪ͢Δ͜ͱ͕Ͱ͖Δɻ ຖճ࣮ߦ͢Δ͜ͱͰɺ ࣮ࢪ࣌ʹൈ͚࿙Ε͕ͳ͘ςετ͢Δ͜ͱ͕Ճೲɻ ͳΜͰࠓ·Ͱͬͯͳ͔ͬͨΜͩʁ
˙ ੩తղੳπʔϧͷվ ɾ͖ͳΑ͏ʹվͰ͖Δͧʂ ɾՄೳੑແݶେɺࣗϧʔϧΛܾΊͪΌ͓͏ʂ ˙ςετۦಈ։ൃ ɾςετ͔Β࡞Δख๏ɻ ɾςετΧόϨοδʢཏʣ͕ߴ·Δ ˙ϦϑΝΫλϦϯά ɾॳظͷԚ͍ίʔυΛॻ͖͑ΔɻΒͳ͍͕ͪɻ ˙ࢹͱτϥοΩϯά
ɾύϑΥʔϚϯεΛࢹ͢Δ͜ͱͰɺνϡʔχϯάཉ͕ߴ·Δ ·ͩ·ͩΓ͍ͨ͜ͱ͕͍ͬͺ͍͋Δɾɾɾʂ
Ұ൪ྑ͔ͬͨ͜ͱ ϑΟʔυόοΫ͠߹͏͜ͱͰɺίϛϡχέʔγϣϯ͕૿͑Δɻ ݸਓతʢࠤ౻ͷʣͳֶͼͱͯ͠ɺςετͯ͠Δ࣌ʹ༷ʹ͍ͭ ͕ͯ࣌͢Ұ൪ձ͕׆ൃʹͳΔɻ ͥͻΞαΠϯͨ͠ࡍʹɺ ͓͖ۙͮͷҹʹγεςϜ༷ͷΛͯ͠Έ͍ͯͩ͘͞ɻ👀 ྑ͘ͳͬͨʂ