Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Vue で作る非 SPA な Web システムの構成
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
katashin
May 13, 2016
Programming
2.3k
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Vue で作る非 SPA な Web システムの構成
SPA に対するつらさを吐き出したものです。
@ CodeGrid 四周年記念パーティ
katashin
May 13, 2016
Transcript
13 slides
7VFͰ࡞Δඇ41"ͳ 8FCγεςϜͷߏ LBUBTIJO
7VF 3FBDU 3FEVY !LUTO 1VSF4DSJQU
41"ͭΒ͍ ϩʔσΟϯάɺτϥϯδγϣϯɺϧʔςΟϯάʹ͋Θͤͨঢ়ଶཧͳͲɺ ࠓ·Ͱϒϥβ͕ͬͯͨ͜ͱΛࣗલ࣮͢ΔͷͭΒ͍ 69ɺϖʔδભҠΛͤ͞ͳ͍͜ͱ͕ॏཁͰͳ͍࣌41"ʹͨ͘͠ͳ͍
41"ΛΊΑ͏ʂ ͰɺࠓͲ͖ͷϑϨʔϜϫʔΫͳͲɺ͓͍͍͠෦औΓೖΕ͍ͨ
τϥϯεύΠϧͱ͔ ϏϧυͲ͏͢Δʁ ݱࡏͷϏϧυγεςϜ͕+4ΛҰͭʹ·ͱΊΔͷͰ ϖʔδΛ·͙ͨͱͭΒ͍
ΤϯτϦϙΠϯτͲ͏͢Δʁ 3FBDUͳͲ+4͔ΒίϯϙʔωϯτͷϚϯτΛ͢Δඞཁ͕͋ΔͷͰ ϖʔδ͝ͱʹখ͞ͳ+4Λॻ͘ͷ͕ͭΒ͍
7VF &MFNFOU3FHJTUSZ 4JOHMF4UPSF )5.-ཁૉͱͯ͠ίϯϙʔωϯτΛొͰ͖Δ7VF ίϯϙʔωϯτΛ)5.-Ͱ͑ΔΑ͏ʹ͢ΔͨΊͷ&MFNFOU3FHJTUSZ ͋ΔϖʔδͰෳࡶͳঢ়ଶભҠΛͨ͘͠ͳͬͨ࣌ͷͨΊͷ4JOHMF4UPSF
جຊతʹ3FEVYͱ͔7VFYΈ͍ͨͳߏͰ ΤϯτϦϙΠϯτʹ͍ͨ͠ίϯϙʔωϯτΛ &MFNFOU3FHJTUSZ͔Βొ͢Δ
1BHF 1BHF 1BHF &MFNFOU3FHJTUSZ #VJMU +BWB4DSJQU +BWB4DSJQU )5.- ڞ௨Ͱ͍͍ͨ+BWB4DSJQUϑΝΠϧͭͷϑΝΠϧʹϏϧυ͢Δ͜ͱ͕Ͱ͖ɺ ΤϯτϦϙΠϯτ)5.-ͷதʹॻ͘͜ͱ͕Ͱ͖ΔͷͰ͖ͬ͢Γ͢Δ
ϧʔτʹۭͷ 7.ΛϚϯτ 4UPSFΛ༩ ࢠଙͱڞ༗ 7VFYͩͬͨΒ͜ΕΛͬͯ͘ΕΔ͕ɺ ࣗલͰΓ͍ͨ࣌1MVHJOΛॻ͚ྑ͍ 4JOHMF4UPSF
&MFNFOU3FHJTUSZ )5.-Ͱ͍͍ͨͷΛొ
αʔόʔαΠυͷςϯϓϨʔτʹॻ͘ 41"ͩͱαʔόʔαΠυͷػೳΛશແࢹͰࣗલ࣮͠ͳ͚ΕͳΒͳ͍͕ɺ ͜ͷΞϓϩʔνͳΒ׆༻͢Δ͜ͱ͕Ͱ͖Δ ෳࡶͳ͜ͱ͕͍ͨ࣌͠ී௨ͷ41"ͷΑ͏ʹॻ͍ͯɺͦΕΛཧ͢ΔίϯϙʔωϯτΛஔ͚ྑ͍ ϧʔτͰఆٛͨ͠4UPSFʹͲ͔͜ΒͰΞΫηεͰ͖ΔͨΊɺҰ෦͚ͩ41"ʹ͢Δ͜ͱͰ͖Δ
7VF &MFNFOU3FHJTUSZ 4JOHMF4UPSF
More Decks by katashin
See All by katashin
テストの重要性 / Test is Important
ktsn
0
230
console.animate
ktsn
2
2.8k
Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for Optimizing a Build Process of Gulp
ktsn
2
2.6k
ラムダ計算入門 / Introduction of Lambda Calculus
ktsn
0
510
Contextual ThisType and Vue.js
ktsn
0
13k
TypeScript で型検査器を作る / Implementing a type checker with TypeScript
ktsn
0
22k
大規模静的サイトのためのビルドツール
ktsn
0
2.4k
型付きテンプレートがほしい
ktsn
1
44k
Toward Type Safety of Vuex
ktsn
1
1.1k
Other Decks in Programming
See All in Programming
Будущее локальных LLM – Алексей Голобурдин, PythoNN
sobolevn
0
120
小さなアプリを作って公開するまで
onozaty
0
170
ローカルLLMの基本と近況 2611 / Local LLM basics and recent situation 2611
kishida
1
210
AI時代のシニアエンジニアとは
yosuke_furukawa
PRO
15
12k
AWS CDKを理解するために公式の定義を深掘って解説してみる / Understanding AWS CDK by Digging into Its Official Definition
akihisaikeda
3
300
protojson における文字化けの扱い
kazuki1023
0
400
[DroidKnights 2026] Workflow AX: From Auto-Documented Policies to E2E Testing
raeminkang
0
570
Crash Auto Pipelines
veronikapj
1
410
クラウドゲーミングのパフォーマンス最適化に挑む / Cloud Gaming Performance Tuning
vivion
0
330
AI時代のIaC入門 〜なぜインフラをコードで管理したいのか?〜 / Introduction to IaC in the AI Era
akihisaikeda
6
1.5k
flutter_test のその先へ — Flutter アプリの LLM 機能に「評価」という品質保証を
kosukesaigusa
0
200
自作Discord音声botをLambda MicroVMsに移行した話 / Migrating My Discord Voice Bot to Lambda MicroVMs
akihisaikeda
1
310
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.9k
GitHub's CSS Performance
jonrohan
1033
470k
Design in an AI World
tapps
1
390
We Are The Robots
honzajavorek
0
440
Thoughts on Productivity
jonyablonski
76
5.5k
How GitHub (no longer) Works
holman
316
150k
Site-Speed That Sticks
csswizardry
13
1.6k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
340
Crafting Experiences
bethany
1
440
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.7k
What the history of the web can teach us about the future of AI
inesmontani
PRO
3
810
Heart Work Chapter 1 - Part 1
lfama
PRO
11
37k