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
640
0

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

More Decks by potato4d(Takuma HANATANI)

See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
Avatar for potato4d(Takuma HANATANI) potato4d
3
470
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
Avatar for potato4d(Takuma HANATANI) potato4d
1
2.6k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
Avatar for potato4d(Takuma HANATANI) potato4d
9
5.1k
終わりゆく 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.4k
私たちはなぜ SPA で開発するのか / Why you choose SPA
Avatar for potato4d(Takuma HANATANI) potato4d
38
29k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
Avatar for potato4d(Takuma HANATANI) potato4d
6
3.7k

Other Decks in Programming

See All in Programming
Go 1.27からのGODEBUG / Go 1.27 リリースパーティ #go127party
Avatar for mazrean mazrean
0
320
Claude Codeを組織的に動かして月400PRを実現した話
Avatar for happy_ryo happy_ryo
0
260
「つくるAI」だけではバグは見つからない　～テストに必要な「見つけるAI」を分離させる戦略～
Avatar for Masahiko Funaki(舟木 将彦) mfunaki
0
230
Go を使い始めて 2 ヶ月の学び / My first two months with Go
Avatar for Daisuke Garaike contour_gara
0
420
Deep dive into the select statement (GopherCon UK)
Avatar for Jesús Espino jespino
0
170
20260828_品質と開発生産性を両立させる、AI時代のE2Eテストの考え方
Avatar for MagicPod magicpod
0
160
高専、大学編入、そして未踏へ〜プロダクト開発とキャリアの歩み - Technical College, University Transfer, and On to “Mitou” / My Journey in Product Development and Career
Avatar for __pkmiya pkmiya
0
140
AWS Step Functions 大規模並列の壁を越える / jaws-sonic-2026-niigata-step-functions
Avatar for kasacchiful kasacchiful
PRO
0
380
30年振りにコンパイラの定数整数除算を改善した
Avatar for herumi herumi
9
4.4k
DynamoDBの基礎を振り返りながらベクトル検索機能を理解する
Avatar for 村上優稀 musan
3
270
[KotlinConf Extended South Korea 2026] KotlinConf 2026 발표자 후기
Avatar for Suhyeon Kim wisemuji
0
100
{ Android | Kotlin } Gradle Plugin in 2026
Avatar for RyuNen344 ryunen344
1
290

Featured

See All Featured
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
53k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
690
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
230
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
12k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
12
39k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.6k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
710
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.8k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
590

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