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
400
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
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
210
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
21
8.7k
AIともっと楽するE2Eテスト
myohei
7
2.9k
技術同人誌をMCP Serverにしてみた
74th
1
680
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
2
14k
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
tomohisa
0
150
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
1
150
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
150
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
300
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
230
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
460
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
2.3k
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
The Invisible Side of Design
smashingmag
301
51k
How to Ace a Technical Interview
jacobian
278
23k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
KATA
mclloyd
30
14k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Building Applications with DynamoDB
mza
95
6.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
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ԁͰ ͜ΕΔ͔Β͖ؔͯ