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
SPAのすゝめ
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Tsubasa SEKIGUCHI
PRO
December 05, 2022
Programming
0
55
SPAのすゝめ
初回ワカモノミートアップで発表させていただいたスライドです。SPA(Single Page Application)の概要について説明させていただきました。
Tsubasa SEKIGUCHI
PRO
December 05, 2022
Tweet
Share
More Decks by Tsubasa SEKIGUCHI
See All by Tsubasa SEKIGUCHI
スモールスタートでいこう 自作テレメトリシステム概論
tinykitten
PRO
0
40
TrainLCD v10リリース記念 TrainLCDを支える技術
tinykitten
PRO
1
460
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
tinykitten
PRO
0
230
初めてのハッカソンを「紙芝居」で終わらせた話
tinykitten
PRO
0
47
これならできる!個人開発のすゝめ
tinykitten
PRO
0
430
今日から使える AI駆動開発のすゝめ
tinykitten
PRO
1
95
Reactで始める リグレッションテスト概論
tinykitten
PRO
0
63
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.4k
Gunma.web #55
tinykitten
PRO
0
300
Other Decks in Programming
See All in Programming
エンジニアの「手元の自動化」を加速するn8n 2026.02.27
symy2co
0
180
「接続」—パフォーマンスチューニングの最後の一手 〜点と点を結ぶ、その一瞬のために〜
kentaroutakeda
3
1.9k
KagglerがMixSeekを触ってみた
morim
0
260
脱 雰囲気実装!AgentCoreを良い感じにWEBアプリケーションに組み込むために
takuyay0ne
3
390
PHPで TLSのプロトコルを実装してみる
higaki_program
0
430
Symfony + NelmioApiDocBundle を使った スキーマ駆動開発 / Schema Driven Development with NelmioApiDocBundle
okashoi
0
220
maplibre-gl-layers - 地図に移動体たくさん表示したい
kekyo
PRO
0
470
Agentic AI: Evolution oder Revolution
mobilelarson
PRO
0
190
ファインチューニングせずメインコンペを解く方法
pokutuna
0
160
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
seike460
PRO
2
150
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
shogogg
2
370
クライアントワークでSREをするということ。あるいは事業会社におけるSREと同じこと・違うこと
nnaka2992
1
360
Featured
See All Featured
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.2k
The Curse of the Amulet
leimatthew05
1
10k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.8k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
1
160
Darren the Foodie - Storyboard
khoart
PRO
3
3k
Chasing Engaging Ingredients in Design
codingconduct
0
150
Designing Experiences People Love
moore
143
24k
Git: the NoSQL Database
bkeepers
PRO
432
67k
KATA
mclloyd
PRO
35
15k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
170
Embracing the Ebb and Flow
colly
88
5k
Transcript
41"ͷ͢ʍΊ Introducing Single Page Application ॳճ܈അϫΧϞϊϛʔτΞοϓ 2018.10.6 @ i-na cafe,
Maebashi, Gunma Tsubasa SEKIGUCHI LEA-3645969186565158903
5JOZ,JUUFO @tinykitten8
ؔޱཌྷ Tsubasa SEKIGUCHI
੍࡞ άϥϑΟοΫσβΠϯ
։ൃத
։ൃத
Έͳ͞Μ
Έͳ͞Μ 41"ͬͯ·͔͢ʁ
None
None
ࠓճԹઘͷͰ ͋Γ·ͤΜʂ
͡Ό͋41"ͬͯͳΜͳͷ͞
γϯάϧ ϖʔδ ΞϓϦέʔγϣϯ Single Page Application
41"ͱʁ ୯Ұͷ8FCϖʔδͷΈ͔Βߏ͢Δ͜ͱͰɺ σεΫτοϓΞϓϦέʔγϣϯͷΑ͏ͳϢʔβମݧΛఏڙ͢Δ 8FCΞϓϦέʔγϣϯ·ͨ8FCαΠτͰ͋Δɻ
None
Կ͕خ͍͠ͷʁ ࣮ࡍͷϖʔδભҠ͕ͳ͍ʢҰ෦ࠩ͠ସ͑ΔʣͷͰɺ ύϑΥʔϚϯε͕ߴ͍ɻ ϒϥβͷڍಈʹറΒΕͳ͍σβΠϯՄೳɻ
ͨͱ͑
ͨͱ͑
ׂͱ৭ΜͳॴͰ ΘΕ͍ͯΔ
Ͱɺ େنͳΞϓϦ͡Όͳ͍ͱ Θͳ͍΄͏͕͍͍ʁ
ͦΜͳ͜ͱͳ͍
׆༻ྫ
׆༻ྫ
ϝϦοτ σϝϦοτ ಋೖͷ
ϝϦοτ
ϝϦοτ ̍௨ৗͷ8FCϖʔδͰ࣮ݱͰ͖ͳ͍ Ϣʔβʔମݧ 69 Λ࣮ݱͰ͖Δɻ ߴͳϖʔδભҠΛ࣮ݱͰ͖Δɻ ωΠςΟϒΞϓϦͷΘΓͱͯ͠ఏڙ͢Δ ͜ͱ͕Ͱ͖Δɻ
69վળ ԻָΛฉ͖ͳ͕Βϒϥδϯά ͳΊΒ͔ͳϖʔδભҠ ݟӫ͑ͷ͍͍ಠࣗϩʔσΟϯάը໘ Λ࣮Ͱ͖Δʂ
ߴͳϖʔδભҠ ࣮ɺද͕ࣔ̍ඵΕ͚ͨͩͰɺ ίϯόʔδϣϯ͕Լ͠·͢ʂ දࣔίϯόʔδϣϯϦϐʔλʔͷ֫ಘʹେ͖͘Өڹ͠·͢ɻ
ߴͳϖʔδભҠ ͔͠͠ɺ41"Ͱ ભҠͷͨͼʹ)5.-Λͯ͢औಘ͢ΔͷͰͳ͘ ඞཁͳσʔλ͚ͩऔಘ͠ɺॻ͖͑Δʂ
ωΠςΟϒΞϓϦͷ༻ 8FCͷٕज़Λ༻͍ͯɺ ωΠςΟϒΞϓϦʹ͍ۙͷ͕ ࡞ΕΔ
ωΠςΟϒΞϓϦͷ༻
σϝϦοτ
σϝϦοτ ࣮ίετ͕େ෯ʹ૿͑Δ ී௨ͷํ๏Ͱ4&0ʹऑ͍ ॳظϩʔσΟϯάʹ͔͔Δ͕࣌ؒ૿͑Δɻ ։ൃऀ͕গͳ͍ɻ
։ൃίετ૿ ࠓ·Ͱϒϥβʹ͍ͤͯͨͱ͜ΖΛɺ ಠࣗͰ࣮͢Δඞཁ͕͋Δ߹͕͋Δ ཤྺཧɺϖʔδ͝ͱͷ63-ׂɺϦϯΫΫϦοΫ࣌ͷϩʔσΟϯάɺϑϩϯτΤϯυͷൺֱతߴͳࣝ
4&0ʹऑ͍ +4ͰσʔλΛऔಘ͠ɺ)5.-Λߏங͢Δ࡞ۀ େͷΫϩʔϥͰର֎ʹͳΔ 443ͱ͍͏Έ͕ඞཁʹͳΔ
ॳظϩʔσΟϯά࣌ؒ૿ ϖʔδͷΓସ͑ߴ͕ͩɺ ॳظϩʔσΟϯάʹ͕͔࣌ؒΔ ͪ͜Β443ͱ͍͏ΈͰվળՄೳ
։ൃऀ͕গͳ͍ 41"Λ։ൃͨ͜͠ͱͷ͋Δ։ൃऀɺ Ұൠతͳ8FCϖʔδͷ੍࡞ऀʹൺѹతʹগͳ͍ͷ͕ݱঢ় ಛʹଟ܈അ
։ൃऀ͕গͳ͍ +BWB4DSJQUʹର͢Δ෯͍ࣝɺ ൺֱతߴͳઃܭεΩϧ͕ඞཁ Webpack,Babel,EcmaScript…
+BWB4DSJQUʹର͢Δ෯͍ࣝɺ ൺֱతߴͳઃܭεΩϧ͕ඞཁ Webpack,Babel,EcmaScript…
·ͱΊ ίετएׯߴ͍͕ɺ ࢼͯ͠ΈΔՁ͋Γɻ ͜Ε͔Βͷ࣌41"ͩʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ Thank you for listening! ॳճ܈അϫΧϞϊϛʔτΞοϓ 2018.10.6 @ Ina-cafe, Maebashi,
Gunma Tsubasa SEKIGUCHI LEA-3645969186565158903