Upgrade to Pro — share decks privately, control downloads, hide ads and more …

JimdoでSPAを構築してみた #hoiroLT

Avatar for potato4d(Takuma HANATANI) potato4d(Takuma HANATANI)
February 20, 2017
Programming
0
610

JimdoでSPAを構築してみた #hoiroLT

第四回帰ってきたhojiroLTで行ったLTのスライドです。 #hojiroLT
https://github.com/potato4d/vue-spa-on-jimdo

Avatar for potato4d(Takuma HANATANI)

potato4d(Takuma HANATANI)

February 20, 2017
Tweet

More Decks by potato4d(Takuma HANATANI)

See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
Avatar for potato4d(Takuma HANATANI) potato4d
3
430
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
Avatar for potato4d(Takuma HANATANI) potato4d
1
2.4k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
Avatar for potato4d(Takuma HANATANI) potato4d
9
5k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
Avatar for potato4d(Takuma HANATANI) potato4d
25
7k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい！ / Pokemon recognition from screenshots in browser using web worker
Avatar for potato4d(Takuma HANATANI) potato4d
0
1.3k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
Avatar for potato4d(Takuma HANATANI) potato4d
8
3.8k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
Avatar for potato4d(Takuma HANATANI) potato4d
11
4.3k
私たちはなぜ SPA で開発するのか / Why you choose SPA
Avatar for potato4d(Takuma HANATANI) potato4d
39
27k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
Avatar for potato4d(Takuma HANATANI) potato4d
6
3.6k

Other Decks in Programming

See All in Programming
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
220
AtCoder Conference 2025「LLM時代のAHC」
Avatar for Yuki Imajuku imjk
2
640
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
180
まだ間に合う！Claude Code元年をふりかえる
Avatar for nogu nogu66
5
930
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
210
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
420
GISエンジニアから見たLINKSデータ
Avatar for nokonoko1203 nokonoko1203
0
190
.NET Conf 2025 の興味のあるセッ ションを復習した / dotnet conf 2025 quick recap for backend engineer
Avatar for Tomohisa Takaoka tomohisa
0
110
gunshi
Avatar for kazupon kazupon
1
140
AtCoder Conference 2025
Avatar for shindannin shindannin
0
900
Context is King？ 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
Avatar for r-kagaya rkaga
10
1.5k
Rubyで鍛える仕組み化プロヂュース力
Avatar for muryoimpl muryoimpl
0
310

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.3k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
0
38
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
1
2.1k
A Soul's Torment
Avatar for Nat Ma seathinner
2
2.1k
Between Models and Reality
Avatar for mayunak mayunak
1
160
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
58
41k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k

Transcript

  1. JimdoͰSPAΛߏஙͯ͠Έͨ 2017/02/18 Potato4d(TAKUMA Hanatani) #hojiroLT

  2. ࣗݾ঺հ

  3. ࣗݾ঺հ • Potato4d • 18ࡀ • JavaScript΍ͬͯ·͢ • य़͔Βpixiv •

    ϒϩάΛॻ͘ͱͱͯ΋Α͘Ԍ্͢Δ

  4. ຊ୊

  5. ಥવͰ͕͢օ͞Μʂ

  6. JimdoΛ͝ଘ஌Ͱ͢ ͔ʁ

  7. None

  8. ͍͢͝ϗʔϜϖʔδϏ ϧμʔ

  9. None

  10. ڧ͍ςϯϓϨʔτ

  11. None

  12. ͸΍͘࡞ΕΔʂʂʂ

  13. ͕ɺ

  14. ػೳෆ଍……

  15. ػೳΛ૿΍ͦ͏

  16. Ͳ͏΍ͬͯʁ

  17. ؾ߹ͰJavaScriptΛΰϦΰϦ

  18. None

  19. ͍͍ײ͡ʹ͢Δ

  20. https:// potato4d.jimdo.com

  21. 3ͭͷखॱ

  22. 1. டংΛյ͢

  23. ฤूͰ͖Δ΍ͭΛ୳͢

  24. None

  25. ফͤΔύʔπΛফ͢

  26. None

  27. ͍͍ͩͨফ͢

  28. None

  29. KDDIͷϩΰ͕अຐ

  30. ༨നͰ௥͍΍Δ

  31. None

  32. 5,000px͙Β͍

  33. None

  34. ਅͬനͳWebαΠτ ׬੒

  35. ΧελϚΠζੑൈ܈ʂ

  36. 2.JSΛͿͪࠐΉ

  37. Jimdo

  38. ಠࣗϨΠΞ΢τ

  39. ೚ҙͷHTMLΛ௥ՃՄೳ

  40. None

  41. ͜ΕΛ։͍ͯ

  42. None
  43. None

  44. JSͰߋʹJimdoཁૉΛ ফ͢

  45. None
  46. None
  47. None

  48. શ෦ফ͑Δ

  49. None

  50. ফ͑ͨ

  51. 3.SPAΛ࡞Δ

  52. SPAͱ͸ γϯάϧϖʔδWebΞϓϦέʔγϣϯʢSPAʣ͸ɺ࠷ۙ ஫໨ΛूΊ͍ͯΔWebΞϓϦέʔγϣϯͷΞʔΩςΫ νϟͰ͢ɻSPA͸ɺϢʔβ͕ΞϓϦέʔγϣϯΛ࢖ͬͯ ͍ΔؒɺWebϖʔδશମΛϩʔυ͢Δ͜ͱ͕ͳ͘ɺϨε ϙϯε͕ߴ଎ͰUI/UXʹ༏Ε͍ͯΔͱ͍͏ར఺Λ࣋ͬͯ ͍·͢ɻ͔ͭͯ͸JavaΞϓϨοτ΍Flashͱ͍ͬͨWeb ϒϥ΢βͷϓϥάΠϯʹґଘ͢Δඞཁ͕͋Γ·͕ͨ͠ɺ ۙ೥Ͱ͸JavaScriptΛ࢖ͬͨSPA͕ݱ࣮తʹͳ͖͍ͬͯͯ ·͢ɻJavaScriptϕʔεͷͨΊɺطଘͷWeb։ൃεΩϧ

    https://www.oreilly.co.jp/books/9784873116730/

  53. JSͰϖʔδભҠ͔Β σʔλͷॴ࣋·Ͱશ෦ ΍Δ

  54. WebΞϓϦέʔγϣ ϯ͕࡞ΕΔʂʂʂ

  55. None
  56. None

  57. ׬੒ʂ

  58. None

  59. ϦΞϧλΠϜ௨৴ͱ͔ ΋Ͱ͖Δ

  60. None

  61. ͍͍Ͷ͕૿͑Δ

  62. None

  63. ݁Ռ

  64. Jimdo͸ WebΞϓϦέʔ γϣϯ΋࡞ΕΔʂ

  65. None

  66. Jimdo͸512KB ·ͰͷWebΞϓ Ϧέʔγϣϯͳ Β࡞ΕΔʂ

  67. Jimdo͍͢͝ʂ

  68. ͓ΘΓ

  69. ࠷ޙʹ

  70. None
  71. None
  72. None

  73. ໷ߦόεͰ2000ԁͰ ͜ΕΔ͔Βؔ੢͖ͯ