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(Takuma HANATANI)
February 20, 2017
Programming
0
600
JimdoでSPAを構築してみた #hoiroLT
第四回帰ってきたhojiroLTで行ったLTのスライドです。 #hojiroLT
https://github.com/potato4d/vue-spa-on-jimdo
potato4d(Takuma HANATANI)
February 20, 2017
Tweet
Share
More Decks by potato4d(Takuma HANATANI)
See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
potato4d
3
390
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.3k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.9k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
potato4d
25
6.9k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい! / Pokemon recognition from screenshots in browser using web worker
potato4d
0
1.3k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.7k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4.1k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
27k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.5k
Other Decks in Programming
See All in Programming
Result型で“失敗”を型にするPHPコードの書き方
kajitack
4
500
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
570
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
gaeun5744
3
330
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
200
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
型付きアクターモデルがもたらす分散シミュレーションの未来
piyo7
0
810
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
1.1k
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
320
Java on Azure で LangGraph!
kohei3110
0
170
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
1
700
WindowInsetsだってテストしたい
ryunen344
1
200
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
550
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
710
GraphQLとの向き合い方2022年版
quramy
48
14k
Side Projects
sachag
455
42k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
4 Signs Your Business is Dying
shpigford
184
22k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Facilitating Awesome Meetings
lara
54
6.4k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The Invisible Side of Design
smashingmag
300
51k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
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ԁͰ ͜ΕΔ͔Β͖ؔͯ