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
160
誤解 クリーンアーキテクチャ
kxuxl
0
240
Docker_OSS_ホスティング入門
kxuxl
0
280
事例で学ぶ プロダクト開発
kxuxl
0
76
Other Decks in Technology
See All in Technology
Amazon Qで2Dゲームを作成してみた
siromi
0
180
文字列の並び順 / String Collation
tmtms
1
110
人を動かすことについて考える
ichimichi
2
130
Claude Code x Androidアプリ 開発
kgmyshin
1
340
生成AI利用プログラミング:誰でもプログラムが書けると 世の中どうなる?/opencampus202508
okana2ki
0
170
なごミュ@SPAJAM2025 第二回予選
1901drama
0
110
ABEMAにおける 生成AI活用の現在地 / The Current Status of Generative AI at ABEMA
dekatotoro
0
430
夏休みWebアプリパフォーマンス相談室/web-app-performance-on-radio
hachi_eiji
1
270
九州の人に知ってもらいたいGISスポット / gis spot in kyushu 2025
sakaik
0
210
UDDのススメ - 拡張版 -
maguroalternative
1
630
Exadata Database Service on Dedicated Infrastructure セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
1
330
信頼できる開発プラットフォームをどう作るか?-Governance as Codeと継続的監視/フィードバックが導くPlatform Engineeringの進め方
yuriemori
1
220
Featured
See All Featured
Making Projects Easy
brettharned
117
6.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
The World Runs on Bad Software
bkeepers
PRO
70
11k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
183
54k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
470
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
The Invisible Side of Design
smashingmag
301
51k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Transcript
8&#ϑϩϯτΤϯυͷ டংΛอͭ ϨΫษڧձ ࢿྉ
චऀͷใ ɾ3FBDUྺ̎ ɾ࣮ྺ̏ऑ ࠤ౻ ޭथ
νΣοΫΠϯ 8&#ϑϩϯτΤϯυͬͯԿͰ͠ΐ͏͔ʁ
ΞφʔΩʔύλʔϯʹֶͿ ϑϩϯτΤϯυͷடং ࠓճͷࢿྉ
͘͡ ΞφʔΩʔύλʔϯ ֵ໋ͷ ͦͯ͠ࠃʢνʔϜʣͱͳΔ
ΞφʔΩʔͳํʑ "͞Μ #͞Μ
͋Δͷ͜ͱ "͞Μ #͞Μ ϓϩδΣΫτΩοΫΦϑ͢Δͧʂ ࠷ॳͲ͏͢Δʁ "͞Μ #͞Μ ·ɺͱΓ͋͑ͣެࣜυΩϡϝϯτͱ͔ͦͷลͷهࣄݟΕ͍͍Ͱ͠ΐ Φοέʔɺ͡Ό্ཱ͋ͪ͛ͪΌ͏Ͷ
ΞφʔΩʔͳϑϩϯτΤϯυ ̍ͱΓ͋͑ͣ1+Λ্ཱͪ͛Δ ࣮̎ಈ͚͍͍ ̏ίʔυϨϏϡʔ͢Δͳ͍͠ɺҰ୴ͳ͠ ˣ ͱʹ͔͘ૣ͍ʂͷͰޭମݧʹͳΓ͍͢
ͷͪʹɾɾɾ $͞Μ #͞Μ ৽ϝϯόʔͰ͢ɺΑΖ͓͘͠ئ͍͠·͢ʂ ͋ɺίʔυϦʔσ Οϯά͔Β͓ئ͍͠·͢ $͞Μ #͞Μ Կͩ͜Εɺ҉߸ʁ ͋ɾɾɾɺ͕ࣗॻ͍ͯͳ͍ίʔυͬͯݟͮΒ͍ΑͶɾɾɾ
ֵ໋ͷ ࣭ԦʹɺԶͳΔʂ
1SFUUJFSͱ ͍͍ײ͡ίʔυʹॻ͖͑ͯ͘ΕΔ ࠷ۙʹͳͬͨ ·ͣίʔυϑΥʔϚολʔೖΕ͍ͨ
&4-JOUͱ ͍ΖΜͳݴޠΛαϙʔτ͍ͯ͠Δ ࣗಈͰίʔυΛҙͯ͘͠ΕΔɺ ͏Ε͍͠ϥΠϒϥϦ ੩తղੳπʔϧඞཁɾɾɾ
࣭୲อϚϯ $͞Μ #͞Μ ίʔσ ΟϯάنܾΊ͍͍ͯͰ͔͢ʁ ͋ɺ͓͖ʹͲ͏ͧ $͞Μ #͞Μ ͬͨʔʂʢΰϦΰϦʹకΊ͚Δʣ ͏͏ɾɾɾ੩తղੳΫϦΞ͠ͳ͍ͱίϛοτͰ͖ͳ͍ɾɾɾ
៉ྷͳίʔυͰͳ͚ΕɺՌͱͯ͠ೝΊΒΕͳ͍ɾɾɾ
ίʔυϨϏϡʔͱ νʔϜϝϯόʔؒͰɺ৫తʹίʔυͷ࣭Λ୲อ͢Δख๏ɻ ผͷࢹ͔ΒίʔυΛݟΔ͜ͱͰɺ࣮ͨ͠ຊਓʹؾ͕͔ ͳ͍ࣦഊΛݕͰ͖Δɻ ࣍ʹɺίʔυϨϏϡʔΓ͍ͨ
ίʔυϨϏϡʔ $͞Μ #͞Μ ίϝϯτʮ͜͜ߟྀ࿙ΕͰ͢ʯ 'JOBM@VMUJNBUF@TVQFS@pYIPHF "͞Μ #͞Μ ίϝϯτʮ͜͜ʯ 'JOBM@VMUJNBUF@TVQFS@pY@GVHB
৫׆ੑԽ νʔϜͰͷίϛϡχέʔγϣϯ׆ൃʹͳ͖ͬͯͨͧʂ
୯ମςετͱ +6OJUͳͲ͕༗໊ɻ ͋Δؔϝιου͕ɺ ظ͢Δڍಈ͕ΫϦΞ͞Ε͍ͯΔ͔Ͳ͏͔֬ೝͰ͖Δɻ ϨϏϡʔόοΫͷख͕ؒল͚Δ্ʹɺ ணखং൫ͰίʔυͷΤϥʔ͕ݕ͍͢͠ɻ ʢͱ͍͏͔ΤϥʔʹͳΒͳ͍ʣ ςετॻͧ͘ʂ
݁߹ςετͱ ෳͷϞδϡʔϧؒͷڍಈ͕ɺ ਖ਼͘͠ઃܭॻ௨Γʹ࿈ܞ͢Δ͔֬ೝͰ͖Δɻ σʔλϕʔε"1*ͱͷΓऔΓͰͷςετͰΘΕΔɻ ςετॻͧ͘ʂ
ػೳςετͱ ΞϓϦέʔγϣϯͦͷͷ͕ɺ Ϣʔβʔͷཁ݅Λຬ͔ͨ֬͢ೝ͢Δɻ ϩάΠϯใͳͲͷม͕ՃΘͬͨ࣌ɺ ਖ਼ৗʹػೳ͢Δ͔Ͳ͏͔Λ֬ೝ͢Δɻ ςετॻͧ͘ʂ
ςετॻ͘ #͞Μ ςετॻ͖·ͨ͠ #͞Μ Ϗϧυ͢ΔͷҰۤ࿑Ͱ͢Αɻ $͞Μ ͍͍Ͱ͢Ͷʂ࠷ߴʂ Ͱͪΐͬͱςετέʔεଟ͘ͳͬͯॏ͍Ͱ͢Ͷɾɾɾ "͞Μ ͡Ό͋ɺςετεΠʔτॻ͍ͪΌ͏ʁ
ςετεΠʔτͱ ෳͷςετέʔεΛάϧʔϓԽͨ͠ͷɻ ಛఆͷػೳಉҰͷϞδϡʔϧʹؔ͢ΔςετέʔεΛ·ͱΊ Δ͜ͱͰɺςετΛཧ͘͢͠͠·͢ɻ ཏੑ͕͋Δ͜ͱͰɺൈ͚࿙Εͳ͘ɺ࠶ར༻ੑߴ·Δɻ ςετεΠʔτͬͯԿʁ
ςετΛ·ͱΊΔ #͞Μ ςετ·ͱΊ·ͨ͠ #͞Μ Ͱຖճςετ࣮ߦ͢ΔͷͩΔ͍Ͱ͢Ͷ $͞Μ ͳΜ͔ܰ͘ͳͬͨؾ͕͢Δ "͞Μ ͡Ό͋ɺࣗಈԽͪ͠Ό͏ʁ
ςετࣗಈԽͱ ςετεΫϦϓτΛ࣮͢Δ͜ͱͰɺ ࣗಈͰ֤ςετΛ࣮ࢪ͢Δ͜ͱ͕Ͱ͖Δɻ ຖճ࣮ߦ͢Δ͜ͱͰɺ ࣮ࢪ࣌ʹൈ͚࿙Ε͕ͳ͘ςετ͢Δ͜ͱ͕Ճೲɻ ͳΜͰࠓ·Ͱͬͯͳ͔ͬͨΜͩʁ
˙ ੩తղੳπʔϧͷվ ɾ͖ͳΑ͏ʹվͰ͖Δͧʂ ɾՄೳੑແݶେɺࣗϧʔϧΛܾΊͪΌ͓͏ʂ ˙ςετۦಈ։ൃ ɾςετ͔Β࡞Δख๏ɻ ɾςετΧόϨοδʢཏʣ͕ߴ·Δ ˙ϦϑΝΫλϦϯά ɾॳظͷԚ͍ίʔυΛॻ͖͑ΔɻΒͳ͍͕ͪɻ ˙ࢹͱτϥοΩϯά
ɾύϑΥʔϚϯεΛࢹ͢Δ͜ͱͰɺνϡʔχϯάཉ͕ߴ·Δ ·ͩ·ͩΓ͍ͨ͜ͱ͕͍ͬͺ͍͋Δɾɾɾʂ
Ұ൪ྑ͔ͬͨ͜ͱ ϑΟʔυόοΫ͠߹͏͜ͱͰɺίϛϡχέʔγϣϯ͕૿͑Δɻ ݸਓతʢࠤ౻ͷʣͳֶͼͱͯ͠ɺςετͯ͠Δ࣌ʹ༷ʹ͍ͭ ͕ͯ࣌͢Ұ൪ձ͕׆ൃʹͳΔɻ ͥͻΞαΠϯͨ͠ࡍʹɺ ͓͖ۙͮͷҹʹγεςϜ༷ͷΛͯ͠Έ͍ͯͩ͘͞ɻ👀 ྑ͘ͳͬͨʂ