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
930
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.1k
フロントエンドのトレンド〜サーバーレスSPA、Jamstack〜
shibe97
16
4.8k
Jamstack × PWA におけるキャッシュ戦略
shibe97
3
1.2k
CSR / SSR / SSGの動向2020
shibe97
2
1.6k
SentryでSPAのエラーログを収集する
shibe97
1
1.7k
useRefについて調べてみた
shibe97
1
150
フロントエンドエンジニアのキャリアパス
shibe97
9
3.8k
Containerどこに置く?
shibe97
1
1.9k
Other Decks in Technology
See All in Technology
Lightdashの利活用状況 ー導入から2年経った現在地_20250409
hirokiigeta
2
260
Restarting_SRE_Road_to_SRENext_.pdf
_awache
1
230
【2025年度新卒技術研修】100分で学ぶ サイバーエージェントのデータベース 活用事例とMySQLパフォーマンス調査
cyberagentdevelopers
PRO
2
5.4k
入社後SREチームのミッションや課題の整理をした話
morix1500
1
240
Automatically generating types by running tests
sinsoku
1
120
食べログが挑む!飲食店ネット予約システムで自動テスト無双して手動テストゼロを実現する戦略
hagevvashi
1
130
ペアーズにおけるData Catalog導入の取り組み
hisamouna
0
270
Zabbixチョットデキルとは!?
kujiraitakahiro
0
150
OPENLOGI Company Profile for engineer
hr01
1
23k
改めて学ぶ Trait の使い方 / phpcon odawara 2025
meihei3
1
390
はてなの開発20年史と DevOpsの歩み / DevOpsDays Tokyo 2025 Keynote
daiksy
4
1.1k
”知のインストール”戦略:テキスト資産をAIの文脈理解に活かす
kworkdev
PRO
9
3.9k
Featured
See All Featured
Six Lessons from altMBA
skipperchong
27
3.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Making Projects Easy
brettharned
116
6.1k
Speed Design
sergeychernyshev
28
880
The Pragmatic Product Professional
lauravandoore
33
6.5k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
The Cult of Friendly URLs
andyhume
78
6.3k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
12
650
KATA
mclloyd
29
14k
Navigating Team Friction
lara
184
15k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
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