Netlify +Vueで画像ジェネレーターを作った話 / Developed Image-Generator with Netlify

フロントエンド夏祭りLT
イベントURL : https://rakus.connpass.com/event/183881/

Transcript

1. /FUMJGZ
   
   
   
   
   
   7VFͰ ը૾δΣωϨʔλʔΛ࡞ͬͨ࿩
2. ෬໺఩ฏ ;͠ͷͯͬ΃͍ ೥ גࣜձࣾ1-"/#ʹ৽ଔೖࣾ ະܦݧͰΤϯδχΞʹ 4BB4ͳͲͷ ࣾ಺ϓϩμΫτ։ൃͰ όοΫΤϯυΛ୲౰ ࠷ۙϑϩϯτΤϯυษڧத ࣗݾ঺հ
3. ϓϩμΫτ
4. /FUMJGZ
   
   7VFͰ എܠը૾δΣωϨʔλʔ Λ࡞ͬͯΈͨ എܠը૾δΣωϨʔλʔ
5. /FUMJGZͱ͸ ੩తαΠτͷϗεςΟϯάαʔϏε ࠓճ͸7VFΛ࢖͍·͕ͨ͠ɺ (BUTCZ 3FBDU
   
   /VYUͳͲଞͷϑϨʔϜϫʔΫͰ΋࢖༻Ͱ͖·͢
6. 8FCΞϓϦΛ࡞ͬͯެ։͢Δ·Ͱ ຊ൪ެ։ Ϗϧυ ςετ σϓϩΠ ϓϧϦΫ NBTUFS΁ Ϛʔδ
7. 8FCΞϓϦΛ࡞ͬͯެ։͢Δ·Ͱ push単位でサイトのプレビューもできる いわゆるＣＩ いわゆるＣＤ ϓϨϏϡʔ ެ։ Ϗϧυ ςετ σϓϩΠ ຊ൪ެ։ Ϗϧυ ςετ σϓϩΠ ϓϧϦΫ NBTUFS΁ Ϛʔδ ख࡞ۀͷ෦෼Λ/FUMJGZ͕ࣗಈͰ΍ͬͯ͘Ε·͢
8. ίʔυͷमਖ਼ʹूதͰ͖ͯɺվળ͕ര଎ʹ Ϣʔβʔʹ৮ͬͯ΋Β͏ ෼ վળϙΠϯτΛܾΊΔ ෼ ίʔυΛमਖ਼ͯ͠QVTI
   ෼ ແବͳσϓϩΠ࣌ؒΛͳ͘͠ վળαΠΫϧΛप΋ճͤͨ ෼ºਓ
9. Ҏલͷόʔδϣϯ΋ݟΕָ͍ͯ͠ ϓϩτλΠϓ िؒޙ Ϣʔβʔςετલ ϦϦʔε
10. $*$%ͬͯศརͦ͏͚ͩͲɺ ઃఆͱ͔΍ͬͨ͜ͱͳ͍ /FUMJGZͷ࢖͍ํ
11. ઃఆΉ͔ͣͦ͠͏ ख͔͔ؒΓͦ͏ /FUMJGZͷ࢖͍ํ
12. /FUMJGZͷ࢖͍ํ ΞΧ΢ϯτ࡞੒ (JUͷΞΧ΢ϯτ࢖͑·͢
13. /FUMJGZͷ࢖͍ํ ʮ/FX
    4JUF
    GSPN
    (JUʯ͔Β ࿈ܞ͢Δ(JUϦϙδτϦΛબ୒
14. σϓϩΠϒϥϯνΛબ୒ ϏϧυίϚϯυΛೖྗ ެ։͢ΔσΟϨΫτϦΛܾΊΔ %FQMPZ
    4JUF /FUMJGZͷ࢖͍ํ
15. (JUΛ༻ҙ͢Δ͚ͩɻ௒؆୯ /FUMJGZͷ࢖͍ํ
16. • /FUMJGZ͕ΊͪΌศར • (JUͱ࿈ܞ͢Δ͚ͩͰ$*$%͕ઃఆ͞ΕΔ • ϓογϡ୯ҐͰࣗಈͰαΠτΛϓϨϏϡʔͰ͖Δ • ॳ৺ऀͰ΋෼ͰϗεςΟϯάͰ͖Δखܰ͞ • ݸਓͰ༡Ϳ෼ʹ͸ແྉ࿮Ͱे෼ • ݄ؒసૹྔ(#·Ͱ • ΧελϜυϝΠϯ΋͚ͭΒΕΔ ·ͱΊ
17. ॳ৺ऀͷ๻Ͱ΋Ͱ͖ͨͷͰɺαΠτΛखܰʹެ։͍ͨ͠ํ͸ੋඇ͓ࢼ͠Λ ෼ͰͰ͖ΔͷͰϩάΠϯը໘ஔ͍ͱ͖·͢Ͷ̇