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
600

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
390
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
Avatar for potato4d(Takuma HANATANI) potato4d
1
2.3k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
Avatar for potato4d(Takuma HANATANI) potato4d
9
4.9k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
Avatar for potato4d(Takuma HANATANI) potato4d
25
6.9k
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.7k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
Avatar for potato4d(Takuma HANATANI) potato4d
11
4.1k
私たちはなぜ 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.5k

Other Decks in Programming

See All in Programming
Result型で“失敗”を型にするPHPコードの書き方
Avatar for Takuma Kajikawa kajitack
4
500
都市をデータで見るってこういうこと　PLATEAU属性情報入門
Avatar for nokonoko1203 nokonoko1203
1
570
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
Avatar for 이가은 gaeun5744
3
330
Google Agent Development Kit でLINE Botを作ってみた
Avatar for Kento.Yamada ymd65536
2
200
関数型まつりレポート for JuliaTokai #22
Avatar for GOTOH Shunsuke antimon2
0
160
型付きアクターモデルがもたらす分散シミュレーションの未来
Avatar for Takatomo Torigoe piyo7
0
810
Team topologies and the microservice architecture: a synergistic relationship
Avatar for Chris Richardson cer
PRO
0
1.1k
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
Avatar for アキキー akihisaikeda
3
320
Java on Azure で LangGraph！
Avatar for Kohei Saito kohei3110
0
170
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
Avatar for shiro seike seike460
PRO
1
700
WindowInsetsだってテストしたい
Avatar for RyuNen344 ryunen344
1
200
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
Avatar for bash0C7 bash0c7
1
550

Featured

See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
710
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
48
14k
Side Projects
Avatar for Sacha Greif sachag
455
42k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
234
140k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
300
51k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k

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