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
d-suke
February 22, 2022
1
1.7k
microCMSを使ってほぼノーコストでフォーム作成機能を追加する
d-suke
February 22, 2022
Tweet
Share
More Decks by d-suke
See All by d-suke
microCMSで 固定ページを作る
dc7290
0
1.5k
Featured
See All Featured
Become a Pro
speakerdeck
PRO
10
4.5k
Designing for Performance
lara
601
67k
Building Flexible Design Systems
yeseniaperezcruz
318
37k
The Brand Is Dead. Long Live the Brand.
mthomps
48
28k
Git: the NoSQL Database
bkeepers
PRO
422
63k
Being A Developer After 40
akosma
56
580k
Ruby is Unlike a Banana
tanoku
96
10k
Optimizing for Happiness
mojombo
370
69k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
GitHub's CSS Performance
jonrohan
1024
450k
For a Future-Friendly Web
brad_frost
171
8.9k
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ϑΝΠϧ͚ͩྲྀ༻͢ΔͷΞϦͩΑ
͓ΘΓ