Upgrade to Pro — share decks privately, control downloads, hide ads and more …

20201202_Shifter_オンラインミートアップ - LT

C4468f4bf6d84f4b10b4fb2a5ad9fa12?s=47 KUSOKAMAYAROU
November 27, 2020

20201202_Shifter_オンラインミートアップ - LT

[12/2 Zoom開催] Shifter オンラインミートアップ 「Shifter 大忘年会 2020」|EventRegist(イベントレジスト)
https://eventregist.com/e/hmIbFvGC9Oic

C4468f4bf6d84f4b10b4fb2a5ad9fa12?s=128

KUSOKAMAYAROU

November 27, 2020
Tweet

Transcript

  1. Shifter ΛऔΓר͘ ޾ͤʁͳ໘ʑ [12/2 Zoom։࠵] Shifter ΦϯϥΠϯϛʔτΞοϓ ʮShifter େ๨೥ձ 2020ʯ

    גࣜձࣾ ݱ৔αϙʔτ ্佂 ޾େ 2020.12.02  օ͞Μɺ ౤ߘΛ͓ئ͍͠·̇͢ +1@(FU4IJGUFS
  2. ࣗݾ঺հ • ্佂 ޾େ (řŚŜŵ ŻŝűƁ) ※ handle : kusokamayarou

    • 42ࡀ (1978.01.14 ੜ) • ग़਎ / ॴࡏɿࣛࣇౡݝປ࡚ࢢ • 2012೥ʹ౦ژ͔Β̪λʔϯͰݱ৬ɻ • ΠϯϑϥΤϯδχΞ (AWS)ɺϞόΠϧΤϯδχΞ (iOS)ɹ˞ϑϧελοΫʁ • JAWS-UG ࣛࣇౡ ίΞϝϯόʔɺςϨϫʔΫɺෳۀɻ • ޷͖ͳ͜ͱɿՈ଒ɾԹઘɾອըΛಡΉ͜ͱɾྉཧͳͲɹ˞࠷ۙɺDQλΫτ 
  3. 9/9 ʹ΋ LT ͤͯ͞௖͖·ͨ͠ʙ ͦͷ WordPress ͪΐͬͱ Shifter ʹҠߦͯ͠Έ·ͤΜ͔ ʁ

    
  4. Ͳ͏΋͋Γ͕ͱ͏ ͍͟͝·ͨ͠ɻ 

  5. ˒ Shifter ͱ ֤छαʔϏε ͱͷߏ੒ ˒  ݕࡧϖʔδ ༧໿ϑΥʔϜ ໰͍߹ΘͤϑΥʔϜ

    ίʔυ؅ཧ
  6. ͓ӂ༷ͰશͯͷαΠτΛ ແࣄʹ Shifter ΁ Ҡߦ͠·ͨ͠ʂ 

  7. Shifter ΁Ҡߦͯ͠Έͯ ʁʁʁ

  8. ʼWebαΠτͷ໨త΍໾ׂ ※ࢲ͕ࢥ͏  • Web αΠτͷத৺ʹ͋Δ΋ͷͱͯ͠͸ɺاۀɾ૊৫ɾݸਓɾαʔϏεɾϓϩμΫτɾΠϕϯ τɾΩϟϯϖʔϯͳͲ༷ʑͳ༁ͳΜͰ͕͢… • ͨͩɺWeb αΠτͷ໾ׂͬͯͳΔͱɺλʔήοτͱͳΔϢʔβʔͦΕͧΕʹରͯ͠ɺద੾ͳί

    ϯςϯπఏڙΛߦ͏͜ͱʹΑͬͯɺϢʔβʔΤΫεϖϦΤϯεΛҾ͖ى͜͠ɺϢʔβʔΛ࣍ͳΔ ΞΫγϣϯ΁༠͏͜ͱʹ͋Δͷ͔ͳɺͱࢥ͏ΜͰ͢… • ͳͷͰɺWeb αΠτͷ෢ث͸ίϯςϯπͰ͋ΓɺͦͷίϯςϯπΛߟ͑ɺੜΈग़͠ɺѻ͏ Web σΟϨΫλʔ ΍ Web σβΠφʔɺϥΠλʔɺϚʔέςΟϯά෦໳ͱ͔͕ɺWeb αΠτͷ ओ໾ͩͱɺࢲ͸ߟ͍͑ͯͨΓ͢Δ༁Ͱ͢… • ͿͬͪΌ͚ɺϑΝογϣϯࡶࢽΛݟͯɺʮ͜ͷࢴ࣭͘͢͝ྑ͍Ͷʯͱ͔ɺʮ͜ͷ૷ஸੌ֨͘޷ ྑ͍Ͷʯͱ͔ɺݴΘΕͯ΋ɺʮ͍΍ɺͦ͏͍͏ͷྑ͍͔Β༸෰ݟͯɺങͬͯͶɻʯͬͯײ͡Ͱɺ Web ΤϯδχΞ ͬͯɺWeb αΠτʹ͓͍ͯ͸ɺ͋͘·Ͱཪํ΍౔୆Ͱ͔͠ͳ͍ͷ͔ͳɺͱ… • ΋ͪΖΜཪํ΍౔୆͕Ͳ͏ʹ͔ͳͬͯ͠·͏ͱɺͦΕʹ৐͔͍ͬͬͯΔ΋ͷ͕શ͕ͯͲ͏ʹ͔ ͳͬͯ͠·͏ͷͰ…ɺඇৗʹॏཁͰ͋Δ͜ͱ͸ɺ͍ٙΑ͏΋ͳ͍༁Ͱ͕͢… • ͨͩɺଟ͘ΛੜΈग़ͣ͞Ԇʑͱଓ͘࡞ۀʹɺඇৗʹ༗༻ͳΤϯδχΞϦιʔε͕࢖ΘΕͯ͠·͏ ͷ͸ɺܦӦ΍Ϛωδϝϯτతʹɺ·ͨͦ͜Ͱಇ͘ Web ΤϯδχΞࣗ਎ʹͱͬͯɺՌͨͯ͠ྑ͍ ͜ͱͳͷ͔ʁɹͱ͍͏͜ͱ΋͋Δ͔ͳɺͱ…
  9. [ਤղ] WebαΠτͷ໨త΍໾ׂᶃ ※ࢲ͕ࢥ͏  ίϯςϯπ 8FCαΠτ λʔήοτ Ϣʔβʔ

  10. [ਤղ] WebαΠτͷ໨త΍໾ׂᶄ ※ Shifter Ҡߦલ  ίϯςϯπ 8FCαΠτ λʔήοτ Ϣʔβʔ

    ΤϯδχΞ ˙Ÿƃũūƃţ ɾšŖŰƄŖ /8 '8 81 ŲƅŽŞƄŘƃ ˙ŤŝœžũŎ ɾ֎෦߈ܸ ŤŝœžũŎŰƅŕŧ ˞ŰƅŲőŖŵƃţ ŠţŪ ӡ༻؂ࢹFUD ॏ͍ʜ
  11. [ਤղ] WebαΠτͷ໨త΍໾ׂᶅ ※ Shifter Ҡߦޙ  ίϯςϯπ λʔήοτ Ϣʔβʔ ˙Ÿƃũūƃţ

    ɾšŖŰƄŖ /8 '8 81 ŲƅŽŞƄŘƃ ˙ŤŝœžũŎ ɾ֎෦߈ܸ ŤŝœžũŎŰƅŕŧ ˞ŰƅŲőŖŵƃţ ŠţŪ ӡ༻؂ࢹFUD ΤϯδχΞ 8FCαΠτ շదʜ
  12. Ͱ΋ɺ Web αΠτʹ ؔΘΔਓͬͯɺ ΤϯδχΞ͚ͩͳͷʁʁʁ 

  13. [ਤղ] WebαΠτͷ໨త΍໾ׂᶆ ※ Web αΠτΛऔΓר͘໘ʑ  ίϯςϯπ λʔήοτ Ϣʔβʔ 8FCαΠτ

    Ϗδωε Φʔφʔ αϙʔτσεΫ Ϛʔέοτ෦໳ σβΠφʔ σΟϨΫλʔ ϥΠλʔ ΤϯδχΞ շదʜ
  14. օͷ੠ʁʁʁ ※ एׯ૝૾

  15. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ ※ ΤϯδχΞ  ΤϯδχΞ • (ੌ͘خ͍͠!!!) • Shifter

    ΁ͷҠߦ͸ɺαΠτʹΑͬͯ͸݁ߏ ४උʹֻ͕͔࣌ؒͬͨΓɺଟগͷෆ۩߹(Ϧϯ Ϋ੾Ε΍ϨΠΞ΢τ่ΕͳͲ)͕ൃੜ͚ͨ͠ Ͳ…ɻ • Ҡߦޙ͸ɺ൥Θ͍͠ϝϯςφϯε࡞ۀ΍֎෦ ͔ΒͷΞλοΫ͕ແ͘ͳͬͯɺຊ౰ʹخ͠ ͍ʂʂʂ • ͨͩɺ੩తԽʹ൐͍ɺ֎෦αʔϏε (Algolia ͳͲ) Λར༻͢Δඞཁͷ͋Δϖʔδ͸ɺࠓޙ ΋ͪΐͬͱखֻ͕͔ؒΔ͔ͳ… • ࠓޙɺShifter Λத৺ͱͨ͠ߏ੒ͷ͜ͷ Web αΠτ͕ɺͣͬͱ҆ఆͯ͠ެ։͞Εଓ͚Δ ͱɺ͘͢͝ྑ͍ͳ͊ɻ
  16. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ ※ Ϛʔέοτ෦໳  Ϛʔέοτ෦໳ • (ී௨) • Web

    αΠτ͕҆ఆతʹӡ༻͞ΕΔͷͰ͋Ε ͹ɺಛʹߏ੒ʹͩ͜ΘΓ͸ͳ͍Αɻ • Ϛʔέ༻ͷػೳ΋͜Ε·Ͱ௨Γʹಈ͍͍ͯΔ Έ͍ͨͩ͠Ͷɻ • ࠓճͷҠߦʹ൐ͬͯಋೖͨ͠αʔϏεʹ͍ͭ ͯ΋ɺ৭ʑͱศརͳػೳ͕͋ΔͷͰɺͦΕ΋ ׆༻ͯ͠ɺϚʔέςΟϯάͷ׆ಈΛଅਐग़དྷ Δͱྑ͍Ͷɻ • ࠓޙɺ͜ͷ Web αΠτͱͦΕͧΕͷαʔϏ ε͕ɺͣͬͱ҆ఆͯ͠ެ։͞Εଓ͚Δ͔ɺ ͪΐͬͱ৺഑…ɻ
  17. • (ී௨) • جຊతʹ͸ɺςʔϚͷमਖ਼͕ओͳ࡞ۀͰ௚઀ ຊ൪༻ͷ WP ʹ৮Δ͜ͱ΋ଟ͘͸ͳ͍ͷͰɺ ಛʹෆศ͸ײ͡ͳ͍͔ͳɻ • ͨͩɺ੩తԽ͞Εͨ͜ͱͰɺผαΠτͷ౤ߘ

    ҰཡΛදࣔͯ͠Δ৔߹ɺ౤ߘͨ͠αΠτΛެ ։ (Generate) ͢Δ͚ͩͰ͸ͳ͘ɺͦͷαΠ τͷ౤ߘҰཡΛද͍ࣔͯ͠ΔαΠτͰ΋ެ։ (Generate) ͠ͳ͍ͱ͍͚ͳ͘ͳͬͨͷͰɺ ͦ͜͸ඇৗʹ໘౗…ɺ࣌ؒ΋ֻ͔Δ͠… • ͋ͱɺshifter-github ϓϥάΠϯ͕ϓϥΠ ϕʔτϦϙδτϦͩͱɺςʔϚͷߋ৽͕ਖ਼ৗ ʹग़དྷͳ͍ͷ΋ɺͪΐͬͱ…ɻͰ΋ɺϓϥά Πϯͷ໰୊ͱ͍͏༁Ͱ΋ແ͍ΜͩΑͶ… Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ ※ σΟϨΫλʔ  σΟϨΫλʔ
  18. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ ※ σβΠφʔ  σβΠφʔ • (ͪΐͬͱ…) • ·ͣ

    WordPress Λىಈ͠ͳ͍ͱ͍͚ͳ͍ͷ Ͱɺ͙͢ʹϖʔδͷσβΠϯΛฤूग़དྷͳ ͍… • WordPress ͕͕࣌ؒܦͭͱམͪͪΌ͏ͷ ͰɺԼॻ͖֬ೝ͕೉͍͠… • ެ։ (Generate) ͢Δͷʹ࣌ؒ (௕͍৔߹͸ 20min Ҏ্) ֻ͕͔Δ… • ୭͔͕ Generate ͢Δͱ WordPress ʹΞΫ ηεग़དྷͳ͘ͳΔ… • ΋͏গ͠ؾܰʹฤू͠қ͘ग़དྷΔ༷ʹͯ͠΋ Β͍͍ͨͳ͊…
  19. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ ※ ϥΠλʔ  ϥΠλʔ • (ͪΐͬͱ…) • ·ͣ

    WordPress Λىಈ͠ͳ͍ͱ͍͚ͳ͍ͷ Ͱɺ͙͢ʹ౤ߘΛॻ͚ͳ͍… • WordPress ͕͕࣌ؒܦͭͱམͪͪΌ͏ͷ ͰɺԼॻ͖֬ೝ͕೉͍͠… • ެ։ (Generate) ͢Δͷʹ࣌ؒ (௕͍৔߹͸ 20min Ҏ্) ֻ͕͔Δ… • ୭͔͕ Generate ͢Δͱ WordPress ʹΞΫ ηεग़དྷͳ͘ͳΔ… • ΋͏গ͠ؾܰʹ౤ߘ͠қ͘ग़དྷΔ༷ʹͯ͠΋ Β͍͍ͨͳ͊…
  20. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ ※ αϙʔτσεΫ  αϙʔτσεΫ • (ͪΐͬͱ…) • Web

    αΠτʹԿ͔໰୊͕͋Δͱɺͪ͜Βʹ ໰͍߹Θ͕ͤ͋Γ·͢͠ɺ͓٬༷͔Βͷ໰͍ ߹ΘͤͰɺWeb αΠτͷ৘ใΛ׆༻͢Δ͜ ͱ΋͋ΔͷͰɺαΠτ͕҆ఆతʹӡ༻͞ΕΔ ༷ʹ͓ئ͍͠·͢ɻ • ಛʹɺԿ͔τϥϒϧ͕ൃੜͨ͠৔߹ɺ͓٬༷ ΁޲͚ͯͷ͓஌ΒͤΛ Web αΠτʹ͙͢ʹ ܝࡌ͠ɺ৘ใఏڙ͍ͨ͠ͷͰɺެ։ (Generate) ͷ࣌ؒΛ΋͏গ͠վળͯ͠΋Β ͍͍ͨɻ • ͓٬༷ʹͱͬͯɺ࠷దͳ Web αΠτʹͳΔ ༷ʹࠓޙ΋վળΛਐΊ͍͖͍ͯͨͷͰɺͲ͏ ͧΑΖ͓͘͠ئ͍͠·͢ɻ
  21. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ ※ ϏδωεΦʔφʔ  ϏδωεΦʔφʔ • (ී௨) • Web

    αΠτ͕҆ఆతʹӡ༻͞ΕΔͷͰ͋Ε ͹ɺಛʹߏ੒ʹͩ͜ΘΓ͸ͳ͍Αɻ • ίετ΋େͨ͜͠ͱͳ͍͠Ͷɻ • ͓٬༷΁ͷ࠷దͳ৘ใͷల։ͱ Web αΠτ ʹؔΘΔϝϯόͷ࠽ೳ͕Ҩ״ແ͘ൃش͞ΕΔ ͜ͱ͕ɺॏཁͩΑͶɻ • Web αΠτ΋ɺ͋͘·ͰզʑͷϏδωε՝ ୊Λղܾ͢ΔπʔϧͷҰͭͰ͔͠ͳ͍͔Βɺ ଞͷπʔϧ΍΍Γํ΋ؚΊͯɺ࠷దͳܗΛߏ ங͍ͯ͘͜͠ͱΛ͜Ε͔Β΋ଓ͚͍͖͍ͯͨ Ͷɻ
  22. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ ※ λʔήοτϢʔβʔ  λʔήοτϢʔβʔ • (ී௨) • ඞཁͳ࣌ʹɺඞཁͳ৘ใ͕ɺ

    Web αΠτ͔ Β࠷దͳܗͰӾཡग़དྷΕ͹Կ΋໰୊ແ͍Αɻ • Ҡߦͷ࣌͸ɺͪΐͬͱ໰୊͕ൃੜͯ͠ɺࠔΔ ͜ͱ͕͔͋ͬͨͳ…ɻࠓޙ͸ɺ͜͏͍͏͜ͱ ͕ແ͍ํ͕ྑ͍Ͷɻ • ΋͔ͨ͠͠Βɺϖʔδͷද͕ࣔͪΐͬͱૣ͘ ͳͬͨͷ͔ͳʁ • ͜Ε͔Β΋ɺWeb αΠτΛ௨ͯ͡ɺզʑ΁ ͷ৘ใఏڙΛΑΖ͘͠Ͷʂ
  23. ·ͱΊ

  24. ʼ·ͱΊᶃ  • ࠓճɺෳ਺ͷαΠτΛҠߦ͠·͕ͨ͠ɺShifter ʹϚον͢ΔαΠτ΋͋Ε͹ɺϚον͠ͳ͍α Πτ΋͋ΔͷͰɺαΠτʹΑͬͯ͸ʮShifter ΛऔΓר͘޾ͤʁͳ໘ʑʯͱͳΔ͜ͱ΋͋Δ͔ͳ ͱɻಛʹɺසൟ (̍೔ʹ਺ճ) ʹɺ·ͨෳ਺໊Ͱ౤ߘ͞ΕΔαΠτ͸ɺShifter

    ͷಛ௃͕ٯʹσϝ ϦοτʹөΓ͕ͪʹͳΔͷ͔ͳͱ… • ͨͩɺසൟʹ౤ߘ͞ΕΔͱ͍͏͜ͱ͸ɺϏδωεతʹ׆ൃͰ͋Δͱ͍͏͜ͱͳͷͰɺͦ͏͍͏ αΠτ͕ Shifter ʹϚον͠ͳ͍ͱ͍͏ͷ͸ੌ͘໪ମແ͍ͳ͊ɺͱ΋ࢥ͏ͷͰɺԿ͔ྑ͍ղܾํ ๏͕͋Ε͹ɺͱࢥ͍·͢ɻ • ٯʹɺShifter ͷಛ௃͕ྑ͍ܗͰϚον͢ΔαΠτ΋ͨ͘͞Μ͋Δͱࢥ͏ͷͰɺ·ͣ͸ϑϦʔ൛ ͰͲΜͲΜࢼͯ͠Έͯ ͸೗Կ͔ͱʂ
  25. ʼ·ͱΊᶄ  • Web αΠτͷ໾ׂ͸ɺλʔήοτͱͳΔϢʔβʔͦΕͧΕʹରͯ͠ɺద੾ͳίϯςϯπఏڙΛ ߦ͏͜ͱʹΑͬͯɺϢʔβʔΤΫεϖϦΤϯεΛҾ͖ى͜͠ɺϢʔβʔΛ࣍ͳΔΞΫγϣϯ΁༠ ͏͜ͱ ͱߟ͍͑ͯ·͢ɻ • ͨͩɺݱࡏ͸ɺWeb

    αΠτ͚ͩͰ͸ͳ͘ɺFacebook / Instagram / Twitter / ϒϩάαʔϏε / YouTube ͳͲ ༷ʑͳαʔϏεΛ૊Έ߹Θͤͯɺ࣮ݱ͍ͯ͘͠ͷ͕౰ͨΓલʹͳ͖͍ͬͯͯΔ ͷ͔ͳ͊ɺͱࢥ͍·͢ɻ • ͦͯ͠ɺWeb αΠτ΋ɺͦͷ໨త΍ಛ௃ɺӡӦମ੍ɺϏδωε ؀ڥʹ߹ΘͤͯɺShifter ͚ͩ Ͱͳ͘ɺΦϯϓϨ ΍ Ϋϥ΢υ (AWSͳͲ) ɺWordPress.com ΍֤छ WebαΠταʔϏε ͳͲ ΋ؚΊɺॊೈʹߟ͑ͯྑ͍ͷͰ͸ͳ͍͔ͱࢥ͍·͢ɻ
  26. ʼ·ͱΊᶅ  • ͦͷҝʹɺࢲ͕ॏཁͩͱߟ͑Δ͜ͱ͸ɺΞ΢τϓοτͩͱࢥ͍ͬͯͯɺ1ਓͷτϥΠΛ1ਓͷτ ϥΠͰऴΘΒͤͣɺ࣍ʹܨ͍͛ͯ͘͜ͱ ͕େ੾ͳͷ͔ͳͱɻ • օ͞Μͷૉ੖Β͍͠ τϥΠ΍஌ݟΛ༐ؾΛग़ͯ͠Ξ΢τϓοτͯ͠ɺγΣΞͯ͠΋Β͑Δͱɺ ࢲ΋ؚΊɺͨ͘͞Μͷਓͨͪͷॿ͚ʹͳΔͱࢥ͍·͢ͷͰɺͲ͏ͧΑΖ͓͘͠ئ͍͠·͢ʂ

    • ͦͷ݁Ռͱͯ͠ɺΑΓଟ͘ͷํʑʹ Shifter ͕ར༻͞ΕɺͦΕͧΕͷ Web αΠτ͕ΑΓྑ͍΋ ͷͱͳΓɺօ͞Μͷਓੜ΍Ϗδωε͕ૉ੖Β͍͠ະདྷʹ࠼ΒΕΔ͜ͱΛ৺͔Βئ͍ͬͯ·̇͢ օ͞Μɺ ౤ߘΛ͓ئ͍͠·̇͢ +1@(FU4IJGUFS
  27. օ͞Μɺ ͝ਗ਼ௌͲ͏΋ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ  Shifter ΛऔΓר͘ ޾ͤʔ!!! ͳ໘ʑ ͱͳΔ༷ʹҰॹʹؤுΓ·͠ΐ͏ʂ