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
JimdoでSPAを構築してみた #hoiroLT
Search
potato4d(Hanatani Takuma)
February 20, 2017
Programming
0
570
JimdoでSPAを構築してみた #hoiroLT
第四回帰ってきたhojiroLTで行ったLTのスライドです。 #hojiroLT
https://github.com/potato4d/vue-spa-on-jimdo
potato4d(Hanatani Takuma)
February 20, 2017
Tweet
Share
More Decks by potato4d(Hanatani Takuma)
See All by potato4d(Hanatani Takuma)
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
1.6k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.5k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
6.5k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
960
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.3k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
3.6k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
24k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.1k
気軽な Node.js バックエンド開発には TypeORM がちょうどいい #kng7 / introduce-typeorm
potato4d
9
4.2k
Other Decks in Programming
See All in Programming
App Router への移行は「改善」となり得るのか?/ Can migration to App Router be an improvement
takefumiyoshii
1
120
object-oriented-conference-2024
fuwasegu
6
1.5k
自作ソフト(VMagicMirror)がVRMA対応してる話+実装のTips
bakudreameater
0
110
Enhancing Applications with Accessibility API
kishikawakatsumi
3
880
WinUI 3デモ - "CommunityToolkit.Mvvm"NuGetパッケージ編
andrewkeepcoding
0
130
品質が高いコードって何?Rev2.1
ickx
1
490
Ruby製社内ツールのGo移行
bgpat
2
260
Parallel Socket Communication in Swift
s_shimotori
0
210
孤独のCTOグルメという やや奇抜な企画をやった目的と効果
shoheimitani
3
1k
コミュニティに参加したことで起きた変化
ohmori_yusuke
3
130
オブジェクトしこう
okuramasafumi
2
130
とにかくHTTP3をライトニングに話す / Anyway, I'll talk to Lightning about HTTP3.
seike460
PRO
0
120
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
407
22k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
12
1.4k
GraphQLとの向き合い方2022年版
quramy
28
12k
Navigating Team Friction
lara
177
13k
What's new in Ruby 2.0
geeforr
335
31k
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
Bash Introduction
62gerente
604
210k
Adopting Sorbet at Scale
ufuk
66
8.5k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
How to train your dragon (web standard)
notwaldorf
71
5.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
12k
Making Projects Easy
brettharned
106
5.4k
Transcript
JimdoͰSPAΛߏஙͯ͠Έͨ 2017/02/18 Potato4d(TAKUMA Hanatani) #hojiroLT
ࣗݾհ
ࣗݾհ • Potato4d • 18ࡀ • JavaScriptͬͯ·͢ • य़͔Βpixiv •
ϒϩάΛॻ͘ͱͱͯΑ͘Ԍ্͢Δ
ຊ
ಥવͰ͕͢օ͞Μʂ
JimdoΛ͝ଘͰ͢ ͔ʁ
None
͍͢͝ϗʔϜϖʔδϏ ϧμʔ
None
ڧ͍ςϯϓϨʔτ
None
͘࡞ΕΔʂʂʂ
͕ɺ
ػೳෆ……
ػೳΛ૿ͦ͏
Ͳ͏ͬͯʁ
ؾ߹ͰJavaScriptΛΰϦΰϦ
None
͍͍ײ͡ʹ͢Δ
https:// potato4d.jimdo.com
3ͭͷखॱ
1. டংΛյ͢
ฤूͰ͖ΔͭΛ୳͢
None
ফͤΔύʔπΛফ͢
None
͍͍ͩͨফ͢
None
KDDIͷϩΰ͕अຐ
༨നͰ͍Δ
None
5,000px͙Β͍
None
ਅͬനͳWebαΠτ
ΧελϚΠζੑൈ܈ʂ
2.JSΛͿͪࠐΉ
Jimdo
ಠࣗϨΠΞτ
ҙͷHTMLΛՃՄೳ
None
͜ΕΛ։͍ͯ
None
None
JSͰߋʹJimdoཁૉΛ ফ͢
None
None
None
શ෦ফ͑Δ
None
ফ͑ͨ
3.SPAΛ࡞Δ
SPAͱ γϯάϧϖʔδWebΞϓϦέʔγϣϯʢSPAʣɺ࠷ۙ ΛूΊ͍ͯΔWebΞϓϦέʔγϣϯͷΞʔΩςΫ νϟͰ͢ɻSPAɺϢʔβ͕ΞϓϦέʔγϣϯΛͬͯ ͍ΔؒɺWebϖʔδશମΛϩʔυ͢Δ͜ͱ͕ͳ͘ɺϨε ϙϯε͕ߴͰUI/UXʹ༏Ε͍ͯΔͱ͍͏རΛ࣋ͬͯ ͍·͢ɻ͔ͭͯJavaΞϓϨοτFlashͱ͍ͬͨWeb ϒϥβͷϓϥάΠϯʹґଘ͢Δඞཁ͕͋Γ·͕ͨ͠ɺ ۙͰJavaScriptΛͬͨSPA͕ݱ࣮తʹͳ͖͍ͬͯͯ ·͢ɻJavaScriptϕʔεͷͨΊɺطଘͷWeb։ൃεΩϧ
https://www.oreilly.co.jp/books/9784873116730/
JSͰϖʔδભҠ͔Β σʔλͷॴ࣋·Ͱશ෦ Δ
WebΞϓϦέʔγϣ ϯ͕࡞ΕΔʂʂʂ
None
None
ʂ
None
ϦΞϧλΠϜ௨৴ͱ͔ Ͱ͖Δ
None
͍͍Ͷ͕૿͑Δ
None
݁Ռ
Jimdo WebΞϓϦέʔ γϣϯ࡞ΕΔʂ
None
Jimdo512KB ·ͰͷWebΞϓ Ϧέʔγϣϯͳ Β࡞ΕΔʂ
Jimdo͍͢͝ʂ
͓ΘΓ
࠷ޙʹ
None
None
None
ߦόεͰ2000ԁͰ ͜ΕΔ͔Β͖ؔͯ