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

すぐに使える 説明下手エンジニアのための コミュ力入門

astolfo
June 20, 2022
230

すぐに使える 説明下手エンジニアのための コミュ力入門

astolfo

June 20, 2022
Tweet

Transcript

  1. ͙͢ʹ࢖͑Δ
    આ໌ԼखΤϯδχΞͷͨΊͷ
    ίϛϡྗೖ໳

    ."55&//

    View Slide

  2. ͓͜ͱΘΓ
    • ͜ͷεϥΠυ͸ྫจ͕࠷దͰ͸ͳ͔ͬͨΓ͢ΔͳͲɺ
    ·ͩ·ͩ׬੒ͨ͠΋ͷͰ͸͋Γ·ͤΜɻ


    • ࢸΒͳ͍఺͕ͱͯ΋ଟ͋͘Γ·͕͢ɺஆ͔͍໨Ͱݟͯ
    ΋Β͑Δͱॿ͔Γ·͢ɻ

    View Slide

  3. ࣗݾ঺հ
    • Mattenn


    • Kindleͷ͓͔͛Ͱຊݏ͍͕ࠀ෰Ͱ͖·ͨ͠


    • આ໌͕ԼखͰ͢


    • ձ࿩͸·͋·͋Ͱ͢


    • ཁ఺ͷ੔ཧ΋ԼखͰ͢

    View Slide

  4. ͸͡Ίʹ
    • Լهͷ̏࡭ΛಡΜͰɺࣗ෼ͳΓʹטΈࡅ͍ͨ಺༰Λൃද͠·͢ɻ


    • ࠷ڧͷΤϯδχΞʹͳΔͨΊͷ࿩͠ํͷڭՊॻ


    • ΤϯδχΞͷͨΊͷจষज़ɹ࠶ೖ໳ߨ࠲


    • ΤϯδχΞΛઆ໌্खʹ͢Δຊ


    • ൃදޙʹΞϯέʔτΛߦ͍·͢ͷͰɺճ౴Λ͓ئ͍͠·͢ɻ

    View Slide

  5. ஫ҙ
    • ೉͍͠આ໌͸͠·ͤΜ


    • ԼखͳਓͰ΋͙͢ʹ࣮ફͰ͖Δ಺༰ʹϑΥʔΧε͍ͯ͠·͢


    • PREP๏ͱ͍ͬͨϝιου΍֓೦ͳͲ͸આ໌͠·ͤΜ


    • ࣮ࡍҙࣝ͠ͳ͕Βઆ໌΍ձ࿩Λ͢Δͷ͸͙͢ʹͰ͖ͳ͍͔ΒͰ͢


    • ओʹࣗ෼ͷ͘͠͡Γͱࣗռ͕ϕʔεʹͳ͍ͬͯ·͢


    • Έͳ͞Μ͍ͭ΋͝ΊΜͳ͍͞

    View Slide

  6. ͓͠ͳ͕͖
    • ͜ͷޙ࢖͑Δઆ໌ज़


    • ໌೔͔Β࢖͑Δձ࿩ज़


    • དྷि͔Β࢖͑Δ੔ཧज़

    View Slide

  7. Section1


    ͜ͷޙ࢖͑Δઆ໌ज़

    View Slide

  8. • આ໌͢Δͱ͍͍ͭͭશ෦ݴ͍͕ͪ


    • Ͱ΋૬ख͕͍͍͚ͭͯͳ͍ͱʮԿΛݴͬͯΔͷ͔Θ͔Βͳ͍ʯঢ়ଶʹͳΔ
    Ͳ͏͢Ε͹͍͍ʁ
    1. ૬ख͕࿩ʹ͍͍͚ͭͯΔΑ͏ʹ͠Α͏

    View Slide

  9. • આ໌͢Δͱ͍͍ͭͭશ෦ݴ͍͕ͪ


    • Ͱ΋૬ख͕͍͍͚ͭͯͳ͍ͱʮԿΛݴͬͯΔͷ͔Θ͔Βͳ͍ʯঢ়ଶʹͳΔ
    Ͳ͏͢Ε͹͍͍ʁ
    จ຺ͷ్தͰ֬ೝΛ͠Α͏
    1. ૬ख͕࿩ʹ͍͍͚ͭͯΔΑ͏ʹ͠Α͏

    View Slide

  10. • ʮʓʓͷվमͷͨΊLambdaͷ։ൃ؀ڥΛ͙͢ʹ༻ҙ͍ͨ͠ͱࢥͬͯ·͢ʯ


    • ʮ͜͜·Ͱؒҧͬͯͳ͍Ͱ͢ʁʯ


    • ʮάάͬͯΈͨΜͰ͚͢ͲɺCloud9Λ࢖͏ͷ͕खͬऔΓૣͦ͏ͳΜͰ͢ʯ


    • ʮͰ΋EC2ΛཱͯΔͷͰ͓͕͔͔ۚͪΌ͏ΜͰ͢ʯ


    • ʮ఻ΘΓ·͔ͨ͠Ͷ…ʁʯ
    ͜͜·Ͱ֬ೝΛڬΉඞཁ͸ͳ͍͚Ͳɺ͜Μͳײ͡ɻ
    1. ૬ख͕࿩ʹ͍͍͚ͭͯΔΑ͏ʹ͠Α͏

    View Slide

  11. • ͓ޓ͍͕૝૾͍ͯ͠Δ׬੒ਤ͕ҧ͏··࿩ΛਐΊΔͱɺ૝ఆ֎ͷํ޲ʹ಺༰
    ͕ਐΜͰ͠·͍େࢂࣄʹͳΔ


    • ࣗ෼͚ͩ౰ͨΓલͩͱࢥ͍ͬͯͨ͜ͱ͸࣮͸݁ߏ͋Δ
    2. Ձ஋؍ͷڞ༗Λ͠Α͏
    Ͳ͏͢Ε͹͍͍ʁ

    View Slide

  12. • ͓ޓ͍͕૝૾͍ͯ͠Δ׬੒ਤ͕ҧ͏··࿩ΛਐΊΔͱɺ૝ఆ֎ͷํ޲ʹ಺༰
    ͕ਐΜͰ͠·͍େࢂࣄʹͳΔ


    • ࣗ෼Ͱ͸౰ͨΓલͩͱࢥ͍ͬͯͨ͜ͱ͸࣮͸݁ߏ͋Δ
    2. Ձ஋؍ͷڞ༗Λ͠Α͏
    Ͳ͏͢Ε͹͍͍ʁ
    ʮ͋ͷʯʮ͜ΕʯΛ࢖Θͣ۩ମతͳ໊લΛ࢖͓͏
    ʢ໘౗ͳͷ͸Θ͔Γ·͢Αʣ

    View Slide

  13. • ʮ͋ͷϓϧϦΫ֬ೝ͠·ͨ͠ʁʯ


    • →ʮʓʓͷϓϧϦΫ֬ೝ͠·ͨ͠ʁʯ


    • ʮ๺ւಓʹߦͬͯ͋ͷ੨͍஑ʹߦͬͯΈ͍ͨʯ


    • →ʮ๺ւಓʹߦͬͯ෋ྑ໺ඒӯͷ੨͍஑ʹߦͬͯΈ͍ͨʯ
    2. Ձ஋؍ͷڞ༗Λ͠Α͏
    खؒ͸͔͔Δ͚ͲɺೝࣝζϨͰख໭Γ͕ൃੜ͢ΔΑΓશવϚγɻ

    View Slide

  14. • ΋͠SlackͷΑ͏ͳςΩετνϟοτͰձ࿩͍ͯ͠ΔͳΒՕ৚ॻ͖ʹ͢Δ


    • ͦͦ͜͜಺༰͕੔ཧ͞ΕΔͷͰɺԿ͔ΒखΛ͚ͭͨΒ͍͍͔Θ͔Βͳ͍ਓʹ
    ͓͢͢Ί
    3. ແཧͤͣՕ৚ॻ͖ʹ͠Α͏
    ʮ੩తαΠτΛ഑ஔ͠Α͏ͱࢥ͏ͷͰ͕͢ɺNetlifyͱCloudfront+S3ͱFirebase࢖͏ͷͲΕ͕Ұ
    ൪͓͢͢ΊͰ͔͢ʁʯ

    View Slide

  15. • ΋͠SlackͷΑ͏ͳςΩετνϟοτͰձ࿩͍ͯ͠ΔͳΒՕ৚ॻ͖ʹ͢Δ


    • ͦͦ͜͜಺༰͕੔ཧ͞ΕΔͷͰɺԿ͔ΒखΛ͚ͭͨΒ͍͍͔Θ͔Βͳ͍ਓʹ
    ͓͢͢Ί
    3. ແཧͤͣՕ৚ॻ͖ʹ͠Α͏
    ʮ੩తαΠτΛ഑ஔ͠Α͏ͱࢥ͏ͷͰ͕͢ɺNetlifyͱCloudfront+S3ͱFirebase࢖͏ͷͲΕ͕Ұ
    ൪͓͢͢ΊͰ͔͢ʁʯ
    ੩తαΠτΛ഑ஔ͠Α͏ͱࢥ͏ͷͰ͕͢ɺ͜ͷதͰ͓͢͢Ί͸͋Γ·͔͢ʁ


    ɾNetlify


    ɾCloudfront + S3


    ɾFirebase

    View Slide

  16. • ೔ຊޠ͸ޙΖͷจষ͕ҹ৅ʹ࢒Γ΍͍͢
    4. ѱ͍͜ͱ͸ઌʹݴ͏
    ྑ͍͜ͱΛϓογϡ͍ͨ͠ͳΒ


    ѱ͍͜ͱ͸ઌʹݴ͓͏

    View Slide

  17. • ೔ຊޠ͸ޙΖͷจষ͕ҹ৅ʹ࢒Γ΍͍͢
    4. ѱ͍͜ͱ͸ઌʹݴ͏
    Ϩίʔυऔಘ࣌ʹϝϞϦϦʔΫ͸ൃੜ͠ͳ͘ͳΓ·ͨ͠ɻͰ͕͢ɺࢦఆ্ͨ͠ݶ஋Λ௒͑ͯϨ
    ίʔυΛऔಘͯ͠͠·͍·͢ɻ
    ྑ͍͜ͱΛϓογϡ͍ͨ͠ͳΒ


    ѱ͍͜ͱ͸ઌʹݴ͓͏

    View Slide

  18. • ೔ຊޠ͸ޙΖͷจষ͕ҹ৅ʹ࢒Γ΍͍͢
    4. ѱ͍͜ͱ͸ઌʹݴ͏
    Ϩίʔυऔಘ࣌ʹϝϞϦϦʔΫ͸ൃੜ͠ͳ͘ͳΓ·ͨ͠ɻͰ͕͢ɺࢦఆ্ͨ͠ݶ஋Λ௒͑ͯϨ
    ίʔυΛऔಘͯ͠͠·͍·͢ɻ
    Ϩίʔυ͕ࢦఆ্ͨ͠ݶ஋Λ௒͑ͯऔಘͯ͠͠·͍·͢ɻͰ͕͢ɺϝϞϦϦʔΫ͸ൃੜ͠ͳ͘ͳ
    Γ·ͨ͠ɻ
    ྑ͍͜ͱΛϓογϡ͍ͨ͠ͳΒ


    ѱ͍͜ͱ͸ઌʹݴ͓͏

    View Slide

  19. Section1ɹ·ͱΊ
    • ࿩ʹ͍ͭͯ͜Ε͍ͯΔ͔֬ೝΛͱΓ·͠ΐ͏


    • ʮ͋ͷʯʮ͜ΕʯΛ࢖Θͣ۩ମతͳ໊લΛ࢖͍·͠ΐ͏


    • ແཧͯ͠จষʹͤͣՕ৚ॻ͖ʹ͠·͠ΐ͏


    • ѱ͍͜ͱ͸ઌʹݴ͍·͠ΐ͏

    View Slide

  20. Section2


    ໌೔͔Β࢖͑Δձ࿩ज़

    View Slide

  21. • ͦ΋ͦ΋આ໌͸ձ࿩ͷ্ʹ੒Γཱ͍ͬͯΔɺ੾ͬͯ΋੾Εͳ͍ؔ܎


    • ࣗ෼࢝఺΋͋Ε͹ɺ૬ख࢝఺ͷձ࿩΋͋Δ
    ձ࿩ͷ্ʹઆ໌͸੒Γཱͭ

    View Slide

  22. ·ͣ͸…


    ૬खͷҙݟΛ


    Ұ౓ड͚ೖΕ·͠ΐ͏

    View Slide

  23. • ࢥ͍ͬͯͳ͍͜ͱΛݴΘΕΔͱʮ͍΍ʯʮͰ΋ʯͱ൓ࣹతʹݴ͍͕ͪ


    • ୅ΘΓʹʮͦ͏ͳΜͰ͢Ͷʯ΍ʮͳΔ΄ͲʯͰ૬खͷҙݟΛड͚ೖΕΔ


    • ஔ͖׵͑ͯ΋ߠఆ͍ͯ͠ͳ͍ͷ͕ϙΠϯτ
    ૬खͷҙݟΛड͚ೖΕΑ͏
    • ʮ͍΍ʯ


    • ʮͰ΋ʯ
    • ʮͦ͏ͳΜͰ͢Ͷʯ


    • ʮͳΔ΄Ͳʯ

    View Slide

  24. ྫɿ΋͠ɺ্࢘ͷཧղ͕ؒҧ͍ͬͯΔͱࢥͬͨ࣌

    View Slide

  25. • ্࢘ʮiPhoneͰnanaco͸࢖͑ͳ͔͔ͬͨΒPixelΛ࢖͍ͬͯΔΜͩΑͶʯ


    • ࣗ෼ʮ͍΍ɺࠓͷiPhoneͰ͸nanaco࢖͑·͢Αʯ


    • ্࢘ʮͦͷ࣌͸·ͩରԠ͍ͯ͠ͳ͔ͬͨΜͩʯ
    ʮiPhoneͰnanaco͸࢖͑ͳ͍ʁʯ

    View Slide

  26. • ্࢘ʮiPhoneͰnanaco͸࢖͑ͳ͔͔ͬͨΒPixelΛ࢖͍ͬͯΔΜͩΑͶʯ


    • ࣗ෼ʮͦ͏ͳΜͰ͢ͶɺࠓͷiPhoneͰ͸nanaco࢖͑·͢Αʯ


    • ্࢘ʮࢲ͕࢖͍ͬͯͨ࣌͸·ͩରԠ͍ͯ͠ͳ͔ͬͨΜͩʯ
    ʮiPhoneͰnanaco͸࢖͑ͳ͍ʁʯ

    View Slide

  27. • Ұ౓಺༰Λड͚ࢭΊΔͱձ࿩ͷτή͕औΕͨײ͕͡͠·ͤΜ͔ʁ


    • ૬खͷҙݟΛೝΊΔ͜ͱͰɺͦͷ࣍ͷձ࿩͕͠΍͘͢ͳΓ·͢

    View Slide

  28. ྫɿಉ྅ͱͷԿؾͳ͍ձ࿩

    View Slide

  29. • ࣗ෼ʮGWͲ͔͜ߦ͖·ͨ͠ʁʯ


    • ૬खʮ෱Ԭ·Ͱߦ͖·ͨ͠ɻਂ໷όεͰߦͬͨͷͰϫΫϫΫͨ͠Αʯ


    • ࣗ෼ʮྲྀੴʹϫΫϫΫ͢Δ΋ͷ͡Όͳ͍Ͱ͠ΐ…ʯ
    ಉ྅ͱͷԿؾͳཱྀ͍ͷձ࿩

    View Slide

  30. • ࣗ෼ʮGWͲ͔͜ߦ͖·ͨ͠ʁʯ


    • ಉ྅ʮ෱Ԭ·Ͱߦ͖·ͨ͠ɻਂ໷όεͰߦͬͨͷͰϫΫϫΫͨ͠Αʯ


    • ࣗ෼ʮͦ͏ͳΜͰ͢ͶɺͳΜͰϫΫϫΫͨ͠ΜͰ͔͢ʁʯ


    • ಉ྅ʮࣗ෼͕޷͖ͳ൪૊Ͱಉ͡όεʹ৐͍ͬͯΔγʔϯ͕͋ͬͯɺҰ౓ͲΜ
    ͳ΋ͷ͔ମݧͯ͠Έ͔ͨͬͨΜͩʯ
    ಉ྅ͱͷԿؾͳཱྀ͍ͷձ࿩

    View Slide

  31. • ड͚ೖΕΔʹ͸ɺࣗ෼͕अຐΛͯ͠͠·Θͳ͍ฦ͠ํΛ͢Δͷ΋େࣄͰ͢


    • Ұ౓ड͚ೖΕͯ࿩ͷഎܠΛฉ͘͜ͱͰτήཱ͕ͨͳ͘ͳΓ·͢

    View Slide

  32. Section2ɹ·ͱΊ
    • ͱΓ͋͑ͣʮͦ͏ͳΜͰ͢ͶʯʮͳΔ΄ͲʯͰҰ౓ड͚ࢭΊ·͠ΐ͏


    • ʮ͍΍ʯͷΑ͏ͳ൱ఆ͔Β࢝·Δͱᑜͷ͋Δձ࿩ʹͳΔͷͰؾΛ͚ͭ·͠ΐ͏


    • ͜Ε͹͔Γ͸৚݅൓ࣹͰݴͬͯ͠·͏ͷͰൃݴͷࡍʹؾʹཹΊ·͠ΐ͏

    View Slide

  33. Section3


    དྷि͔Β࢖͑Δจষज़

    View Slide

  34. • ਓ͕ؒཧղͰ͖Δ߲໨͸̏ͭ·Ͱ


    • ௕͍จষʹ͸ϥϕϧΛ͚ͭ·͠ΐ͏


    • ͜Ε͚ͩͰཧղ౓͕ߴ͘ͳΔ͜ͱ͕͋Δ
    ϥϕϧΛ͚ͭΑ͏

    View Slide

  35. • Raspberry Pi͸$39ఔ౓ͰߪೖͰ͖Δ҆ՁͰখ͞ͳύιίϯͰ͢ɻRaspberry
    Pi OSͱ͍͏LinuxϕʔεͷOS͕ಈ͍͓ͯΓɺGPIOͱ͍͏ΠϯλʔϑΣʔεΛ
    ࢖ͬͯϞʔλʔ΍LEDͳͲΛಈ͔͢͜ͱ͕Ͱ͖ΔͨΊIoT༻్ʹͱͯ΋޲͍ͯ
    ͍·͢ɻ
    ϥϕϧΛ͚ͭΔલ

    View Slide

  36. Raspberry Piͱ͸


    • ҆Ձɿ$39ఔ౓ͰߪೖͰ͖Δ


    • LinuxϕʔεɿRaspberry Pi OSͱ͍͏LinuxϕʔεͷOS͕ಈ͍͍ͯΔ


    • IoT޲͚ɿGPIOͱ͍͏ΠϯλʔϑΣʔεͰϞʔλʔ΍LEDΛ੍ޚͰ͖Δ
    ϥϕϧΛ͚ͭͨޙ

    View Slide

  37. • ͜Ε͹͔Γ͸࿅शΛ͢Δ͔͠ͳ͍


    • ਺෼Ͱ͍͍ͷͰద౰ͳωοτهࣄ΍πΠʔτʹݟग़͠Λ͚ͭͯΈ·͠ΐ͏


    • ຖ೔಄ͷதͰ܁Γฦͯ͠Έ·͠ΐ͏
    ???ʮͦΜͳ؆୯ʹݟग़͠ͳΜ͚ͯͭΕͳ͍ʯ

    View Slide

  38. ׳ΕͨΒϨϕϧΞοϓͯ͠Έ·͠ΐ͏
    ੔ཧ͢Δ
    ج४఺͔


    ൺֱର৅Λ


    ༻ҙ͢Δ
    ۩ମతͳ


    ਺ࣈΛ͚ͭΔ

    View Slide

  39. ࠷ॳʹग़͖ͯͨձ࿩Λ੔ཧ͢Δ
    • ʮʓʓͷվमͷͨΊLambdaͷ։ൃ؀ڥΛ͙͢ʹ༻ҙ͍ͨ͠ͱࢥͬͯ·͢ʯ


    • ʮάάͬͯΈͨΜͰ͚͢ͲɺCloud9Λ࢖͏ͷ͕खͬऔΓૣͦ͏ͳΜͰ͢ʯ


    • ʮͰ΋EC2ΛཱͯΔͷͰ͓͕͔͔ۚͪΌ͏ΜͰ͢ʯ
    Ұ൪࠷ॳʹग़͖ͯͨձ࿩ɺ΋͠SlackͰ఻͑Δ৔߹͸Ͳ͏͢Δͷ͕ྑ͍ʁ

    View Slide

  40. ࠷ॳʹग़͖ͯͨձ࿩Λ੔ཧ͢Δ
    • ʓʓͷվमͷͨΊLambdaͷ։ൃ؀ڥΛ͙͢ʹ༻ҙ͍ͨ͠ͱࢥͬͯ·͢


    • ௐࠪͷ݁ՌɺCloud9Λ࢖͏ͷ͕खͬऔΓૣͦ͏Ͱ͢


    • ͔͠͠EC2ΛཱͯΔͷͰ՝͕ۚൃੜ͠·͢
    ·ͣՕ৚ॻ͖ʹదͨ͠ܗʹ͢Δ

    View Slide

  41. ࠷ॳʹग़͖ͯͨձ࿩Λ੔ཧ͢Δ
    • ໨తɿʓʓͷվमͷͨΊLambdaͷ։ൃ؀ڥΛ͙͢ʹ༻ҙ͍ͨ͠


    • ௐࠪ݁ՌɿCloud9Λ࢖͏ͷ͕खͬऔΓૣͦ͏


    • ໰୊఺ɿEC2ΛཱͯΔͷͰ՝͕ۚൃੜ͢Δ
    ෼ྨΛ͢Δ

    View Slide

  42. ࠷ॳʹग़͖ͯͨձ࿩Λ੔ཧ͢Δ
    • ໨తɿʓʓͷվमͷͨΊLambdaͷ։ൃ؀ڥΛ͙͢ʹ༻ҙ͍ͨ͠


    • ௐࠪ݁ՌɿCloud9Λ࢖͏ͷ͕ServerlessίϚϯυΛ४උ͢ΔΑΓखͬऔΓૣͦ͏


    • ໰୊఺ɿEC2ΛཱͯΔͷͰ݄ʹ࠷େ1300ԁ΄Ͳ՝͕ۚൃੜ͢Δ
    ൺֱର৅Λ͚ͭͨΓɺ۩ମతͳ਺ࣈΛ͚ͭΔ

    View Slide

  43. Θ͔Γ΍͍͢આ໌ʹͳΓ·ͨ͠Ͷ
    ·ͩվળ఺͸͋Γ·͕͢…

    View Slide

  44. Section3ɹ·ͱΊ
    • ಺༰Λ̏ߦʹ·ͱΊΔ


    • Θ͔Γ΍͍͢ϥϕϧΛ಄ʹ͚ͭΔ


    • ൺֱର৅΍۩ମతͳ਺ࣈΛ͚ͭΔ

    View Slide

  45. • ૬खͷཧղ౓ͱՁ஋؍Λ೺Ѳ͠ͳ͕Βઆ໌͠·͠ΐ͏ɻʮ͜͜·ͰOK?ʯ


    • ʮͦ͏ͳΜͰ͢ͶʯͰҰ౓૬खͷҙݟΛड͚ೖΕͯձ࿩Λ͠·͠ΐ͏ɻ


    • ͪΐͬͱ௕͍આ໌͸࠷ॳʹϥϕϧΛ͚ͭɺՕ৚ॻ͖Ͱ੔ཧ͠·͠ΐ͏ɻ
    Section 1,2,3 ·ͱΊ

    View Slide

  46. શ෦͙͢ʹͰ͖Δਓ͸͍ͳ͍

    View Slide

  47. ͜ͷޙͰ͖Δ͜ͱ͔Β


    ΍͍͖ͬͯ·͠ΐ͏

    View Slide

  48. େৎ෉Ͱ͔͢ʁ

    View Slide

  49. େৎ෉ͩΑʂ

    View Slide


  50. View Slide