JAMstack_conf_2019 JAMstack at scale Report

Transcript

1. Shizuoka.js #5 
   ϋογϡλά
   TIJ[VPLB@KT
2. JAMstack_conf_sf 2019 גࣜձࣾϐΫηϧάϦου tomof JAMstack at scale
3. tomof
7. JAMstackͷ ձࣾ΁
8. ࠓ೔࿩͢͜ͱ
9. • JAMstackͱ͸ʁ • JAMstack_conf_sf 2019 • JAMstack at Scaleɹ • ·ͱΊ
10. JAMstackͱ͸ʁ
12. https://jamstack.org
14. jamstack.orgͷϝΠϯίϐʔ௚༁ “ϞμϯΞʔΩςΫνϟ
 JavaScriptɺAPIɺࣄલʹੜ੒͞Εͨ MarkupΛ࢖༻ͯ͠ɺ Webαʔόʔͳ͠Ͱఏڙ͞ΕΔ
 ߴ଎Ͱ҆શͳαΠτͱಈతΞϓϦΛ࡞Δ”
15. jamstack.orgͷϝΠϯίϐʔ௚༁ “ϞμϯΞʔΩςΫνϟ
 JavaScriptɺAPIɺࣄલʹੜ੒͞Εͨ MarkupΛ࢖༻ͯ͠ɺ Webαʔόʔͳ͠Ͱఏڙ͞ΕΔ
 ߴ଎Ͱ҆શͳαΠτͱಈతΞϓϦΛ࡞Δ”
16. TUBDL
17. ϒϥ΢βʔͷJavaScriptͷΈ ࠶ར༻ՄೳͳAPI ͋Β͔͡Ίੜ੒͢ΔMarkup
18. ϒϥ΢βʔͷJavaScriptͷΈ
19. ϒϥ΢βʔͷJavaScriptͷΈ αʔόʔଆ ϓϩάϥϜېࢭ
20. ࠶ར༻ՄೳͳAPI ϒϥ΢β API
21. ࠶ར༻ՄೳͳAPI ϒϥ΢β API APIܦ༝͸
 OK
22. ͋Β͔͡Ίੜ੒͢ΔMarkup Git API Ϗϧυπʔϧ
23. ͋Β͔͡Ίੜ੒͢ΔMarkup Git API Ϗϧυπʔϧ <body> <noscript>You need to enable … <div id="root"></div> </body>
24. ͋Β͔͡Ίੜ੒͢ΔMarkup Git API Ϗϧυπʔϧ <body> <noscript>You need to enable … <div id="root"></div> </body> શ෦JavaScript͸ μϝ
25. ϒϥ΢βʔͷJavaScriptͷΈ ࠶ར༻ՄೳͳAPI ͋Β͔͡Ίੜ੒͢ΔMarkup
26. σʔλΛຒΊࠐΜͩHTMLΛ ͋Β͔͡Ίੜ੒͓ͯ͘͠
27. JAMstackʹؔ࿈͢Δ αʔϏεɾ༻ޠ
29. • ੩తϗεςΟϯάαʔϏε • GitHubͱ࿈ܞͰϏϧυɺެ։ •ϒϥϯν͝ͱʹϓϨϏϡʔ
32. Matt Biilmann
 CEO and Co-founder of Netlify
33. headlessCMS
34. • ίϯςϯπͷ؅ཧʹಛԽ •ެ։͢ΔϏϡʔػೳ͸࣋ͨͳ͍ • ίϯςϯπΛఏڙ͢ΔAPIΛ੔උ
36. JAMstack_conf_sf 2019
39. ⒊
41. •!೔ຊݶఆͩͱͯ͠΋
 ৗʹϋΠΤϯυͳ؀ڥʁ • ௨৴؀ڥ • σόΠεͷੑೳ
53. • αʔόʔαΠυͷॲཧͰ10ඵ • ΫϥΠΞϯτͷඳըͰ10ඵ • ☺ࣄલϏϧυͰ10ඵ ˞ɹۃ୺ͳྫ͑Ͱ͢
59. IUUQTKBXJLJQFEJBPSHXJLJΠϯλʔωοτɾΩΦεΫ ,JPTL୺຤ͷΠϝʔδ w ͓ళʹஔ͔Ε͍ͯΔ
    w λονεΫϦʔϯ
    w ஫จՄೳ
67. ࣄલϏϧυ࣌ʹ؀ڥม਺Ͱ
    ෼ذ
69. https://ja.wikipedia.org/wiki/ϫούʔ
71. 4DIFNBͷఆٛʹΑͬͯ
    ࣗಈతʹೖྗ6*͕ੜ੒͞ΕΔ
72. ΧελϜ3FBDUίϯϙʔωϯτʹ
    ೖΕସ͍͑ͯΔ΋ͷ΋͋Δ
73. σʔλೖྗ ։ൃ ެ։ اը
74. σʔλೖྗ ։ൃ ެ։ اը
75. w௚ྻత
    wґଘؔ܎
76. σʔλೖྗ ։ൃ Ϗϧυ ެ։ اը
77. wฒྻత
    wඇґଘؔ܎
78. JAMstack at scale https://jamstackconf.com/sf/schedule/
79. w ϩϯΰ͸Χφμ࠷େͷ
 ৯ྉ඼νΣʔϯͷͭ
    w डୗ։ൃͷࣄྫ w-PCMPXT͸Χφμ࠷େͷ
 ৯඼খചۀऀ
80. w /*,&ͷΩϟϯϖʔϯαΠτ
    w ୹͍։ൃظؒͰϦϦʔε
81. ·ͱΊ
82. JAMstack͸ࣄલʹϏϧυͨ͠ ੩తHTMLΛCDNͰ഑৴͢Δ͜ͱͰ ߴ଎ͳWebαΠτɾΞϓϦΛ࣮ݱ͢Δ
83. JAMstackʹΑΔ ඇΤϯδχΞ΋ؚΉ ૊৫ߏ੒΍ۀ຿ϑϩʔͷվળ
84. JAMstackʹ ͠ͳ͍ͱ͍͚ͳ͍ͷʁ
85. ͢΂ͯΛJAMstackʹ͢Δඞཁ͸ͳ͍ SPA͕࠷దɺCMS͕࠷ద ͔΋͠Εͳ͍
86. JAMstack͸ ৽ͨͳબ୒ࢶ
87. Thank you www.codegrid.net +".TUBDL͸$PEF(SJEͰ΋঺հ͍ͯ͠·͢