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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for potato4d(Takuma HANATANI) potato4d(Takuma HANATANI)
February 20, 2017
Programming
630
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
460
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
28k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
Avatar for potato4d(Takuma HANATANI) potato4d
6
3.7k

Other Decks in Programming

See All in Programming
その節約、円になってますか？
Avatar for isamu asakawa isamumumu
1
700
AI時代のPHPer生存戦略 ～「言語、もうなんでもよくない？」に本気で向き合う～
Avatar for viviON vivion
0
300
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
Avatar for Gota gotalab555
4
1.6k
生成AIで帳票OCRが「簡単に」作れる時代になった？
Avatar for Shohei Kondo kon_shou
0
610
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
Avatar for petamoriken / 森建 petamoriken
0
210
『コードを書く以外の』エンジニアリング〜課金基盤移行プロジェクト推進のためのTips4選
Avatar for yuriko yuriko1211
0
590
yield再入門 #phpcon
Avatar for hideki kinjyo o0h
PRO
0
980
「人を評価する AI」の 設計と実装 
Avatar for 奈良亮耶 ryoyanara
0
180
PHP に部分適用が来るぞ！……ところで何それ？おいしいの？ #phpcon / phpcon-2026
Avatar for shogogg shogogg
0
590
ここ半年くらいでAIに作らせたR用ツール
Avatar for eitsupi eitsupi
0
370
React本体のコードリーディング
Avatar for high-g high_g_engineer
1
140
AIが無かった頃の素敵な出会いの話
Avatar for コドモン開発チーム codmoninc
1
390

Featured

See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.8k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.1k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.7k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
440
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
420
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
360
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.8k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
430

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