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

炎上はクリスマスと共に来る

 炎上はクリスマスと共に来る

炎上はクリスマスと共に来る

Takayuki

May 27, 2020
Tweet

More Decks by Takayuki

Other Decks in Technology

Transcript

  1. 鈴木孝之
    Ԍ্͸ΫϦεϚεͱڞʹདྷΔ
    ೥຤͋Δ͋Δ

    View Slide

  2. "HFOEB
    ࣗݾ঺հ
    ౰࣌ͷϓϩδΣΫτͷঢ়ଶ
    Ԍ্ͨ͠ཧ༝ΛৼΓฦΔ

    View Slide

  3. Copyright Re:Build.inc All Rights Reserved.
    ର৅ऀʹ͍ͭͯ
    0
    ΤϯδχΞͰ1.Λ໨ࢦ͍ͯ͠Δ
    ΤϯδχΞͰ1.Λ΍͍ͬͯΔ

    View Slide

  4. ࣗݾ঺հɾձࣾ঺հ

    View Slide

  5. Copyright Re:Build.inc All Rights Reserved.
    ࣗݾ঺հ
    1
    ◆໊લ
    ླ໦ ޹೭(Suzuki Takayuki)
    ※ಉ੏ಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ
    ◆ࣗݾ঺հ
    ɾ1990೥ੜ·Εɻݱࡏɺ29ࡀɻ
    ɾԭೄͰىۀͯ͠໿2೥൒ɻ
    ɾPHPΧϯϑΝϨϯεԭೄ࣮ߦҕһ௕ɺ
    ϑϩϯτΤϯυΧϯϑΝϨϯεԭೄ࣮ߦҕһ௕
    ◆झຯ
    ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺ໺ٿ؍ઓ
    BDD(Ϗʔνۦಈ։ൃ)

    View Slide

  6. Copyright Re:Build.inc All Rights Reserved.
    ࣗݾ঺հ
    1

    View Slide

  7. Copyright Re:Build.inc All Rights Reserved.
    ձࣾ঺հ
    1
    ◆ձ໊ࣾ
    גࣜձࣾRe:Build
    ◆ॅॴ
    ԭೄݝಹ೼ࢢٱໜ஍2-2-2 λΠϜεϏϧ
    ◆ࣄۀ಺༰
    ɾࣗࣾWEBαʔϏεͷاըɾ։ൃɻ
    ɾडୗ։ൃ
    ◆ࣾһ
    7໊
    ◆ΤϯδχΞͷಇ͖ํ
    ϦϞʔτϫʔΫՄೳͳࣗ༝ͳಇ͖ํΛਪ঑ͯ͠·͢ʂ

    View Slide

  8. Copyright Re:Build.inc All Rights Reserved.
    8
    ɾαʔϏε໊
    Tadoru

    https://tadoru.work/


    ɾγεςϜ֓ཁ
    ΤϯδχΞಛԽܕͷ
    ϦϑΝϥϧ
    Ϋϥ΢υιʔγϯά
    1 ձࣾ঺հ

    View Slide

  9. Copyright Re:Build.inc All Rights Reserved.
    9
    ɾαʔϏε໊
    Re:Build Boot Camp

    https://rebuild-bootcamp.jp/


    ɾ֓ཁ
    ԭೄͱٶ࡚Ͱʮ࣮຿ϨϕϧʯΛ໨
    ࢦ͢ํ޲͚ͷϓϩάϥϛϯάε
    Ϋʔϧ
    ɾ࢖͏ٕज़
    LaravelɺVue.jsͳͲ
    1 ձࣾ঺հ

    View Slide

  10. Copyright Re:Build.inc All Rights Reserved.
    1 0
    ࣮຿Ϩϕϧ
    ॳ৺ऀ
    ॳڃऀ
    ஍ํͷॳ৺ऀ޲͚ͷϓϩάϥ
    ϛϯάεΫʔϧΛଔۀͨ͠ޙ
    ͷॳڃऀ͔Β࣮຿Ϩϕϧ·Ͱ
    ͷؒΛຒΊΔεΫʔϧ
    1 ձࣾ঺հ

    View Slide

  11. Copyright Re:Build.inc All Rights Reserved.
    11
    April June July
    May
    ࣗशܗࣜ
    ߨٛܗࣜ
    ൃද தؒൃද
    ࣗशܗࣜϕʔεͷߨٛܗࣜΛ৫Γֶࠞͥͯश͍͖ͯ͠·͢ɻ
    ࣗशܗࣜ͸߹ܭ300࣌ؒษڧΛ໨ࢦ͢ɻ
    1 ձࣾ঺հ

    View Slide

  12. ౰࣌ͷϓϩδΣΫτͷঢ়ଶ

    View Slide

  13. Copyright Re:Build.inc All Rights Reserved.
    2
    ᶃࣗࣾ։ൃͷ্ཱͪ͛
    -> Ϛωδϝϯτɾ࢓༷ܾΊɾ
    σβΠϯϞοΫ࡞੒ɾϚʔΫΞοϓ
    ᶄडୗ։ൃ1 தن໛։ൃ
    -> Ϛωδϝϯτɾগ͠ϚʔΫΞοϓ
    ᶆडୗ։ൃ2 খن໛εΫʔϧ؅ཧը໘։ൃ
    -> ཁ݅ఆٛɾLaravelͰগ͠։ൃ
    ᶇडୗ։ൃ3 খن໛πʔϧ։ൃ
    -> ϚωδϝϯτɾLaravelͰগ͠։ൃ
    ᶅϓϩάϥϛϯάεΫʔϧͷߨࢣ
    -> िʹ1ʙ2ճ 3࣌ؒ
    ౰࣌ɺ๊͍͑ͯͨҊ݅ͷঢ়گ(2018೥12݄ʙ2019೥3݄ࠒ)

    View Slide

  14. Copyright Re:Build.inc All Rights Reserved.
    2 ૊৫ਤ ࣗࣾWebαʔϏεͷ։ൃ
    Suzuki Takayuki
    ਖ਼ࣾһ
    Kakazu Yuki
    (ਖ਼ࣾһ)
    σβΠϯ
    PjM&։ൃ
    ։ൃ
    ϑϦʔϥϯε ϑϦʔϥϯε ϑϦʔϥϯε
    ϑϦʔϥϯε
    ෭ۀ
    ਖ਼ࣾһɺϑϦʔϥϯεɺ෭
    ۀͷํ͕͍ࠞͬͯ͟Δঢ়ଶ
    PdM

    View Slide

  15. Copyright Re:Build.inc All Rights Reserved.
    2 ૊৫ਤ ࣗࣾWebαʔϏεͷ։ൃ
    Suzuki Takayuki
    ཁ݅ఆٛ&
    Ϛωδϝϯτ&։ൃ
    ։ൃ
    ਖ਼ࣾһ
    ਖ਼ࣾһ
    Kakazu Yuki
    (ਖ਼ࣾһ)
    ਖ਼ࣾһ
    ਖ਼ࣾһͷதͰ΋डୗͱࣗࣾ
    ։ൃΛ݉೚͍ͯ͠Δέʔε
    ΋͋Γ

    View Slide

  16. Copyright Re:Build.inc All Rights Reserved.
    2 ౰࣌ɺ๊͍͑ͯͨҊ݅ͷঢ়گ(2018೥12݄ʙ2019೥3݄ࠒ)
    ɾࣗࣾ։ൃΛ࢝Ί͚ͨͲɺडୗ։ൃΛ͙͢ʹ0ʹ͸Ͱ͖ͳ͔ͬͨɻ
    ɾि7೔ՔಇͰຖ೔ɺਂ໷·Ͱಇ͍ͯ΋࢓ࣄऴΘΒͳ͍ঢ়ଶ

    (࣮࣭ि10೔ʁ)
    ɾϚωδϝϯτͱ1ਓͰ։ൃҊ݅΋͋ͬͨͷͰɺ࣌ؒͷ࢖͍ํ͕ॏཁ
    ɾϏδωεܥͷϐονΠϕϯτͰ౦ژɾେࡕɾ෱ԬΛඈߦػͰҠಈɻฒߦͰࢿۚ
    ௐୡ४උͳͲɻ

    View Slide

  17. Copyright Re:Build.inc All Rights Reserved.
    2 Ԍ্ͨ͠Ҋ݅
    ᶃࣗࣾ։ൃͷ্ཱͪ͛
    -> Ϛωδϝϯτɾ࢓༷ܾΊɾ
    σβΠϯϞοΫ࡞੒ɾϚʔΫΞοϓ
    ᶄडୗ։ൃ1 தن໛։ൃ
    -> Ϛωδϝϯτɾগ͠ϚʔΫΞοϓ
    ᶆडୗ։ൃ2 খن໛εΫʔϧ؅ཧը໘։ൃ
    -> ཁ݅ఆٛɾLaravelͰগ͠։ൃ
    ᶇडୗ։ൃ3 খن໛πʔϧ։ൃ
    -> ϚωδϝϯτɾLaravelͰগ͠։ൃ
    12݄ʹԌ্
    2݄ʹԌ্
    12݄ʹԌ্
    ᶅϓϩάϥϛϯάεΫʔϧͷߨࢣ
    -> िʹ1ʙ2ճ 3࣌ؒ

    View Slide

  18. Copyright Re:Build.inc All Rights Reserved.
    2 ౰࣌ͷεέδϡʔϧ
    ɾ೔த͸࿈བྷ΍λεΫͷׂΓৼ
    Γʹపͯ͠ɺਂ໷ʹ։ൃͷ࡞ۀ
    Λ͍ͯͨ͠ɻ
    0࣌
    3࣌
    6࣌
    12࣌
    18࣌
    9࣌
    ։ൃ
    ࿈བྷରԠɾձٞ
    ࢓༷ܾΊͳͲ
    ब৸
    20࣌
    ্ख͘ޮ཰Խ͢Ε͹ɺ
    1೔Ͱ2ਓ೔෼ಇ͚Δ(স)

    View Slide

  19. Copyright Re:Build.inc All Rights Reserved.
    2 Ԍ্ᶃ डୗ։ൃ3 খن໛πʔϧ։ൃ
    ɾ஥ྑ͍લ৬ͷಉ྅͔ΒͷҊ݅ͩͬ
    ͨͷͰɺೲ඼ܕͳͷʹ͋·Γɺཁ݅
    ΛܾΊͣʹΞδϟΠϧͬΆ͍ײ͡Ͱ
    ࢝Ίͯ͠·ͬͨɻ
    ɾ๩͗ͯ͢͠ɺݟੵ΋Γ࡞ۀ͕ࡶʹ
    ͳͬͯ͠·͍ɺֹۚʹରͯ͠޻਺͕
    શવɺ߹Θͳ͍ɻ

    View Slide

  20. Copyright Re:Build.inc All Rights Reserved.
    2 Ԍ্ᶄ डୗ։ൃ1 தن໛։ൃ
    ɾҊ݅ͷॾࣄ৘Ͱཁ݅ఆٛϑΣʔζ
    ͕ετοϓɻ
    ɾΤϯδχΞͷϦιʔε֬อ͍ͯ͠
    ͚ͨͲɺۭ͖͕࣌ؒग़ͯ͠·ͬͨͷ
    Ͱɺ৽͍ܰ͠ΊͷҊ݅Λऔͬͨɻ
    (଴ػʹͳͬͯ΋ਓ݅අ͕ਏ͍)
    ͦͨ͠Βɺ͍͖ͳΓ։ൃ࠶։ɻ

    View Slide

  21. Copyright Re:Build.inc All Rights Reserved.
    2 Ԍ্ᶅ খن໛εΫʔϧ؅ཧը໘։ൃ
    ɾ։ൃͷεέδϡʔϧͷ֬ೝ͸ͯ͠
    ͍͚ͨͲɺࡉ͔͍෦෼͸֬ೝ͍ͯ͠
    ͳͯ͘ɺϦϦʔεۙ͘Ͱͨ͘͞Μͷ
    ࢓༷ͷऔΓ͜΅͕͠ൃ֮ɻ
    ɾ৽ਓ͞Μʹ࣮຿Λ͓ئ͍͍ͯͨ͠
    ͚ͲɺͪΌΜͱ໘౗ݟΕ͍ͯͳ͔ͬ
    ͨɻ

    View Slide

  22. Copyright Re:Build.inc All Rights Reserved.
    2 Ԍ্ετʔϦʔ
    ɾΫϦεϚεલͰ࢓༷ͷऔΓ͜΅͠
    ͕ൃ֮͠ɺձࣾͷϝϯόʔʹ΍ͬͯ
    ΋Β͏ͱ࢒ۀ୅ͱֹ͕ۚ߹Θͳ͍ͷ
    Ͱɺશ෦ɺࣗ෼Ͱר͖औΓɺప໷Ͱ
    ։ൃɻ

    View Slide

  23. Copyright Re:Build.inc All Rights Reserved.
    2 Ԍ্ετʔϦʔ
    ɾప໷໌͚ͰΫϦεϚε͸ԭೄͷΠ
    ϧϛωʔγϣϯΛݟʹߦ͚ͬͨͲɺ
    ݩؾͳ͍ͶͱΊͬͪΌɺݴΘΕΔ
    (স)
    ɾ࣮ࡍ͸ҙ͕ࣝ΋͏Ζ͏ͱͯͨ͠ɻ

    View Slide

  24. Copyright Re:Build.inc All Rights Reserved.
    2 ೥຤೥࢝Ͱগ͠Րফͨ͠(স)
    12/29 12/29 12/30 12/31 1/1 1/2 1/3 1/4 1/5 1/6
    Քಇ೔ ⿝ ⿝ ⿝ ϑΣε ⿝ ⿝ ⿝ ⿝ ⿝ ⿝
    ຖ೔ɺՔಇ͠ͳ͍ͱϠό
    ͔͚ͬͨͲɺϑΣε͸Ͳ
    ͏ͯ͠΋ߦ͖͔ͨͬͨ
    (স)

    View Slide

  25. Ԍ্ͨ͠ཧ༝ΛৼΓฦΔ

    View Slide

  26. Copyright Re:Build.inc All Rights Reserved.
    Ԍ্ཧ༝
    ݖݶҠৡͰ͖͓ͯΒͣɺ
    ϙδγϣϯ͕ଐਓԽ
    1ਓͰϚωδϝϯτͱ։ൃ͢Δʹ΋Ωϟ
    ύʹݶք͕͋ΔͷͰɺݖݶҠৡͯࣗ͠෼
    ͷϦιʔεΛৗʹগۭ͖͕͋͠Δঢ়ଶΛ
    อͭɻ
    ݟੵ΋Γͷਫ਼౓͕ѱ͍
    ٕज़Ӧۀ΍͍ͬͯΔਓ͕ݟੵ΋Γ΍࠷
    ॳͷཁ݅ఆٛΛૄ͔ʹͯ͠͠·͏ͱ͍
    ͘Βؤுͬͯ΋ɺṶ͔Βͳ͍ͷͰɺϑ
    Ϧʔϥϯε΋૿һͰ͖ͳ͔ͬͨɻ
    ৽ਓ͞Μ΁ͷαϙʔτ͕ૄ
    ͔ͩͬͨ
    ৽ਓ͞Μ͕࣮຿ʹೖΔλΠϛϯά΍
    ମ੍͸ݟۃΊ͕ඞཁɻࠓճ͸໌Β͔
    ʹಡΈ͕؁͔ͬͨɻ
    1 2 3
    3

    View Slide

  27. Copyright Re:Build.inc All Rights Reserved.
    3
    ᶃಛʹٕज़Ӧۀ΋΍Δϙδγϣϯͷਓ͸ৗʹ30%͘Β͍ϦιʔεΛ
    ۭ͚͓͍ͯͯ༨༟Λ࣋ͨͤΔɻ৽نͷҊ͕݅དྷͨ࣌ʹνϟϯεΛ௫Ίͳ͍ɻ
    ᶄࣾ಺ͰঃʑʹϚωδϝϯτۀ຿Λݖݶҕৡ͍ͯ͘͠
    ᶅ࣮຿ະܦݧͷ৽ਓ͞Μ͸͔ͬ͠ΓɺݚमظؒΛऔ͔ͬͯΒ
    ࣮຿ʹೖΒͳ͍ͱٯʹઌഐͷύϑΥʔϚϯε͕Լ͕Δ
    վળ͍͖͍ͯͨ͠఺

    View Slide

  28. Copyright Re:Build.inc All Rights Reserved.
    3 Ͳ͏΍ͬͯࣾ಺ͰPMΛ૿΍͢ͷ͔ʁ
    ɾ·ͣ͸ࣗ෼͔Βਪનͯ͠ɺ͓ئ͍ͯ͠ΈΔɻ
    ɾձࣾͰ΍Γ͕ͨΒͳ͍ϙδγϣϯͷใु͸ߴ
    Ίʹઃఆ͢ΔɻPMʹେม͚ͩͷΠϝʔδʹ͠
    ͳ͍ɻ
    ɾPMʹͳͬͯ΋ɺ߹Θͳ͚Ε͹ϓϩάϥϚʔ
    ʹ໭ΕΔΩϟϦΞύε΋༻ҙ͢Δɻ
    ɾϦεΫͷ௿͍෦෼͔ΒݖݶҠৡ͢Δɻ
    ݟੵ΋Γ
    ཁ݅ఆٛ
    ٕज़બఆ
    ݟੵ΋Γ͕؁͍ͱͲΕ͚ͩϚ
    ωδϝϯτؤுͬͯ΋Ṷ͔Β
    ͳ͍ɻ

    View Slide

  29. Copyright Re:Build.inc All Rights Reserved.
    3 ΤϯδχΞҭ੒ํ๏
    ɾOJTͰ؆୯ͳόάमਖ਼͔Β
    LaravelͱVue.jsͰ̍ػೳ։ൃɻ
    DBઃܭɺػೳઃܭ·Ͱ͸ग़དྷΔ
    Α͏ʹ͢Δɻ
    ɾͳΔ΂͘ɺظݶ͸ͦ͜·Ͱݫ
    ͘͠͠ͳ͍ɻ
    ࣗࣾ։ൃ
    ɾ͋Δఔ౓ɺࣗࣾ։ൃͰܦݧΛ
    ੵΜͩਓͷΈࢀըՄೳɻ
    ɾ͋·Γܦݧແ͍ঢ়ଶͰ৽ਓ͞
    Μ͕डୗΛ΍ͬͯ΋ɺ͓٬͞Μ
    ʹ΋৽ਓ͞Μʹ΋໎࿭͔͚Δܗ
    ʹͳΔύλʔϯ͕ଟ͍ɻ
    डୗ
    ࣮຿ະܦݧೖࣾͷਓ΋ࣗࣾ
    ։ൃͰ৺ཧత҆શͳ؀ڥͰ
    ͔ͬ͠ΓҭͯΔ

    View Slide

  30. Copyright Re:Build.inc All Rights Reserved.
    ·ͱΊ
    - ͲΜͳཧ༝͕͋Ζ͏ͱɺԌ্ͨ͠Ҏ্͸PMͷ੹೚ͳͷͰɺ࠷ޙ͸ࣗ෼Ͱ੹೚
    Λ࣋ͬͯ΍Γ੾Δɻ

    - ൑அೳྗ΍্ྲྀ޻ఔͰͷݟੵ΋Γɺཁ݅ఆٛͷਫ਼౓͕ѱ͘ͳͷͰɺ
    ద౓ʹ༨༟Λ࣋ͬͯɺ࢓ࣄΛ͢Δɻ
    - ࣗ෼͕΍Βͳ͍ࣄΛܾΊΔͷ͕ॏཁɻ

    View Slide

  31. Copyright Re:Build.inc All Rights Reserved.
    ࠂ஌
    300ਓن໛ͷϑϩϯτΤϯυΧϯϑΝϨϯεԭ
    ೄΛΦϯϥΠϯͰ։࠵͠·͢ʂ
    HTMLɺJavaScriptɺUIɺUXɺσβΠϯɺΞΫ
    ηγϏϦςΟɺSPAϑϨʔϜϫʔΫɺPWAͳ
    ͲશͯϑϩϯτΤϯυͰ͢ɻ৬छ໰Θͣɺ͝ࢀ
    Ճ͓଴͓ͪͯ͠Γ·͢ʂ
    ୆࿷ͱγϯΨϙʔϧ͔Β΋͝ొஃ௖͖·͢ʂ

    View Slide