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
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Practical Orchestrator
shlominoach
186
10k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Automating Front-end Workflow
addyosmani
1368
200k
It's Worth the Effort
3n
184
28k
The Language of Interfaces
destraynor
156
24k
Designing for humans not robots
tammielis
250
25k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
380
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
4 Signs Your Business is Dying
shpigford
182
22k
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ϑΝΠϧ͚ͩྲྀ༻͢ΔͷΞϦͩΑ
͓ΘΓ