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

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

Transcript

1. JimdoͰSPAΛߏஙͯ͠Έͨ 2017/02/18 Potato4d(TAKUMA Hanatani) #hojiroLT
2. ࣗݾ঺հ
3. ࣗݾ঺հ • Potato4d • 18ࡀ • JavaScript΍ͬͯ·͢ • य़͔Βpixiv • ϒϩάΛॻ͘ͱͱͯ΋Α͘Ԍ্͢Δ
4. ຊ୊
5. ಥવͰ͕͢օ͞Μʂ
6. JimdoΛ͝ଘ஌Ͱ͢ ͔ʁ
8. ͍͢͝ϗʔϜϖʔδϏ ϧμʔ
10. ڧ͍ςϯϓϨʔτ
12. ͸΍͘࡞ΕΔʂʂʂ
13. ͕ɺ
14. ػೳෆ଍……
15. ػೳΛ૿΍ͦ͏
16. Ͳ͏΍ͬͯʁ
17. ؾ߹ͰJavaScriptΛΰϦΰϦ
19. ͍͍ײ͡ʹ͢Δ
20. https:// potato4d.jimdo.com
21. 3ͭͷखॱ
22. 1. டংΛյ͢
23. ฤूͰ͖Δ΍ͭΛ୳͢
25. ফͤΔύʔπΛফ͢
27. ͍͍ͩͨফ͢
29. KDDIͷϩΰ͕अຐ
30. ༨നͰ௥͍΍Δ
32. 5,000px͙Β͍
34. ਅͬനͳWebαΠτ ׬੒
35. ΧελϚΠζੑൈ܈ʂ
36. 2.JSΛͿͪࠐΉ
37. Jimdo
38. ಠࣗϨΠΞ΢τ
39. ೚ҙͷHTMLΛ௥ՃՄೳ
41. ͜ΕΛ։͍ͯ
44. JSͰߋʹJimdoཁૉΛ ফ͢
48. શ෦ফ͑Δ
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ΞϓϦέʔγϣ ϯ͕࡞ΕΔʂʂʂ
57. ׬੒ʂ
59. ϦΞϧλΠϜ௨৴ͱ͔ ΋Ͱ͖Δ
61. ͍͍Ͷ͕૿͑Δ
63. ݁Ռ
64. Jimdo͸ WebΞϓϦέʔ γϣϯ΋࡞ΕΔʂ
66. Jimdo͸512KB ·ͰͷWebΞϓ Ϧέʔγϣϯͳ Β࡞ΕΔʂ
67. Jimdo͍͢͝ʂ
68. ͓ΘΓ
69. ࠷ޙʹ
73. ໷ߦόεͰ2000ԁͰ ͜ΕΔ͔Βؔ੢͖ͯ