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

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

Transcript

1. Shifter ΛऔΓר͘
   
   
   ޾ͤʁͳ໘ʑ
   
   
   [12/2 Zoom։࠵] Shifter ΦϯϥΠϯϛʔτΞοϓ
   
   
   ʮShifter େ๨೥ձ 2020ʯ
   גࣜձࣾ ݱ৔αϙʔτ
   
   
   ্佂 ޾େ
   
   
   2020.12.02
   
   օ͞Μɺ
   ౤ߘΛ͓ئ͍͠·̇͢
   +1@(FU4IJGUFS
   

   View Slide

2. ࣗݾ঺հ
   • ্佂 ޾େ (řŚŜŵ ŻŝűƁ) ※ handle : kusokamayarou
   
   
   • 42ࡀ (1978.01.14 ੜ)
   
   
   • ग़਎ / ॴࡏɿࣛࣇౡݝປ࡚ࢢ
   
   
   • 2012೥ʹ౦ژ͔Β̪λʔϯͰݱ৬ɻ
   
   
   • ΠϯϑϥΤϯδχΞ (AWS)ɺϞόΠϧΤϯδχΞ (iOS)ɹ˞ϑϧελοΫʁ
   
   
   • JAWS-UG ࣛࣇౡ ίΞϝϯόʔɺςϨϫʔΫɺෳۀɻ
   
   
   • ޷͖ͳ͜ͱɿՈ଒ɾԹઘɾອըΛಡΉ͜ͱɾྉཧͳͲɹ˞࠷ۙɺDQλΫτ
   
   

   View Slide

3. 9/9 ʹ΋ LT ͤͯ͞௖͖·ͨ͠ʙ
   
   
   ͦͷ WordPress ͪΐͬͱ Shifter ʹҠߦͯ͠Έ·ͤΜ͔ ʁ
   
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

9. [ਤղ] WebαΠτͷ໨త΍໾ׂᶃ
   
   
   ※ࢲ͕ࢥ͏
   
   ίϯςϯπ
   8FCαΠτ
   λʔήοτ
   Ϣʔβʔ
   

   View Slide

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

    View Slide

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

    View Slide

12. Ͱ΋ɺ
    
    
    Web αΠτʹ
    
    
    ؔΘΔਓͬͯɺ
    
    
    ΤϯδχΞ͚ͩͳͷʁʁʁ
    
    
    
    
    

    View Slide

13. [ਤղ] WebαΠτͷ໨త΍໾ׂᶆ
    
    
    ※ Web αΠτΛऔΓר͘໘ʑ
    
    ίϯςϯπ
    λʔήοτ
    Ϣʔβʔ
    8FCαΠτ
    Ϗδωε
    Φʔφʔ
    αϙʔτσεΫ
    Ϛʔέοτ෦໳
    σβΠφʔ
    σΟϨΫλʔ
    ϥΠλʔ
    ΤϯδχΞ
    շదʜ
    

    View Slide

14. օͷ੠ʁʁʁ
    
    
    ※ एׯ૝૾
    
    
    
    
    
    

    View Slide

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

    View Slide

16. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ
    
    
    ※ Ϛʔέοτ෦໳
    
    Ϛʔέοτ෦໳
    •
    
    (ී௨)
    
    
    • Web αΠτ͕҆ఆతʹӡ༻͞ΕΔͷͰ͋Ε
    ͹ɺಛʹߏ੒ʹͩ͜ΘΓ͸ͳ͍Αɻ
    
    
    • Ϛʔέ༻ͷػೳ΋͜Ε·Ͱ௨Γʹಈ͍͍ͯΔ
    Έ͍ͨͩ͠Ͷɻ
    
    
    • ࠓճͷҠߦʹ൐ͬͯಋೖͨ͠αʔϏεʹ͍ͭ
    ͯ΋ɺ৭ʑͱศརͳػೳ͕͋ΔͷͰɺͦΕ΋
    ׆༻ͯ͠ɺϚʔέςΟϯάͷ׆ಈΛଅਐग़དྷ
    Δͱྑ͍Ͷɻ
    
    
    • ࠓޙɺ͜ͷ Web αΠτͱͦΕͧΕͷαʔϏ
    ε͕ɺͣͬͱ҆ఆͯ͠ެ։͞Εଓ͚Δ͔ɺ
    ͪΐͬͱ৺഑…ɻ
    

    View Slide

17. •
    
    (ී௨)
    
    
    • جຊతʹ͸ɺςʔϚͷमਖ਼͕ओͳ࡞ۀͰ௚઀
    ຊ൪༻ͷ WP ʹ৮Δ͜ͱ΋ଟ͘͸ͳ͍ͷͰɺ
    ಛʹෆศ͸ײ͡ͳ͍͔ͳɻ
    
    
    • ͨͩɺ੩తԽ͞Εͨ͜ͱͰɺผαΠτͷ౤ߘ
    ҰཡΛදࣔͯ͠Δ৔߹ɺ౤ߘͨ͠αΠτΛެ
    ։ (Generate) ͢Δ͚ͩͰ͸ͳ͘ɺͦͷαΠ
    τͷ౤ߘҰཡΛද͍ࣔͯ͠ΔαΠτͰ΋ެ։
    (Generate) ͠ͳ͍ͱ͍͚ͳ͘ͳͬͨͷͰɺ
    ͦ͜͸ඇৗʹ໘౗…ɺ࣌ؒ΋ֻ͔Δ͠…
    
    
    • ͋ͱɺshifter-github ϓϥάΠϯ͕ϓϥΠ
    ϕʔτϦϙδτϦͩͱɺςʔϚͷߋ৽͕ਖ਼ৗ
    ʹग़དྷͳ͍ͷ΋ɺͪΐͬͱ…ɻͰ΋ɺϓϥά
    Πϯͷ໰୊ͱ͍͏༁Ͱ΋ແ͍ΜͩΑͶ…
    Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ
    
    
    ※ σΟϨΫλʔ
    
    σΟϨΫλʔ
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

22. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ
    
    
    ※ λʔήοτϢʔβʔ
    
    λʔήοτϢʔβʔ
    •
    
    (ී௨)
    
    
    • ඞཁͳ࣌ʹɺඞཁͳ৘ใ͕ɺ Web αΠτ͔
    Β࠷దͳܗͰӾཡग़དྷΕ͹Կ΋໰୊ແ͍Αɻ
    
    
    • Ҡߦͷ࣌͸ɺͪΐͬͱ໰୊͕ൃੜͯ͠ɺࠔΔ
    ͜ͱ͕͔͋ͬͨͳ…ɻࠓޙ͸ɺ͜͏͍͏͜ͱ
    ͕ແ͍ํ͕ྑ͍Ͷɻ
    
    
    • ΋͔ͨ͠͠Βɺϖʔδͷද͕ࣔͪΐͬͱૣ͘
    ͳͬͨͷ͔ͳʁ
    
    
    • ͜Ε͔Β΋ɺWeb αΠτΛ௨ͯ͡ɺզʑ΁
    ͷ৘ใఏڙΛΑΖ͘͠Ͷʂ
    
    
    

    View Slide

23. ·ͱΊ
    

    View Slide

24. ʼ·ͱΊᶃ
    
    • ࠓճɺෳ਺ͷαΠτΛҠߦ͠·͕ͨ͠ɺShifter ʹϚον͢ΔαΠτ΋͋Ε͹ɺϚον͠ͳ͍α
    Πτ΋͋ΔͷͰɺαΠτʹΑͬͯ͸ʮShifter ΛऔΓר͘޾ͤʁͳ໘ʑʯͱͳΔ͜ͱ΋͋Δ͔ͳ
    ͱɻಛʹɺසൟ (̍೔ʹ਺ճ) ʹɺ·ͨෳ਺໊Ͱ౤ߘ͞ΕΔαΠτ͸ɺShifter ͷಛ௃͕ٯʹσϝ
    ϦοτʹөΓ͕ͪʹͳΔͷ͔ͳͱ…
    
    
    • ͨͩɺසൟʹ౤ߘ͞ΕΔͱ͍͏͜ͱ͸ɺϏδωεతʹ׆ൃͰ͋Δͱ͍͏͜ͱͳͷͰɺͦ͏͍͏
    αΠτ͕ Shifter ʹϚον͠ͳ͍ͱ͍͏ͷ͸ੌ͘໪ମແ͍ͳ͊ɺͱ΋ࢥ͏ͷͰɺԿ͔ྑ͍ղܾํ
    ๏͕͋Ε͹ɺͱࢥ͍·͢ɻ
    
    
    • ٯʹɺShifter ͷಛ௃͕ྑ͍ܗͰϚον͢ΔαΠτ΋ͨ͘͞Μ͋Δͱࢥ͏ͷͰɺ·ͣ͸ϑϦʔ൛
    ͰͲΜͲΜࢼͯ͠Έͯ ͸೗Կ͔ͱʂ
    

    View Slide

25. ʼ·ͱΊᶄ
    
    • Web αΠτͷ໾ׂ͸ɺλʔήοτͱͳΔϢʔβʔͦΕͧΕʹରͯ͠ɺద੾ͳίϯςϯπఏڙΛ
    ߦ͏͜ͱʹΑͬͯɺϢʔβʔΤΫεϖϦΤϯεΛҾ͖ى͜͠ɺϢʔβʔΛ࣍ͳΔΞΫγϣϯ΁༠
    ͏͜ͱ ͱߟ͍͑ͯ·͢ɻ
    
    
    • ͨͩɺݱࡏ͸ɺWeb αΠτ͚ͩͰ͸ͳ͘ɺFacebook / Instagram / Twitter / ϒϩάαʔϏε
    / YouTube ͳͲ ༷ʑͳαʔϏεΛ૊Έ߹Θͤͯɺ࣮ݱ͍ͯ͘͠ͷ͕౰ͨΓલʹͳ͖͍ͬͯͯΔ
    ͷ͔ͳ͊ɺͱࢥ͍·͢ɻ
    
    
    • ͦͯ͠ɺWeb αΠτ΋ɺͦͷ໨త΍ಛ௃ɺӡӦମ੍ɺϏδωε ؀ڥʹ߹ΘͤͯɺShifter ͚ͩ
    Ͱͳ͘ɺΦϯϓϨ ΍ Ϋϥ΢υ (AWSͳͲ) ɺWordPress.com ΍֤छ WebαΠταʔϏε ͳͲ
    ΋ؚΊɺॊೈʹߟ͑ͯྑ͍ͷͰ͸ͳ͍͔ͱࢥ͍·͢ɻ
    

    View Slide

26. ʼ·ͱΊᶅ
    
    • ͦͷҝʹɺࢲ͕ॏཁͩͱߟ͑Δ͜ͱ͸ɺΞ΢τϓοτͩͱࢥ͍ͬͯͯɺ1ਓͷτϥΠΛ1ਓͷτ
    ϥΠͰऴΘΒͤͣɺ࣍ʹܨ͍͛ͯ͘͜ͱ ͕େ੾ͳͷ͔ͳͱɻ
    
    
    • օ͞Μͷૉ੖Β͍͠ τϥΠ΍஌ݟΛ༐ؾΛग़ͯ͠Ξ΢τϓοτͯ͠ɺγΣΞͯ͠΋Β͑Δͱɺ
    ࢲ΋ؚΊɺͨ͘͞Μͷਓͨͪͷॿ͚ʹͳΔͱࢥ͍·͢ͷͰɺͲ͏ͧΑΖ͓͘͠ئ͍͠·͢ʂ
    
    
    • ͦͷ݁Ռͱͯ͠ɺΑΓଟ͘ͷํʑʹ Shifter ͕ར༻͞ΕɺͦΕͧΕͷ Web αΠτ͕ΑΓྑ͍΋
    ͷͱͳΓɺօ͞Μͷਓੜ΍Ϗδωε͕ૉ੖Β͍͠ະདྷʹ࠼ΒΕΔ͜ͱΛ৺͔Βئ͍ͬͯ·̇͢
    օ͞Μɺ
    ౤ߘΛ͓ئ͍͠·̇͢
    +1@(FU4IJGUFS
    

    View Slide

27. օ͞Μɺ
    
    
    ͝ਗ਼ௌͲ͏΋
    
    
    ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
    
    
    
    
    Shifter ΛऔΓר͘
    
    
    ޾ͤʔ!!! ͳ໘ʑ
    
    
    ͱͳΔ༷ʹҰॹʹؤுΓ·͠ΐ͏ʂ
    

    View Slide