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
2k
microCMSを使ってほぼノーコストでフォーム作成機能を追加する
d-suke
February 22, 2022
Tweet
Share
More Decks by d-suke
See All by d-suke
microCMSで 固定ページを作る
dc7290
0
1.8k
Featured
See All Featured
Practical Orchestrator
shlominoach
186
10k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
How to Ace a Technical Interview
jacobian
276
23k
For a Future-Friendly Web
brad_frost
176
9.6k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Raft: Consensus for Rubyists
vanstee
137
6.8k
The Invisible Side of Design
smashingmag
299
50k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
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ϑΝΠϧ͚ͩྲྀ༻͢ΔͷΞϦͩΑ
͓ΘΓ