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
910
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
140
フロントエンドエンジニアのキャリアパス
shibe97
9
3.7k
Containerどこに置く?
shibe97
1
1.9k
Other Decks in Technology
See All in Technology
開発組織を進化させる!AWSで実践するチームトポロジー
iwamot
2
370
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
150
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
19k
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
210
Perlの生きのこり - エンジニアがこの先生きのこるためのカンファレンス2025
kfly8
2
270
AIエージェント時代のエンジニアになろう #jawsug #jawsdays2025 / 20250301 Agentic AI Engineering
yoshidashingo
8
3.7k
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
360
いまからでも遅くない!コンテナでWebアプリを動かしてみよう!コンテナハンズオン編
nomu
0
150
AWS Well-Architected Frameworkで学ぶAmazon ECSのセキュリティ対策
umekou
2
140
Exadata Database Service on Cloud@Customer セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
2
1.5k
クラウド食堂とは?
hiyanger
0
110
サイト信頼性エンジニアリングとAmazon Web Services / SRE and AWS
ymotongpoo
7
1.6k
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Building Adaptive Systems
keathley
40
2.4k
Fireside Chat
paigeccino
34
3.2k
The Invisible Side of Design
smashingmag
299
50k
We Have a Design System, Now What?
morganepeng
51
7.4k
Speed Design
sergeychernyshev
27
810
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Navigating Team Friction
lara
183
15k
Optimizing for Happiness
mojombo
376
70k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
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