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

JAMstack_conf_2019 JAMstack at scale Report

tomof
November 16, 2019
Programming
0
94

JAMstack_conf_2019 JAMstack at scale Report

tomof

November 16, 2019
Tweet

More Decks by tomof

See All by tomof
RedwoodJSを試してみた
tomof
0
110
webpackが何故必要で、 何故分かりづらいのか
tomof
6
4.7k

Other Decks in Programming

See All in Programming
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
130
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
940
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
5
890
Ruby GitHub Packages
bkuhlmann
0
630
デフォルトにして至高、RubyMineの大好きな所
ruzia
0
260
Hanami and htmx
bkuhlmann
0
200
VS Code をプロダクトにどう取り込むか
onomax
1
350
Tailwind CSSを本気でカスタマイズする方法
fsubal
13
5.1k
PHP8.3の機能を振り返る / Review of PHP 8.3 features
seike460
PRO
1
110
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
240
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
170
Anthropic Cookbook のおすすめレシピ
schroneko
7
860

Featured

See All Featured
The Pragmatic Product Professional
lauravandoore
25
5.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
Practical Orchestrator
shlominoach
182
9.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
25
2.3k
Visualization
eitanlees
136
14k
Designing with Data
zakiwarfel
96
4.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
6
1.5k
Rails Girls Zürich Keynote
gr2m
91
13k
Building Your Own Lightsaber
phodgson
99
5.7k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
Bash Introduction
62gerente
604
210k

Transcript

  1. Shizuoka.js #5  ϋογϡλάTIJ[VPLB@KT

  2. JAMstack_conf_sf 2019 גࣜձࣾϐΫηϧάϦου tomof JAMstack at scale

  3. tomof

  4. None
  5. None
  6. None

  7. JAMstackͷ ձࣾ΁

  8. ࠓ೔࿩͢͜ͱ

  9. • JAMstackͱ͸ʁ • JAMstack_conf_sf 2019 • JAMstack at Scaleɹ •

    ·ͱΊ

  10. JAMstackͱ͸ʁ

  11. None

  12. https://jamstack.org

  13. None

  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ʹؔ࿈͢Δ αʔϏεɾ༻ޠ

  28. None

  29. • ੩తϗεςΟϯάαʔϏε • GitHubͱ࿈ܞͰϏϧυɺެ։ •ϒϥϯν͝ͱʹϓϨϏϡʔ

  30. None
  31. None

  32. Matt Biilmann
 CEO and Co-founder of Netlify

  33. headlessCMS

  34. • ίϯςϯπͷ؅ཧʹಛԽ •ެ։͢ΔϏϡʔػೳ͸࣋ͨͳ͍ • ίϯςϯπΛఏڙ͢ΔAPIΛ੔උ

  35. None

  36. JAMstack_conf_sf 2019

  37. None
  38. None

  39. ⒊

  40. None

  41. •!೔ຊݶఆͩͱͯ͠΋
 ৗʹϋΠΤϯυͳ؀ڥʁ • ௨৴؀ڥ • σόΠεͷੑೳ

  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None

  53. • αʔόʔαΠυͷॲཧͰ10ඵ • ΫϥΠΞϯτͷඳըͰ10ඵ • ☺ࣄલϏϧυͰ10ඵ ˞ɹۃ୺ͳྫ͑Ͱ͢

  54. None
  55. None
  56. None
  57. None
  58. None

  59. IUUQTKBXJLJQFEJBPSHXJLJΠϯλʔωοτɾΩΦεΫ ,JPTL୺຤ͷΠϝʔδ w ͓ళʹஔ͔Ε͍ͯΔ w λονεΫϦʔϯ w ஫จՄೳ

  60. None
  61. None
  62. None
  63. None
  64. None
  65. None
  66. None

  67. ࣄલϏϧυ࣌ʹ؀ڥม਺Ͱ ෼ذ

  68. None

  69. https://ja.wikipedia.org/wiki/ϫούʔ

  70. None

  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Ͱ΋঺հ͍ͯ͠·͢

  88. None