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
microCMSを使ってほぼノーコストでフォーム作成機能を追加する
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
d-suke
February 22, 2022
1
2.2k
microCMSを使ってほぼノーコストでフォーム作成機能を追加する
d-suke
February 22, 2022
Tweet
Share
More Decks by d-suke
See All by d-suke
microCMSで 固定ページを作る
dc7290
0
1.9k
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
340
58k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
240
エンジニアに許された特別な時間の終わり
watany
106
230k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
400
Darren the Foodie - Storyboard
khoart
PRO
2
2.4k
The SEO identity crisis: Don't let AI make you average
varn
0
330
Building an army of robots
kneath
306
46k
Skip the Path - Find Your Career Trail
mkilby
0
60
Testing 201, or: Great Expectations
jmmastey
46
8.1k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Transcript
microCMSΛͬͯ ΄΅ϊʔίετͰ ϑΥʔϜ࡞ػೳΛ Ճ͢Δ
ɾͰ͌ʔ͚͢ʢ@d_suke_09ʣ ɾ৽ଔˠΩϡʔίʔϙϨʔγϣϯגࣜձࣾ ɾϚελʔσϡΤϧ ʹϋϚͬͯ·͢ ࣗݾհ
microCMSͷ׆༻ΞΠσΟΞ ͷ1ͭΛ͝հ͠·͢
microCMS্Ͱ ϑΥʔϜΛ࡞͢ΔػೳͰ͢
ར • ࣄલʹੜͰ͖Δ • ͢ͰʹmicroCMSΛར༻͍ͯ͠Δ߹Ճ͕༰қ
ྲྀΕ 1. ϑΥʔϜͷཧը໘Λ֬ೝ 2. σϞαΠτͰͷදࣔΛ֬ೝ 3. ଞϓϩδΣΫτʹՃ͢Δํ๏ 4. ࠓճ࣮ͨ͠ํ๏
ϑΥʔϜͷཧը໘Λ֬ೝ
σϞαΠτͰͷදࣔΛ֬ೝ
σϞαΠτͰͷදࣔΛ֬ೝ σϞαΠτ https://custom-forms-with-micro-cms.vercel.app/
ଞϓϩδΣΫτʹՃ͢Δํ๏
ଞϓϩδΣΫτʹՃ͢Δํ๏ APIεΩʔϚͷΤΫεϙʔτػೳͰऔಘͨ͠JSONϑΝΠϧͰ APIΛ࡞͢Δɻ https://github.com/dc7290/custom-forms-with-microCMS/blob/main/api.json
ݩͷιʔείʔυ͔ΒϑΥʔϜʹඞཁͳϑΝΠϧΛίϐʔɺ ͘͠git clone͢Δ ଞϓϩδΣΫτʹՃ͢Δํ๏ https://github.com/dc7290/custom-forms-with-microCMS
ଞϓϩδΣΫτʹՃ͢Δํ๏ microCMSͷserviceDomainAPI-KEYΛมߋɺ ඞཁʹԠͯ͡ελΠϧΛௐ͢Δɻ
ࠓճ࣮ͨ͠ํ๏
ࠓճ࣮ͨ͠ํ๏ 1. ΧελϜϑΟʔϧυΛෳ࡞͠ɺࣗ༝ʹϑΥʔϜΛ࡞ Ͱ͖ΔAPIΛ༻ҙ͢Δ 2. ͦͷAPI͔Βऔಘͨ͠ใΛͱʹɺϑϩϯτΤϯυଆͰ ϑΥʔϜΛੜ͢Δ
ࠓճ࣮ͨ͠ํ๏ ӈͷΑ͏ͳΧελϜϑΟʔϧυΛ࡞ɻ autocompleteଐੑͷࢦఆ͕Ͱ͖ΔϑΟʔϧυ ݸผʹɺ ͦΕҎ֎ΧελϜͱͯ͠ՃͰ͖Δઃܭɻ
ࠓճ࣮ͨ͠ํ๏ ϑΥʔϜͷੜίʔυΛ̍෦ൈਮɻ
None
ࠓճ࣮ͨ͠ํ๏ େมͩͬͨͱ͜Ζ 1. ͦΕͧΕͷϑΟʔϧυʹҰҙͳIDΛ༩͢Δඞཁ͕͋Δɻ 2. autocompleteଐੑͷ߹্ɺϑΟʔϧυͷඃΓʹ͍ͭͯΤϥʔΛग़͢ඞཁ ͕͋Δɻ 3. ελΠϧϓϩδΣΫτ͝ͱʹมߋ͍͢͠Α͏ʹ͓͖͍͕ͯͨ͠ɺa11y Λ͓͟ͳΓʹͨ͘͠ͳ͍ɻ
࠷ޙʹ • microCMSͷAPIεΩʔϚΤΫεϙʔτ΄ΜͱʹศརͩΑ • APIεΩʔϚͷJSONϑΝΠϧ͚ͩྲྀ༻͢ΔͷΞϦͩΑ
͓ΘΓ