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

JAMstack_conf_2019 JAMstack at scale Report

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for tomof tomof
November 16, 2019
Programming
0
140

JAMstack_conf_2019 JAMstack at scale Report

Avatar for tomof

tomof

November 16, 2019
Tweet

More Decks by tomof

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

Other Decks in Programming

See All in Programming
ThorVG Viewer In VS Code
Avatar for Nor-s nors
0
760
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.5k
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
150
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
970
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
970
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
680
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
190
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
680
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
130
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
220
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
490
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
53
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
49
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.1k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
46
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
430
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
72
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k

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