Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Jamstack×microCMS 実装編
Search
Kazuki Shibata
January 30, 2020
Technology
4
960
Jamstack×microCMS 実装編
JAMSTACK Meetup #1 の発表スライドです。
Kazuki Shibata
January 30, 2020
Tweet
Share
More Decks by Kazuki Shibata
See All by Kazuki Shibata
microCMSでif文を作る
shibe97
1
1.1k
SvelteKitでJamstackを試す
shibe97
1
1.2k
フロントエンドのトレンド〜サーバーレスSPA、Jamstack〜
shibe97
16
4.9k
Jamstack × PWA におけるキャッシュ戦略
shibe97
3
1.2k
CSR / SSR / SSGの動向2020
shibe97
2
1.6k
SentryでSPAのエラーログを収集する
shibe97
1
1.7k
useRefについて調べてみた
shibe97
1
160
フロントエンドエンジニアのキャリアパス
shibe97
9
3.8k
Containerどこに置く?
shibe97
1
1.9k
Other Decks in Technology
See All in Technology
Claude CodeでKiroの仕様駆動開発を実現させるには...
gotalab555
3
1k
ZOZOTOWNの大規模マーケティングメール配信を支えるアーキテクチャ
zozotech
PRO
0
160
リリース2ヶ月で収益化した話
kent_code3
1
240
Vision Language Modelと自動運転AIの最前線_20250730
yuyamaguchi
4
1.3k
dipにおけるSRE変革の軌跡
dip_tech
PRO
1
260
Lambda management with ecspresso and Terraform
ijin
2
160
20250807_Kiroと私の反省会
riz3f7
0
200
AIのグローバルトレンド 2025 / ai global trend 2025
kyonmm
PRO
1
140
LTに影響を受けてテンプレリポジトリを作った話
hol1kgmg
0
350
20250807 Applied Engineer Open House
sakana_ai
PRO
0
210
마라톤 끝의 단거리 스퍼트: 2025년의 AI
inureyes
PRO
1
730
Serverless Meetup #21
yoshidashingo
1
120
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
How GitHub (no longer) Works
holman
314
140k
Balancing Empowerment & Direction
lara
1
540
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Code Review Best Practice
trishagee
69
19k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
What's in a price? How to price your products and services
michaelherold
246
12k
Gamification - CAS2011
davidbonilla
81
5.4k
Documentation Writing (for coders)
carmenintech
73
5k
Transcript
+BNTUBDLºNJDSP$.4 ࣮ฤ !TIJCF +".45"$,.FFUVQ
ࣲాف,B[VLJ4IJCBUB !TIJCF Υϯλגࣜձࣾͷڞಉۀऀ$00ɻ σβΠϯɺϑϩϯτΤϯυ࣮ʢओʹ41"ʣ͕͖ɻ 3FBDUϝΠϯ͚ͩͲɺ࠷ۙ7VF/VYU͋ͨΓ৮Δɻ
+BNTUBDLͱ
+BNTUBDLͱ ๏ 8FCαʔόʔʹґଘ͠ͳ͍αʔόʔϨεͳߏͰ͋Δ ๏ ࣄલʹϏϧυ͞Εͨ੩తͳϑΝΠϧΛ$%/͔Β৴͍ͯ͠Δ ๏ "1*Λݺͼग़͢߹+BWB4DSJQUܦ༝ͰߦΘΕ͍ͯΔ
Ұൠతͳ+BNTUBDLߏ
+BNTUBDLͷར ๏ ඞཁͳͷ੩తϑΝΠϧͷϗεςΟϯάͷΈ /FUMJGZɺ(JU)VC1BHFTɺ4ɺ/PXͳͲʢݸਓར༻ϨϕϧͳΒແྉʣ ๏ "1*ίʔϧϏϧυ࣌ͷΈ "1*ϦΫΤετͷ੍ݶ͕͋ͬͯ҆৺ ๏
ߴηΩϡϦςΟˍύϑΥʔϚϯε͕ྑ͍ ੩తϑΝΠϧΛͨͩ$%/͔Β৴͍ͯ͠Δ͚ͩ
(PPHMFτϨϯυʢੈքʣ
NJDSP$.4ͱ
αʔϏε֓ཁ ๏ ຊͷΫϥυܕϔουϨε$.4 ๏ ඇΤϯδχΞͰ͍͍͢ཧը໘ ๏ ίϯςϯπ"1*ܦ༝Ͱऔಘ ๏ Ϗϡʔଆࣗ༝ʹௐʢΞϓϦɾ*P5ͳͲʹʣ
NJDSP$.4ͷٕज़ߏ ๏ "84"NQMJGZ "QQ4ZOD-BNCEB%ZOBNP%#4$PHOJUP ๏ αʔόʔϨε41"ߏ ๏ ϑϩϯτ3FBDU ๏
4FOUSZͰ41"ͷόάऩू
NJDSP$.4ͷਪ͠ϙΠϯτ ʘதͷਓ͕ڭ͑ͪΌ͏ʗ
͔Γ͍͢6*69 ๏ ϔουϨε$.4։ൃऀͱඇ։ൃऀͷ྆ํ͕͏ ๏ ྆ऀʹͱ͔ͬͯΓ͍͢6*͕ඞཁ
։ൃऀࢹ ˠͱʹ͔͘"1*Λݺͼग़͢·ͰΛૉૣ͘ɺ؆୯ʹ
"1*ϨεϙϯεΛ(6*͔Βઃܭ͢Δ͚ͩ
ཧը໘͔Β"1*ϨεϙϯεΛ֬ೝͰ͖Δ
ฤूऀࢹ ˠͱʹ͔͘"1*ͱ͍͏୯ޠΛݟͤͳ͍
"1*ܥͷϝχϡʔΛશͯඇදࣔ
๏ ॊೈͳεΩʔϚઃఆ͕Մೳ ๏ εΩʔϚ͍ͭͰมߋՄೳ ๏ ϑΟʔϧυଓʑՃத ࣗ༝ͳεΩʔϚ
ڧྗͳը૾ฤू"1* NJDSP$.4Ͱը૾ྨ$%/͔Β৴͞Ε·͢ɻ ը૾63-ͷޙΖʹύϥϝʔλΛ༩͢Δ͜ͱͰɺϦαΠζΓൈ͖Λ؆୯ʹߦ͏͜ͱ͕Ͱ͖·͢ɻ 8FC1มͳΜ͔Ͱ͖·͢ɻ NPVOUBJOKQH I NPVOUBJOKQH X NPVOUBJOKQH pUDSPQXI
ฤूཤྺػೳ ๏ ίϯςϯπૢ࡞ͷཤྺ͕ݟΒΕΔ ๏ ͍ͭͰͲͷόʔδϣϯʹͤΔ
ڧྗͳ"1*ύϥϝʔλ ๏ ϑΟϧλʔػೳ FRVBMT OPU@FRVBMT MFTT@UIBO HSFBUFS@UIBO DPOUBJOT FYJTUT CFHJOT@XJUI
ࢦఆͨ͠ͱશҰக ࢦఆͨ͠ͱ෦Ұக ࢦఆͨ͠ͱҰக͠ͳ͍ ࢦఆͨ͠ΑΓখ͍͞ ࢦఆͨ͠ΑΓେ͖͍ ଘࡏ͢Δ OPU@FYJTUT ଘࡏ͠ͳ͍ ࢦఆ͔ͨ͠Β࢝·Δ pMUFST DBUFHPSZ<FRVBMT>VQEBUF <BOE> UJUMF<DPOUBJOT>ߋ৽<PS>UJUMF<DPOUBJOT>"1* ྫɿ
+BNTUBDLͷ࣮ʢ/VYUฤʣ
ࡐNJDSP$.4ϒϩά IUUQTNJDSPDNTJPCMPH
ओͳ੩తαΠτδΣωϨʔλ 3FTU"1*ϕʔε (SBQI2-ϕʔε 3FBDU BUTCZ 7VF (BUTCZ (SJETPNF /VYU
/VYUͩͱॏཁͳͷ͜ͷͭ ๏ BTZOD%BUB ๏ OVYUDPOpHKT
/VYUͷBTZOD%BUB ๏ αʔόʔαΠυͰॳճ͚ͩݺͼग़͞ΕɺΫϥΠΞϯταΠυͰϖʔδ ભҠΛ͢Δͨͼʹݺͼग़͞ΕΔ ͜͜ʹඇಉ࣌ॲཧΛॻ͘͜ͱͰɺOVYUHFOFSBUF࣌"1*Ϩεϙϯε)5.-ʹؚ ΊͨܗͰੜ͞ΕΔ
هࣄը໘ͷߏ هࣄຊจ ΧςΰϦʔ هࣄҰཡ
<هࣄৄࡉϖʔδͷྫ>
<هࣄৄࡉϖʔδͷྫ>
OVYUDPOpHKT ๏ OVYUHFOFSBUF࣌ʹσϑΥϧτͰಈతͳϧʔςΟϯάύε੩తϖʔδ ੜ͞Εͳ͍ ྫɿQBHFTJOEFYWVFੜ͞ΕΔ͕ɺQBHFT@TMVHJOEFYWVF ੜ͞Εͳ͍ ๏ OVYUDPOpHKTͷHFOFSBUFઃఆͰ"1*Λݺͼग़͠ɺ੩తੜ͢ΔͨΊͷ ϧʔςΟϯάύεΛࢦఆͯ͋͛͠Δඞཁ͕͋Δ
๏ ଞʹOVYUDPOpHKT͔Βͷ"1*ܦ༝ͰαΠτϚοϓ࡞344ϑΟʔυ ͷ࡞Ͱ͖Δ
None
͏·͍͘͘ͱ͜Μͳײ͡ͰੜͰ͖Δ
·ͱΊ ๏ +BNTUBDLͯ͘ηΩϡΞͰ͍҆ ๏ NJDSP$.4εΰΠ ๏ +BNTUBDLͷ࣮νϣοτΉ͍ͣ ʢಛʹ1SPNJTFɺ"TZOD"XBJUͷࣝͪΌΜͱ࣋ͬͯΔඞཁ͋Γʣ
5IBOLT !TIJCF