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
320
事例で学ぶ プロダクト開発
kxuxl
0
100
Other Decks in Technology
See All in Technology
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
110k
コンポーネント名には何を含めるべきなのか? / what-should-be-included-in-component-names
airrnot1106
0
180
13年運用タイトルのサーバーサイドが辿り着いた現在地 ― モンスターストライクにおける技術・組織・AI活用から得た知見
mixi_engineers
PRO
1
290
AI時代におけるエンジニアの新たな役割──FDEとクオリアの探求/登壇資料(戸井田 裕貴)
hacobu
PRO
0
640
信頼できるテスティングAIをどう育てるか?
odan611
0
150
NetBoxを利用した作業効率化の試み_NetDevNight4
tnoha
0
220
なぜMIXIはゼロトラスト基盤として クラウドフレアを選んだのか - Cloudflare Peer Point SASE User Voices
mixi_engineers
PRO
2
130
データエンジニアこそ組織のオントロジーに向き合うべき — 問いに答えるAIから、事業を動かすAIへ
gappy50
4
1.2k
AI研修(Day2)【MIXI 26新卒技術研修】
mixi_engineers
PRO
2
1.4k
Escolhendo LLMs na Prática: Lições Reais em Busca Agêntica no Mercado Livre —TDC 2026 Floripa
jpbonson
0
100
ウォーターフォール開発案件のPMとしてAI活用を模索している話
hatahata021
2
190
最新IoT事例11選に学ぶ!現場の成功パターンと実践のコツ【SORACOM Discovery 2026】
soracom
PRO
0
120
Featured
See All Featured
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
280
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
330
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
How to make the Groovebox
asonas
2
2.3k
How to Think Like a Performance Engineer
csswizardry
28
2.7k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
62
45k
Context Engineering - Making Every Token Count
addyosmani
9
1k
Git: the NoSQL Database
bkeepers
PRO
432
67k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.5k
What does AI have to do with Human Rights?
axbom
PRO
1
2.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
Transcript
8&#ϑϩϯτΤϯυͷ டংΛอͭ ϨΫษڧձ ࢿྉ
චऀͷใ ɾ3FBDUྺ̎ ɾ࣮ྺ̏ऑ ࠤ౻ ޭथ
νΣοΫΠϯ 8&#ϑϩϯτΤϯυͬͯԿͰ͠ΐ͏͔ʁ
ΞφʔΩʔύλʔϯʹֶͿ ϑϩϯτΤϯυͷடং ࠓճͷࢿྉ
͘͡ ΞφʔΩʔύλʔϯ ֵ໋ͷ ͦͯ͠ࠃʢνʔϜʣͱͳΔ
ΞφʔΩʔͳํʑ "͞Μ #͞Μ
͋Δͷ͜ͱ "͞Μ #͞Μ ϓϩδΣΫτΩοΫΦϑ͢Δͧʂ ࠷ॳͲ͏͢Δʁ "͞Μ #͞Μ ·ɺͱΓ͋͑ͣެࣜυΩϡϝϯτͱ͔ͦͷลͷهࣄݟΕ͍͍Ͱ͠ΐ Φοέʔɺ͡Ό্ཱ͋ͪ͛ͪΌ͏Ͷ
ΞφʔΩʔͳϑϩϯτΤϯυ ̍ͱΓ͋͑ͣ1+Λ্ཱͪ͛Δ ࣮̎ಈ͚͍͍ ̏ίʔυϨϏϡʔ͢Δͳ͍͠ɺҰ୴ͳ͠ ˣ ͱʹ͔͘ૣ͍ʂͷͰޭମݧʹͳΓ͍͢
ͷͪʹɾɾɾ $͞Μ #͞Μ ৽ϝϯόʔͰ͢ɺΑΖ͓͘͠ئ͍͠·͢ʂ ͋ɺίʔυϦʔσ Οϯά͔Β͓ئ͍͠·͢ $͞Μ #͞Μ Կͩ͜Εɺ҉߸ʁ ͋ɾɾɾɺ͕ࣗॻ͍ͯͳ͍ίʔυͬͯݟͮΒ͍ΑͶɾɾɾ
ֵ໋ͷ ࣭ԦʹɺԶͳΔʂ
1SFUUJFSͱ ͍͍ײ͡ίʔυʹॻ͖͑ͯ͘ΕΔ ࠷ۙʹͳͬͨ ·ͣίʔυϑΥʔϚολʔೖΕ͍ͨ
&4-JOUͱ ͍ΖΜͳݴޠΛαϙʔτ͍ͯ͠Δ ࣗಈͰίʔυΛҙͯ͘͠ΕΔɺ ͏Ε͍͠ϥΠϒϥϦ ੩తղੳπʔϧඞཁɾɾɾ
࣭୲อϚϯ $͞Μ #͞Μ ίʔσ ΟϯάنܾΊ͍͍ͯͰ͔͢ʁ ͋ɺ͓͖ʹͲ͏ͧ $͞Μ #͞Μ ͬͨʔʂʢΰϦΰϦʹకΊ͚Δʣ ͏͏ɾɾɾ੩తղੳΫϦΞ͠ͳ͍ͱίϛοτͰ͖ͳ͍ɾɾɾ
៉ྷͳίʔυͰͳ͚ΕɺՌͱͯ͠ೝΊΒΕͳ͍ɾɾɾ
ίʔυϨϏϡʔͱ νʔϜϝϯόʔؒͰɺ৫తʹίʔυͷ࣭Λ୲อ͢Δख๏ɻ ผͷࢹ͔ΒίʔυΛݟΔ͜ͱͰɺ࣮ͨ͠ຊਓʹؾ͕͔ ͳ͍ࣦഊΛݕͰ͖Δɻ ࣍ʹɺίʔυϨϏϡʔΓ͍ͨ
ίʔυϨϏϡʔ $͞Μ #͞Μ ίϝϯτʮ͜͜ߟྀ࿙ΕͰ͢ʯ 'JOBM@VMUJNBUF@TVQFS@pYIPHF "͞Μ #͞Μ ίϝϯτʮ͜͜ʯ 'JOBM@VMUJNBUF@TVQFS@pY@GVHB
৫׆ੑԽ νʔϜͰͷίϛϡχέʔγϣϯ׆ൃʹͳ͖ͬͯͨͧʂ
୯ମςετͱ +6OJUͳͲ͕༗໊ɻ ͋Δؔϝιου͕ɺ ظ͢Δڍಈ͕ΫϦΞ͞Ε͍ͯΔ͔Ͳ͏͔֬ೝͰ͖Δɻ ϨϏϡʔόοΫͷख͕ؒল͚Δ্ʹɺ ணखং൫ͰίʔυͷΤϥʔ͕ݕ͍͢͠ɻ ʢͱ͍͏͔ΤϥʔʹͳΒͳ͍ʣ ςετॻͧ͘ʂ
݁߹ςετͱ ෳͷϞδϡʔϧؒͷڍಈ͕ɺ ਖ਼͘͠ઃܭॻ௨Γʹ࿈ܞ͢Δ͔֬ೝͰ͖Δɻ σʔλϕʔε"1*ͱͷΓऔΓͰͷςετͰΘΕΔɻ ςετॻͧ͘ʂ
ػೳςετͱ ΞϓϦέʔγϣϯͦͷͷ͕ɺ Ϣʔβʔͷཁ݅Λຬ͔ͨ֬͢ೝ͢Δɻ ϩάΠϯใͳͲͷม͕ՃΘͬͨ࣌ɺ ਖ਼ৗʹػೳ͢Δ͔Ͳ͏͔Λ֬ೝ͢Δɻ ςετॻͧ͘ʂ
ςετॻ͘ #͞Μ ςετॻ͖·ͨ͠ #͞Μ Ϗϧυ͢ΔͷҰۤ࿑Ͱ͢Αɻ $͞Μ ͍͍Ͱ͢Ͷʂ࠷ߴʂ Ͱͪΐͬͱςετέʔεଟ͘ͳͬͯॏ͍Ͱ͢Ͷɾɾɾ "͞Μ ͡Ό͋ɺςετεΠʔτॻ͍ͪΌ͏ʁ
ςετεΠʔτͱ ෳͷςετέʔεΛάϧʔϓԽͨ͠ͷɻ ಛఆͷػೳಉҰͷϞδϡʔϧʹؔ͢ΔςετέʔεΛ·ͱΊ Δ͜ͱͰɺςετΛཧ͘͢͠͠·͢ɻ ཏੑ͕͋Δ͜ͱͰɺൈ͚࿙Εͳ͘ɺ࠶ར༻ੑߴ·Δɻ ςετεΠʔτͬͯԿʁ
ςετΛ·ͱΊΔ #͞Μ ςετ·ͱΊ·ͨ͠ #͞Μ Ͱຖճςετ࣮ߦ͢ΔͷͩΔ͍Ͱ͢Ͷ $͞Μ ͳΜ͔ܰ͘ͳͬͨؾ͕͢Δ "͞Μ ͡Ό͋ɺࣗಈԽͪ͠Ό͏ʁ
ςετࣗಈԽͱ ςετεΫϦϓτΛ࣮͢Δ͜ͱͰɺ ࣗಈͰ֤ςετΛ࣮ࢪ͢Δ͜ͱ͕Ͱ͖Δɻ ຖճ࣮ߦ͢Δ͜ͱͰɺ ࣮ࢪ࣌ʹൈ͚࿙Ε͕ͳ͘ςετ͢Δ͜ͱ͕Ճೲɻ ͳΜͰࠓ·Ͱͬͯͳ͔ͬͨΜͩʁ
˙ ੩తղੳπʔϧͷվ ɾ͖ͳΑ͏ʹվͰ͖Δͧʂ ɾՄೳੑແݶେɺࣗϧʔϧΛܾΊͪΌ͓͏ʂ ˙ςετۦಈ։ൃ ɾςετ͔Β࡞Δख๏ɻ ɾςετΧόϨοδʢཏʣ͕ߴ·Δ ˙ϦϑΝΫλϦϯά ɾॳظͷԚ͍ίʔυΛॻ͖͑ΔɻΒͳ͍͕ͪɻ ˙ࢹͱτϥοΩϯά
ɾύϑΥʔϚϯεΛࢹ͢Δ͜ͱͰɺνϡʔχϯάཉ͕ߴ·Δ ·ͩ·ͩΓ͍ͨ͜ͱ͕͍ͬͺ͍͋Δɾɾɾʂ
Ұ൪ྑ͔ͬͨ͜ͱ ϑΟʔυόοΫ͠߹͏͜ͱͰɺίϛϡχέʔγϣϯ͕૿͑Δɻ ݸਓతʢࠤ౻ͷʣͳֶͼͱͯ͠ɺςετͯ͠Δ࣌ʹ༷ʹ͍ͭ ͕ͯ࣌͢Ұ൪ձ͕׆ൃʹͳΔɻ ͥͻΞαΠϯͨ͠ࡍʹɺ ͓͖ۙͮͷҹʹγεςϜ༷ͷΛͯ͠Έ͍ͯͩ͘͞ɻ👀 ྑ͘ͳͬͨʂ