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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
440
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
7.1k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい！ / Pokemon recognition from screenshots in browser using web worker
Avatar for potato4d(Takuma HANATANI) potato4d
0
1.4k
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
28k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
Avatar for potato4d(Takuma HANATANI) potato4d
6
3.6k

Other Decks in Programming

See All in Programming
Vuetify 3 → 4 何が変わった？差分と移行ポイント10分まとめ
Avatar for kouki.miura koukimiura
0
120
AI時代でも変わらない技術コミュニティの力～10年続く“ゆるい”つながりが生み出す価値
Avatar for Takehata Naoto n_takehata
2
720
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
2.1k
文字コードの話
Avatar for Masaki Hara qnighy
44
17k
Claude Code の Skill で複雑な既存仕様をすっきり整理しよう
Avatar for yuichiro_takahashi yuichirokato
1
360
Agentic AI: Evolution oder Revolution
Avatar for Lars Roewekamp mobilelarson
PRO
0
160
nuget-server - あなたが必要だったNuGetサーバー
Avatar for Kouji Matsui kekyo
PRO
0
230
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜
Avatar for kuro kuro_kurorrr
3
1.9k
ベクトル検索のフィルタを用いた機械学習モデルとの統合 / python-meetup-fukuoka-06-vector-attr
Avatar for monochromegane monochromegane
2
390
AI Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
Goの型安全性で実現する複数プロダクトの権限管理
Avatar for ishikawa-pro ishikawa_pro
1
260
Unity6.3 AudioUpdate
Avatar for Cova8bitdots cova8bitdots
0
120

Featured

See All Featured
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
190
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
76
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.4k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
380
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
140
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
970
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
110
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
79

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ԁͰ ͜ΕΔ͔Βؔ੢͖ͯ