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
Tsubasa SEKIGUCHI
PRO
December 05, 2022
Programming
0
48
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
1
1.1k
Gunma.web #55
tinykitten
PRO
0
210
React Nativeではじめる ハイパフォーマンス スマホアプリ開発(GENIEE Edit)
tinykitten
PRO
0
110
AWS/GCPで始める 生成AI入門
tinykitten
PRO
0
150
Rustとtonicで始める gRPC入門(GENIEE Edit)
tinykitten
PRO
0
43
スモールスタートで始める フィードバック管理システム開発入門
tinykitten
PRO
0
290
Rustとtonicで始める gRPC再入門
tinykitten
PRO
0
920
gRPCで始める ハイパフォーマンス タイプセーフウェブ開発
tinykitten
PRO
0
270
ノンデザイナーが 多少マシな見た目の資料を作る方法
tinykitten
PRO
0
200
Other Decks in Programming
See All in Programming
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
640
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
130
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
840
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
250
Porting a visionOS App to Android XR
akkeylab
0
470
Goで作る、開発・CI環境
sin392
0
240
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
0
170
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
210
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
560
Hack Claude Code with Claude Code
choplin
4
2.2k
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
2.2k
生成AI時代のコンポーネントライブラリの作り方
touyou
1
220
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Side Projects
sachag
455
42k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Rails Girls Zürich Keynote
gr2m
95
14k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
How to Ace a Technical Interview
jacobian
278
23k
The Language of Interfaces
destraynor
158
25k
Visualization
eitanlees
146
16k
Bash Introduction
62gerente
613
210k
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