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

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

KUSOKAMAYAROU
November 27, 2020

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

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

KUSOKAMAYAROU

November 27, 2020
Tweet

More Decks by KUSOKAMAYAROU

Other Decks in Business

Transcript

  1. Shifter ΛऔΓר͘


    ޾ͤʁͳ໘ʑ


    [12/2 Zoom։࠵] Shifter ΦϯϥΠϯϛʔτΞοϓ


    ʮShifter େ๨೥ձ 2020ʯ
    גࣜձࣾ ݱ৔αϙʔτ


    ্佂 ޾େ


    2020.12.02

    օ͞Μɺ
    ౤ߘΛ͓ئ͍͠·̇͢
    +1@(FU4IJGUFS

    View full-size slide

  2. ࣗݾ঺հ
    • ্佂 ޾େ (řŚŜŵ ŻŝűƁ) ※ handle : kusokamayarou


    • 42ࡀ (1978.01.14 ੜ)


    • ग़਎ / ॴࡏɿࣛࣇౡݝປ࡚ࢢ


    • 2012೥ʹ౦ژ͔Β̪λʔϯͰݱ৬ɻ


    • ΠϯϑϥΤϯδχΞ (AWS)ɺϞόΠϧΤϯδχΞ (iOS)ɹ˞ϑϧελοΫʁ


    • JAWS-UG ࣛࣇౡ ίΞϝϯόʔɺςϨϫʔΫɺෳۀɻ


    • ޷͖ͳ͜ͱɿՈ଒ɾԹઘɾອըΛಡΉ͜ͱɾྉཧͳͲɹ˞࠷ۙɺDQλΫτ

    View full-size slide

  3. 9/9 ʹ΋ LT ͤͯ͞௖͖·ͨ͠ʙ


    ͦͷ WordPress ͪΐͬͱ Shifter ʹҠߦͯ͠Έ·ͤΜ͔ ʁ

    View full-size slide

  4. Ͳ͏΋͋Γ͕ͱ͏


    ͍͟͝·ͨ͠ɻ




    View full-size slide

  5. ˒ Shifter ͱ ֤छαʔϏε ͱͷߏ੒ ˒

    ݕࡧϖʔδ
    ༧໿ϑΥʔϜ
    ໰͍߹ΘͤϑΥʔϜ
    ίʔυ؅ཧ

    View full-size slide

  6. ͓ӂ༷ͰશͯͷαΠτΛ


    ແࣄʹ Shifter ΁


    Ҡߦ͠·ͨ͠ʂ




    View full-size slide

  7. Shifter ΁Ҡߦͯ͠Έͯ


    ʁʁʁ



    View full-size slide

  8. ʼWebαΠτͷ໨త΍໾ׂ ※ࢲ͕ࢥ͏

    • Web αΠτͷத৺ʹ͋Δ΋ͷͱͯ͠͸ɺاۀɾ૊৫ɾݸਓɾαʔϏεɾϓϩμΫτɾΠϕϯ
    τɾΩϟϯϖʔϯͳͲ༷ʑͳ༁ͳΜͰ͕͢…


    • ͨͩɺWeb αΠτͷ໾ׂͬͯͳΔͱɺλʔήοτͱͳΔϢʔβʔͦΕͧΕʹରͯ͠ɺద੾ͳί
    ϯςϯπఏڙΛߦ͏͜ͱʹΑͬͯɺϢʔβʔΤΫεϖϦΤϯεΛҾ͖ى͜͠ɺϢʔβʔΛ࣍ͳΔ
    ΞΫγϣϯ΁༠͏͜ͱʹ͋Δͷ͔ͳɺͱࢥ͏ΜͰ͢…


    • ͳͷͰɺWeb αΠτͷ෢ث͸ίϯςϯπͰ͋ΓɺͦͷίϯςϯπΛߟ͑ɺੜΈग़͠ɺѻ͏
    Web σΟϨΫλʔ ΍ Web σβΠφʔɺϥΠλʔɺϚʔέςΟϯά෦໳ͱ͔͕ɺWeb αΠτͷ
    ओ໾ͩͱɺࢲ͸ߟ͍͑ͯͨΓ͢Δ༁Ͱ͢…


    • ͿͬͪΌ͚ɺϑΝογϣϯࡶࢽΛݟͯɺʮ͜ͷࢴ࣭͘͢͝ྑ͍Ͷʯͱ͔ɺʮ͜ͷ૷ஸੌ֨͘޷
    ྑ͍Ͷʯͱ͔ɺݴΘΕͯ΋ɺʮ͍΍ɺͦ͏͍͏ͷྑ͍͔Β༸෰ݟͯɺങͬͯͶɻʯͬͯײ͡Ͱɺ
    Web ΤϯδχΞ ͬͯɺWeb αΠτʹ͓͍ͯ͸ɺ͋͘·Ͱཪํ΍౔୆Ͱ͔͠ͳ͍ͷ͔ͳɺͱ…


    • ΋ͪΖΜཪํ΍౔୆͕Ͳ͏ʹ͔ͳͬͯ͠·͏ͱɺͦΕʹ৐͔͍ͬͬͯΔ΋ͷ͕શ͕ͯͲ͏ʹ͔
    ͳͬͯ͠·͏ͷͰ…ɺඇৗʹॏཁͰ͋Δ͜ͱ͸ɺ͍ٙΑ͏΋ͳ͍༁Ͱ͕͢…


    • ͨͩɺଟ͘ΛੜΈग़ͣ͞Ԇʑͱଓ͘࡞ۀʹɺඇৗʹ༗༻ͳΤϯδχΞϦιʔε͕࢖ΘΕͯ͠·͏
    ͷ͸ɺܦӦ΍Ϛωδϝϯτతʹɺ·ͨͦ͜Ͱಇ͘ Web ΤϯδχΞࣗ਎ʹͱͬͯɺՌͨͯ͠ྑ͍
    ͜ͱͳͷ͔ʁɹͱ͍͏͜ͱ΋͋Δ͔ͳɺͱ…

    View full-size slide

  9. [ਤղ] WebαΠτͷ໨త΍໾ׂᶃ


    ※ࢲ͕ࢥ͏

    ίϯςϯπ
    8FCαΠτ
    λʔήοτ
    Ϣʔβʔ

    View full-size slide

  10. [ਤղ] WebαΠτͷ໨త΍໾ׂᶄ


    ※ Shifter Ҡߦલ

    ίϯςϯπ
    8FCαΠτ
    λʔήοτ
    Ϣʔβʔ
    ΤϯδχΞ
    ˙Ÿƃũūƃţ
    ɾšŖŰƄŖ /8 '8 81 ŲƅŽŞƄŘƃ
    ˙ŤŝœžũŎ
    ɾ֎෦߈ܸ ŤŝœžũŎŰƅŕŧ
    ˞ŰƅŲőŖŵƃţ ŠţŪ ӡ༻؂ࢹFUD
    ॏ͍ʜ

    View full-size slide

  11. [ਤղ] WebαΠτͷ໨త΍໾ׂᶅ


    ※ Shifter Ҡߦޙ

    ίϯςϯπ
    λʔήοτ
    Ϣʔβʔ
    ˙Ÿƃũūƃţ
    ɾšŖŰƄŖ /8 '8 81 ŲƅŽŞƄŘƃ
    ˙ŤŝœžũŎ
    ɾ֎෦߈ܸ ŤŝœžũŎŰƅŕŧ
    ˞ŰƅŲőŖŵƃţ ŠţŪ ӡ༻؂ࢹFUD
    ΤϯδχΞ
    8FCαΠτ
    շదʜ

    View full-size slide

  12. Ͱ΋ɺ


    Web αΠτʹ


    ؔΘΔਓͬͯɺ


    ΤϯδχΞ͚ͩͳͷʁʁʁ




    View full-size slide

  13. [ਤղ] WebαΠτͷ໨త΍໾ׂᶆ


    ※ Web αΠτΛऔΓר͘໘ʑ

    ίϯςϯπ
    λʔήοτ
    Ϣʔβʔ
    8FCαΠτ
    Ϗδωε
    Φʔφʔ
    αϙʔτσεΫ
    Ϛʔέοτ෦໳
    σβΠφʔ
    σΟϨΫλʔ
    ϥΠλʔ
    ΤϯδχΞ
    շదʜ

    View full-size slide

  14. օͷ੠ʁʁʁ


    ※ एׯ૝૾





    View full-size slide

  15. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ


    ※ ΤϯδχΞ

    ΤϯδχΞ


    (ੌ͘خ͍͠!!!)


    • Shifter ΁ͷҠߦ͸ɺαΠτʹΑͬͯ͸݁ߏ
    ४උʹֻ͕͔࣌ؒͬͨΓɺଟগͷෆ۩߹(Ϧϯ
    Ϋ੾Ε΍ϨΠΞ΢τ่ΕͳͲ)͕ൃੜ͚ͨ͠
    Ͳ…ɻ


    • Ҡߦޙ͸ɺ൥Θ͍͠ϝϯςφϯε࡞ۀ΍֎෦
    ͔ΒͷΞλοΫ͕ແ͘ͳͬͯɺຊ౰ʹخ͠
    ͍ʂʂʂ


    • ͨͩɺ੩తԽʹ൐͍ɺ֎෦αʔϏε (Algolia
    ͳͲ) Λར༻͢Δඞཁͷ͋Δϖʔδ͸ɺࠓޙ
    ΋ͪΐͬͱखֻ͕͔ؒΔ͔ͳ…


    • ࠓޙɺShifter Λத৺ͱͨ͠ߏ੒ͷ͜ͷ Web
    αΠτ͕ɺͣͬͱ҆ఆͯ͠ެ։͞Εଓ͚Δ
    ͱɺ͘͢͝ྑ͍ͳ͊ɻ

    View full-size slide

  16. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ


    ※ Ϛʔέοτ෦໳

    Ϛʔέοτ෦໳


    (ී௨)


    • Web αΠτ͕҆ఆతʹӡ༻͞ΕΔͷͰ͋Ε
    ͹ɺಛʹߏ੒ʹͩ͜ΘΓ͸ͳ͍Αɻ


    • Ϛʔέ༻ͷػೳ΋͜Ε·Ͱ௨Γʹಈ͍͍ͯΔ
    Έ͍ͨͩ͠Ͷɻ


    • ࠓճͷҠߦʹ൐ͬͯಋೖͨ͠αʔϏεʹ͍ͭ
    ͯ΋ɺ৭ʑͱศརͳػೳ͕͋ΔͷͰɺͦΕ΋
    ׆༻ͯ͠ɺϚʔέςΟϯάͷ׆ಈΛଅਐग़དྷ
    Δͱྑ͍Ͷɻ


    • ࠓޙɺ͜ͷ Web αΠτͱͦΕͧΕͷαʔϏ
    ε͕ɺͣͬͱ҆ఆͯ͠ެ։͞Εଓ͚Δ͔ɺ
    ͪΐͬͱ৺഑…ɻ

    View full-size slide



  17. (ී௨)


    • جຊతʹ͸ɺςʔϚͷमਖ਼͕ओͳ࡞ۀͰ௚઀
    ຊ൪༻ͷ WP ʹ৮Δ͜ͱ΋ଟ͘͸ͳ͍ͷͰɺ
    ಛʹෆศ͸ײ͡ͳ͍͔ͳɻ


    • ͨͩɺ੩తԽ͞Εͨ͜ͱͰɺผαΠτͷ౤ߘ
    ҰཡΛදࣔͯ͠Δ৔߹ɺ౤ߘͨ͠αΠτΛެ
    ։ (Generate) ͢Δ͚ͩͰ͸ͳ͘ɺͦͷαΠ
    τͷ౤ߘҰཡΛද͍ࣔͯ͠ΔαΠτͰ΋ެ։
    (Generate) ͠ͳ͍ͱ͍͚ͳ͘ͳͬͨͷͰɺ
    ͦ͜͸ඇৗʹ໘౗…ɺ࣌ؒ΋ֻ͔Δ͠…


    • ͋ͱɺshifter-github ϓϥάΠϯ͕ϓϥΠ
    ϕʔτϦϙδτϦͩͱɺςʔϚͷߋ৽͕ਖ਼ৗ
    ʹग़དྷͳ͍ͷ΋ɺͪΐͬͱ…ɻͰ΋ɺϓϥά
    Πϯͷ໰୊ͱ͍͏༁Ͱ΋ແ͍ΜͩΑͶ…
    Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ


    ※ σΟϨΫλʔ

    σΟϨΫλʔ

    View full-size slide

  18. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ


    ※ σβΠφʔ

    σβΠφʔ


    (ͪΐͬͱ…)


    • ·ͣ WordPress Λىಈ͠ͳ͍ͱ͍͚ͳ͍ͷ
    Ͱɺ͙͢ʹϖʔδͷσβΠϯΛฤूग़དྷͳ
    ͍…


    • WordPress ͕͕࣌ؒܦͭͱམͪͪΌ͏ͷ
    ͰɺԼॻ͖֬ೝ͕೉͍͠…


    • ެ։ (Generate) ͢Δͷʹ࣌ؒ (௕͍৔߹͸
    20min Ҏ্) ֻ͕͔Δ…


    • ୭͔͕ Generate ͢Δͱ WordPress ʹΞΫ
    ηεग़དྷͳ͘ͳΔ…


    • ΋͏গ͠ؾܰʹฤू͠қ͘ग़དྷΔ༷ʹͯ͠΋
    Β͍͍ͨͳ͊…

    View full-size slide

  19. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ


    ※ ϥΠλʔ

    ϥΠλʔ


    (ͪΐͬͱ…)


    • ·ͣ WordPress Λىಈ͠ͳ͍ͱ͍͚ͳ͍ͷ
    Ͱɺ͙͢ʹ౤ߘΛॻ͚ͳ͍…


    • WordPress ͕͕࣌ؒܦͭͱམͪͪΌ͏ͷ
    ͰɺԼॻ͖֬ೝ͕೉͍͠…


    • ެ։ (Generate) ͢Δͷʹ࣌ؒ (௕͍৔߹͸
    20min Ҏ্) ֻ͕͔Δ…


    • ୭͔͕ Generate ͢Δͱ WordPress ʹΞΫ
    ηεग़དྷͳ͘ͳΔ…


    • ΋͏গ͠ؾܰʹ౤ߘ͠қ͘ग़དྷΔ༷ʹͯ͠΋
    Β͍͍ͨͳ͊…

    View full-size slide

  20. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ


    ※ αϙʔτσεΫ

    αϙʔτσεΫ


    (ͪΐͬͱ…)


    • Web αΠτʹԿ͔໰୊͕͋Δͱɺͪ͜Βʹ
    ໰͍߹Θ͕ͤ͋Γ·͢͠ɺ͓٬༷͔Βͷ໰͍
    ߹ΘͤͰɺWeb αΠτͷ৘ใΛ׆༻͢Δ͜
    ͱ΋͋ΔͷͰɺαΠτ͕҆ఆతʹӡ༻͞ΕΔ
    ༷ʹ͓ئ͍͠·͢ɻ


    • ಛʹɺԿ͔τϥϒϧ͕ൃੜͨ͠৔߹ɺ͓٬༷
    ΁޲͚ͯͷ͓஌ΒͤΛ Web αΠτʹ͙͢ʹ
    ܝࡌ͠ɺ৘ใఏڙ͍ͨ͠ͷͰɺެ։
    (Generate) ͷ࣌ؒΛ΋͏গ͠վળͯ͠΋Β
    ͍͍ͨɻ


    • ͓٬༷ʹͱͬͯɺ࠷దͳ Web αΠτʹͳΔ
    ༷ʹࠓޙ΋վળΛਐΊ͍͖͍ͯͨͷͰɺͲ͏
    ͧΑΖ͓͘͠ئ͍͠·͢ɻ

    View full-size slide

  21. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ


    ※ ϏδωεΦʔφʔ

    ϏδωεΦʔφʔ


    (ී௨)


    • Web αΠτ͕҆ఆతʹӡ༻͞ΕΔͷͰ͋Ε
    ͹ɺಛʹߏ੒ʹͩ͜ΘΓ͸ͳ͍Αɻ


    • ίετ΋େͨ͜͠ͱͳ͍͠Ͷɻ


    • ͓٬༷΁ͷ࠷దͳ৘ใͷల։ͱ Web αΠτ
    ʹؔΘΔϝϯόͷ࠽ೳ͕Ҩ״ແ͘ൃش͞ΕΔ
    ͜ͱ͕ɺॏཁͩΑͶɻ


    • Web αΠτ΋ɺ͋͘·ͰզʑͷϏδωε՝
    ୊Λղܾ͢ΔπʔϧͷҰͭͰ͔͠ͳ͍͔Βɺ
    ଞͷπʔϧ΍΍Γํ΋ؚΊͯɺ࠷దͳܗΛߏ
    ங͍ͯ͘͜͠ͱΛ͜Ε͔Β΋ଓ͚͍͖͍ͯͨ
    Ͷɻ

    View full-size slide

  22. Shifter ҠߦޙͷͦΕͧΕͷ੠ᶃ


    ※ λʔήοτϢʔβʔ

    λʔήοτϢʔβʔ


    (ී௨)


    • ඞཁͳ࣌ʹɺඞཁͳ৘ใ͕ɺ Web αΠτ͔
    Β࠷దͳܗͰӾཡग़དྷΕ͹Կ΋໰୊ແ͍Αɻ


    • Ҡߦͷ࣌͸ɺͪΐͬͱ໰୊͕ൃੜͯ͠ɺࠔΔ
    ͜ͱ͕͔͋ͬͨͳ…ɻࠓޙ͸ɺ͜͏͍͏͜ͱ
    ͕ແ͍ํ͕ྑ͍Ͷɻ


    • ΋͔ͨ͠͠Βɺϖʔδͷද͕ࣔͪΐͬͱૣ͘
    ͳͬͨͷ͔ͳʁ


    • ͜Ε͔Β΋ɺWeb αΠτΛ௨ͯ͡ɺզʑ΁
    ͷ৘ใఏڙΛΑΖ͘͠Ͷʂ


    View full-size slide

  23. ʼ·ͱΊᶃ

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


    • ͨͩɺසൟʹ౤ߘ͞ΕΔͱ͍͏͜ͱ͸ɺϏδωεతʹ׆ൃͰ͋Δͱ͍͏͜ͱͳͷͰɺͦ͏͍͏
    αΠτ͕ Shifter ʹϚον͠ͳ͍ͱ͍͏ͷ͸ੌ͘໪ମແ͍ͳ͊ɺͱ΋ࢥ͏ͷͰɺԿ͔ྑ͍ղܾํ
    ๏͕͋Ε͹ɺͱࢥ͍·͢ɻ


    • ٯʹɺShifter ͷಛ௃͕ྑ͍ܗͰϚον͢ΔαΠτ΋ͨ͘͞Μ͋Δͱࢥ͏ͷͰɺ·ͣ͸ϑϦʔ൛
    ͰͲΜͲΜࢼͯ͠Έͯ ͸೗Կ͔ͱʂ

    View full-size slide

  24. ʼ·ͱΊᶄ

    • Web αΠτͷ໾ׂ͸ɺλʔήοτͱͳΔϢʔβʔͦΕͧΕʹରͯ͠ɺద੾ͳίϯςϯπఏڙΛ
    ߦ͏͜ͱʹΑͬͯɺϢʔβʔΤΫεϖϦΤϯεΛҾ͖ى͜͠ɺϢʔβʔΛ࣍ͳΔΞΫγϣϯ΁༠
    ͏͜ͱ ͱߟ͍͑ͯ·͢ɻ


    • ͨͩɺݱࡏ͸ɺWeb αΠτ͚ͩͰ͸ͳ͘ɺFacebook / Instagram / Twitter / ϒϩάαʔϏε
    / YouTube ͳͲ ༷ʑͳαʔϏεΛ૊Έ߹Θͤͯɺ࣮ݱ͍ͯ͘͠ͷ͕౰ͨΓલʹͳ͖͍ͬͯͯΔ
    ͷ͔ͳ͊ɺͱࢥ͍·͢ɻ


    • ͦͯ͠ɺWeb αΠτ΋ɺͦͷ໨త΍ಛ௃ɺӡӦମ੍ɺϏδωε ؀ڥʹ߹ΘͤͯɺShifter ͚ͩ
    Ͱͳ͘ɺΦϯϓϨ ΍ Ϋϥ΢υ (AWSͳͲ) ɺWordPress.com ΍֤छ WebαΠταʔϏε ͳͲ
    ΋ؚΊɺॊೈʹߟ͑ͯྑ͍ͷͰ͸ͳ͍͔ͱࢥ͍·͢ɻ

    View full-size slide

  25. ʼ·ͱΊᶅ

    • ͦͷҝʹɺࢲ͕ॏཁͩͱߟ͑Δ͜ͱ͸ɺΞ΢τϓοτͩͱࢥ͍ͬͯͯɺ1ਓͷτϥΠΛ1ਓͷτ
    ϥΠͰऴΘΒͤͣɺ࣍ʹܨ͍͛ͯ͘͜ͱ ͕େ੾ͳͷ͔ͳͱɻ


    • օ͞Μͷૉ੖Β͍͠ τϥΠ΍஌ݟΛ༐ؾΛग़ͯ͠Ξ΢τϓοτͯ͠ɺγΣΞͯ͠΋Β͑Δͱɺ
    ࢲ΋ؚΊɺͨ͘͞Μͷਓͨͪͷॿ͚ʹͳΔͱࢥ͍·͢ͷͰɺͲ͏ͧΑΖ͓͘͠ئ͍͠·͢ʂ


    • ͦͷ݁Ռͱͯ͠ɺΑΓଟ͘ͷํʑʹ Shifter ͕ར༻͞ΕɺͦΕͧΕͷ Web αΠτ͕ΑΓྑ͍΋
    ͷͱͳΓɺօ͞Μͷਓੜ΍Ϗδωε͕ૉ੖Β͍͠ະདྷʹ࠼ΒΕΔ͜ͱΛ৺͔Βئ͍ͬͯ·̇͢
    օ͞Μɺ
    ౤ߘΛ͓ئ͍͠·̇͢
    +1@(FU4IJGUFS

    View full-size slide

  26. օ͞Μɺ


    ͝ਗ਼ௌͲ͏΋


    ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ




    Shifter ΛऔΓר͘


    ޾ͤʔ!!! ͳ໘ʑ


    ͱͳΔ༷ʹҰॹʹؤுΓ·͠ΐ͏ʂ

    View full-size slide