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
2.1k
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
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Rails Girls Zürich Keynote
gr2m
94
14k
Visualization
eitanlees
146
16k
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
Bash Introduction
62gerente
614
210k
Building an army of robots
kneath
306
45k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Gamification - CAS2011
davidbonilla
81
5.3k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
GraphQLとの向き合い方2022年版
quramy
48
14k
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ϑΝΠϧ͚ͩྲྀ༻͢ΔͷΞϦͩΑ
͓ΘΓ