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
350
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
potato4d
1
2.2k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
potato4d
9
4.8k
終わりゆく 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.2k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
potato4d
8
3.6k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
potato4d
11
4k
私たちはなぜ SPA で開発するのか / Why you choose SPA
potato4d
39
26k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
potato4d
6
3.4k
Other Decks in Programming
See All in Programming
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
880
ナレッジイネイブリングにAIを活用してみる ゆるSRE勉強会 #9
nealle
0
100
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
6
2.2k
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
410
CloudNativePGを布教したい
nnaka2992
0
100
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
190
CSS Linter による Baseline サポートの仕組み
ryo_manba
1
140
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
150
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
280
Rubyで始める関数型ドメインモデリング
shogo_tksk
0
130
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
120
Formの複雑さに立ち向かう
bmthd
1
900
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Automating Front-end Workflow
addyosmani
1368
200k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Designing Experiences People Love
moore
140
23k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
What's in a price? How to price your products and services
michaelherold
244
12k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Rails Girls Zürich Keynote
gr2m
94
13k
A Tale of Four Properties
chriscoyier
158
23k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
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ԁͰ ͜ΕΔ͔Β͖ؔͯ