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
0
110
WEBフロントエンドの秩序を保つ
satokoki
April 22, 2024
Tweet
Share
More Decks by satokoki
See All by satokoki
Re:ゼロから始めるドメイン駆動設計
kxuxl
0
150
誤解 クリーンアーキテクチャ
kxuxl
0
240
Docker_OSS_ホスティング入門
kxuxl
0
280
事例で学ぶ プロダクト開発
kxuxl
0
76
Other Decks in Technology
See All in Technology
Nx × AI によるモノレポ活用 〜コードジェネレーター編〜
puku0x
0
470
Tableau API連携の罠!?脱スプシを夢見たはずが、逆に依存を深めた話
cuebic9bic
3
220
人に寄り添うAIエージェントとアーキテクチャ #BetAIDay
layerx
PRO
9
2.1k
LLM 機能を支える Langfuse / ClickHouse のサーバレス化
yuu26
9
1.5k
VLMサービスを用いた請求書データ化検証 / SaaSxML_Session_1
sansan_randd
0
240
猫でもわかるQ_CLI(CDK開発編)+ちょっとだけKiro
kentapapa
0
3.4k
データモデリング通り #2オンライン勉強会 ~方法論の話をしよう~
datayokocho
0
150
AIに頼りすぎない新人育成術
cuebic9bic
3
230
僕たちが「開発しやすさ」を求め 模索し続けたアーキテクチャ #アーキテクチャ勉強会_findy
bengo4com
0
2.3k
Kiroでインフラ要件定義~テスト を実施してみた
nagisa53
3
340
全員が手を動かす組織へ - 生成AIが変えるTVerの開発現場 / everyone-codes-genai-transforms-tver-development
tohae
0
110
Amazon Q と『音楽』-ゲーム音楽もAmazonQで作成してみた感想-
senseofunity129
0
130
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Building an army of robots
kneath
306
45k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
800
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Site-Speed That Sticks
csswizardry
10
760
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Designing for humans not robots
tammielis
253
25k
Side Projects
sachag
455
43k
Building Adaptive Systems
keathley
43
2.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
750
Transcript
8&#ϑϩϯτΤϯυͷ டংΛอͭ ϨΫษڧձ ࢿྉ
චऀͷใ ɾ3FBDUྺ̎ ɾ࣮ྺ̏ऑ ࠤ౻ ޭथ
νΣοΫΠϯ 8&#ϑϩϯτΤϯυͬͯԿͰ͠ΐ͏͔ʁ
ΞφʔΩʔύλʔϯʹֶͿ ϑϩϯτΤϯυͷடং ࠓճͷࢿྉ
͘͡ ΞφʔΩʔύλʔϯ ֵ໋ͷ ͦͯ͠ࠃʢνʔϜʣͱͳΔ
ΞφʔΩʔͳํʑ "͞Μ #͞Μ
͋Δͷ͜ͱ "͞Μ #͞Μ ϓϩδΣΫτΩοΫΦϑ͢Δͧʂ ࠷ॳͲ͏͢Δʁ "͞Μ #͞Μ ·ɺͱΓ͋͑ͣެࣜυΩϡϝϯτͱ͔ͦͷลͷهࣄݟΕ͍͍Ͱ͠ΐ Φοέʔɺ͡Ό্ཱ͋ͪ͛ͪΌ͏Ͷ
ΞφʔΩʔͳϑϩϯτΤϯυ ̍ͱΓ͋͑ͣ1+Λ্ཱͪ͛Δ ࣮̎ಈ͚͍͍ ̏ίʔυϨϏϡʔ͢Δͳ͍͠ɺҰ୴ͳ͠ ˣ ͱʹ͔͘ૣ͍ʂͷͰޭମݧʹͳΓ͍͢
ͷͪʹɾɾɾ $͞Μ #͞Μ ৽ϝϯόʔͰ͢ɺΑΖ͓͘͠ئ͍͠·͢ʂ ͋ɺίʔυϦʔσ Οϯά͔Β͓ئ͍͠·͢ $͞Μ #͞Μ Կͩ͜Εɺ҉߸ʁ ͋ɾɾɾɺ͕ࣗॻ͍ͯͳ͍ίʔυͬͯݟͮΒ͍ΑͶɾɾɾ
ֵ໋ͷ ࣭ԦʹɺԶͳΔʂ
1SFUUJFSͱ ͍͍ײ͡ίʔυʹॻ͖͑ͯ͘ΕΔ ࠷ۙʹͳͬͨ ·ͣίʔυϑΥʔϚολʔೖΕ͍ͨ
&4-JOUͱ ͍ΖΜͳݴޠΛαϙʔτ͍ͯ͠Δ ࣗಈͰίʔυΛҙͯ͘͠ΕΔɺ ͏Ε͍͠ϥΠϒϥϦ ੩తղੳπʔϧඞཁɾɾɾ
࣭୲อϚϯ $͞Μ #͞Μ ίʔσ ΟϯάنܾΊ͍͍ͯͰ͔͢ʁ ͋ɺ͓͖ʹͲ͏ͧ $͞Μ #͞Μ ͬͨʔʂʢΰϦΰϦʹకΊ͚Δʣ ͏͏ɾɾɾ੩తղੳΫϦΞ͠ͳ͍ͱίϛοτͰ͖ͳ͍ɾɾɾ
៉ྷͳίʔυͰͳ͚ΕɺՌͱͯ͠ೝΊΒΕͳ͍ɾɾɾ
ίʔυϨϏϡʔͱ νʔϜϝϯόʔؒͰɺ৫తʹίʔυͷ࣭Λ୲อ͢Δख๏ɻ ผͷࢹ͔ΒίʔυΛݟΔ͜ͱͰɺ࣮ͨ͠ຊਓʹؾ͕͔ ͳ͍ࣦഊΛݕͰ͖Δɻ ࣍ʹɺίʔυϨϏϡʔΓ͍ͨ
ίʔυϨϏϡʔ $͞Μ #͞Μ ίϝϯτʮ͜͜ߟྀ࿙ΕͰ͢ʯ 'JOBM@VMUJNBUF@TVQFS@pYIPHF "͞Μ #͞Μ ίϝϯτʮ͜͜ʯ 'JOBM@VMUJNBUF@TVQFS@pY@GVHB
৫׆ੑԽ νʔϜͰͷίϛϡχέʔγϣϯ׆ൃʹͳ͖ͬͯͨͧʂ
୯ମςετͱ +6OJUͳͲ͕༗໊ɻ ͋Δؔϝιου͕ɺ ظ͢Δڍಈ͕ΫϦΞ͞Ε͍ͯΔ͔Ͳ͏͔֬ೝͰ͖Δɻ ϨϏϡʔόοΫͷख͕ؒল͚Δ্ʹɺ ணखং൫ͰίʔυͷΤϥʔ͕ݕ͍͢͠ɻ ʢͱ͍͏͔ΤϥʔʹͳΒͳ͍ʣ ςετॻͧ͘ʂ
݁߹ςετͱ ෳͷϞδϡʔϧؒͷڍಈ͕ɺ ਖ਼͘͠ઃܭॻ௨Γʹ࿈ܞ͢Δ͔֬ೝͰ͖Δɻ σʔλϕʔε"1*ͱͷΓऔΓͰͷςετͰΘΕΔɻ ςετॻͧ͘ʂ
ػೳςετͱ ΞϓϦέʔγϣϯͦͷͷ͕ɺ Ϣʔβʔͷཁ݅Λຬ͔ͨ֬͢ೝ͢Δɻ ϩάΠϯใͳͲͷม͕ՃΘͬͨ࣌ɺ ਖ਼ৗʹػೳ͢Δ͔Ͳ͏͔Λ֬ೝ͢Δɻ ςετॻͧ͘ʂ
ςετॻ͘ #͞Μ ςετॻ͖·ͨ͠ #͞Μ Ϗϧυ͢ΔͷҰۤ࿑Ͱ͢Αɻ $͞Μ ͍͍Ͱ͢Ͷʂ࠷ߴʂ Ͱͪΐͬͱςετέʔεଟ͘ͳͬͯॏ͍Ͱ͢Ͷɾɾɾ "͞Μ ͡Ό͋ɺςετεΠʔτॻ͍ͪΌ͏ʁ
ςετεΠʔτͱ ෳͷςετέʔεΛάϧʔϓԽͨ͠ͷɻ ಛఆͷػೳಉҰͷϞδϡʔϧʹؔ͢ΔςετέʔεΛ·ͱΊ Δ͜ͱͰɺςετΛཧ͘͢͠͠·͢ɻ ཏੑ͕͋Δ͜ͱͰɺൈ͚࿙Εͳ͘ɺ࠶ར༻ੑߴ·Δɻ ςετεΠʔτͬͯԿʁ
ςετΛ·ͱΊΔ #͞Μ ςετ·ͱΊ·ͨ͠ #͞Μ Ͱຖճςετ࣮ߦ͢ΔͷͩΔ͍Ͱ͢Ͷ $͞Μ ͳΜ͔ܰ͘ͳͬͨؾ͕͢Δ "͞Μ ͡Ό͋ɺࣗಈԽͪ͠Ό͏ʁ
ςετࣗಈԽͱ ςετεΫϦϓτΛ࣮͢Δ͜ͱͰɺ ࣗಈͰ֤ςετΛ࣮ࢪ͢Δ͜ͱ͕Ͱ͖Δɻ ຖճ࣮ߦ͢Δ͜ͱͰɺ ࣮ࢪ࣌ʹൈ͚࿙Ε͕ͳ͘ςετ͢Δ͜ͱ͕Ճೲɻ ͳΜͰࠓ·Ͱͬͯͳ͔ͬͨΜͩʁ
˙ ੩తղੳπʔϧͷվ ɾ͖ͳΑ͏ʹվͰ͖Δͧʂ ɾՄೳੑແݶେɺࣗϧʔϧΛܾΊͪΌ͓͏ʂ ˙ςετۦಈ։ൃ ɾςετ͔Β࡞Δख๏ɻ ɾςετΧόϨοδʢཏʣ͕ߴ·Δ ˙ϦϑΝΫλϦϯά ɾॳظͷԚ͍ίʔυΛॻ͖͑ΔɻΒͳ͍͕ͪɻ ˙ࢹͱτϥοΩϯά
ɾύϑΥʔϚϯεΛࢹ͢Δ͜ͱͰɺνϡʔχϯάཉ͕ߴ·Δ ·ͩ·ͩΓ͍ͨ͜ͱ͕͍ͬͺ͍͋Δɾɾɾʂ
Ұ൪ྑ͔ͬͨ͜ͱ ϑΟʔυόοΫ͠߹͏͜ͱͰɺίϛϡχέʔγϣϯ͕૿͑Δɻ ݸਓతʢࠤ౻ͷʣͳֶͼͱͯ͠ɺςετͯ͠Δ࣌ʹ༷ʹ͍ͭ ͕ͯ࣌͢Ұ൪ձ͕׆ൃʹͳΔɻ ͥͻΞαΠϯͨ͠ࡍʹɺ ͓͖ۙͮͷҹʹγεςϜ༷ͷΛͯ͠Έ͍ͯͩ͘͞ɻ👀 ྑ͘ͳͬͨʂ