プロジェクトをうまく進めるために、コーダーが進化するためのテクニック

2019年10月19日に大崎ブライトコアホールで開催された、CSS Nite LP64「Coder's High 2019」にて登壇しました『プロジェクトをうまく進めるために、コーダーが進化するためのテクニック』のスライドです。

Transcript

1. ϓϩδΣΫ
   ίʔμʔ͕
   ਐԽ
   ͢ΔͨΊͷςΫχοΫ $44
   /JUF
   -1ʮ$PEFST
   )JHI
   ʯ גࣜձࣾNHOɹେ۲ഹ τΛ͏·͘ਐΊΔͨΊʹɺ
2. ࣗݾ঺հ wגࣜձࣾNHO
   ৽॓ϦϞʔτ
   wେ۲ഹ ϝΨω
   ओʹσΟϨΫλʔ
   w8PSE1SFTTΛར༻ͨ͠
 8FCαΠτͷ੍࡞ͱ
 ӡ༻ͷίϯαϧςΟϯά
   w΄΅
   डୗ
3. ϓϩδΣΫ
   ίʔμʔ͕
   ਐԽ
   ͢ΔͨΊͷςΫχοΫ τΛ͏·͘ਐΊΔͨΊʹɺ
4. ͳͥ͜ͷηογϣϯʁ w೥Ҏ্8FCαΠτ੍࡞Λ͖ͯ͠·ͨ͠
   wίʔσΟϯά͸೉͍͠࢓ࣄͩͱ
 ײ͍ͯ͡·͢
   wϓϩδΣΫτͷ伴Λ
 Ѳ͍ͬͯΔ࢓ࣄͷͭͰ͢
5. ͳͥ͜ͷηογϣϯʁ w΋ͬͱ͏·͘ϓϩδΣΫτΛ
 ਐΊΔͨΊʹίʔμʔ͞Μ͕
 Ͳ͏ͯ͘͠ΕΔͱخ͍͔͠ߟ͑·ͨ͠
   wͪͬͱ΋͔ͬ͜Α͘ͳ͍࿩Ͱ͢
   wʮੴ͸ߗ͍ʯͱ͍͏Ұݟී௨ͳ࿩Ͱ͢
6. ͓఻͑͢Δ͜ͱ wϓϩδΣΫτ͕͏·͘ਐΜͰ͍Δ
 ঢ়ଶͱ͸ʁ
   w͏·͘ਐΊΔͨΊͷςΫχοΫ
7. ໰୊Ͱ͢ wϓϩδΣΫτͷਐߦதʹɺ
 ϓϩδΣΫτ͕͏·͘
 ਐΜͰ͍Δ͔Ͳ͏͔Λ൑அͰ͖Δ
 ࢦඪ͸ͳΜͰ͠ΐ͏ʁ
8. ϓϩδΣΫτ͕͏·͘ਐΜͰͳ͍ w੍࡞ձࣾ
   w࢓༷͕૿͑Δɺόά͕ଟ͍
   wεέδϡʔϧͷ௨Γਐ·ͳ͍
   wൃ஫ऀ
   w໰୊͕૿͑Δ
   ੒Ռ͕ग़ͳ͍
9. ϓϩδΣΫτΛ͏·͘ਐΜͰΔ w੍࡞ձࣾ
   wܭը௨ΓϓϩδΣΫτ͕ਐߦ͢Δ
   wൃ஫ऀ
   w໰୊͕ղܾ͢Δ
   w੒Ռ͕ग़Δ
10. ϓϩδΣΫτਐߦதͷධՁ Φϯ
    εέδϡʔϧ ஗Ε͍ͯΔ
11. ϓϩδΣΫτਐߦதͷධՁ ؒʹ߹͍ͬͯΔ͔Ͳ͏͔ Φϯ
    εέδϡʔϧ ஗Ε͍ͯΔ
12. ίʔμʔʹؔ܎͢Δεέδϡʔϧ໰୊
13. ίʔμʔʹؔ܎͢Δεέδϡʔϧ໰୊ wεέδϡʔϧతʹίʔσΟϯά͕
 ܰࢹ͞ΕΔ
    wલ൒͸ͷεέδϡʔϧ͸஗Ε͕ͪ ؒʹ߹͍·͢ΑͶʁ
14. ίʔμʔʹؔ܎͢Δεέδϡʔϧ໰୊ w଍Γͯͳ͍
    wίϯςϯπ
    wσβΠϯ
    wγεςϜతʹඞཁͳ΋ͷ ͍͍ײ͡ʹ͓ئ͍͠·͢
15. ίʔμʔʹؔ܎͢Δεέδϡʔϧ໰୊ wҙຯ͕ײ͡ΒΕ೉͍࡞ۀ
    w࡞ͬͯݟͤͳ͍ͱ
 ཧղͯ͠΋Β͑ͳ͍
 ύλʔϯ
    wෳ਺Ҋͷఏग़ɺ
 ޙͰ΋Մೳͳจࣈमਖ਼ Ұ୴$.4ʹ͢Δલʹ
 )5.-Ͱ৭ҧ͍ͱ
 ϨΠΞ΢τҧ͍Ͱ
    1$΋εϚϗ΋
 ͓ئ͍͠·͢
16. ίʔμʔʹؔ܎͢Δεέδϡʔϧ໰୊ wਓͱػցͷ൘ڬΈ
    wؾ͚࣋ͪͩͰ͸ͳΜͱ΋ͳΒͳ͍ ΋͏͢͜͠
    ͍͍ײ͡ʹͳΓ·ͤΜ͔ʁ
17. ໰୊͕ى͜ΔݪҼ w࡞ۀൣғ͕޿͘ɺ
 ·ͨϘϯϠϦ͓ͯ͠Γ۩ମԽ͕೉͍͠
    w࣮ࡍʹͰ͖͔ͯΒɺ
 ؾ͕ͭ͘಺༰͕ଟ͍
    w࠷ޙ·ͰରԠ͠ͳ͚Ε͹ͳΒͳ͍
18. ίʔμʔʹٻΊΒΕ͍ͯΔ͜ͱ w Ͳͷϒϥ΢βͰ΋ૉఢʹݟ͑ͯ
    w ࢖͍ճ͠ʹ΋ॊೈͰ
    w $.4ͳͲʹ΋͙͢ʹ൓өͰ͖ͯ
    w ܰͯ͘
    w ηϚϯςΟοΫͰ
    w ΞΫηγϏϦςΟʹରԠͯͯ͠ w 4&0ʹڧ͍
    w ίʔυ͸ϝϯςφϯε͠қ͘
    w ୭͕ݟͯ΋Θ͔Γ΍͍͢
    w ଎͘࡞ۀ͕ऴΘΔ
    w ޙ͔Β͘ΔσβΠϯ΍
 γεςϜʹ΋ରԠ͢Δ ଟ͍
    
19. ίʔμʔʹٻΊΒΕ͍ͯΔ͜ͱ wᔬམͨΠϯλϥΫγϣϯ
    wϨεϙϯγϒ
    w;Θͬͱײ
    wͽΐ͜ͽΐ͜ ͖ͬͱਆ༷తͳ࢓ࣄ
20. ίʔμʔͷ࢓ࣄ͸೉ղͰॏཁ wෳࡶͰ೉͍͠࢓ࣄͰ͋Γɺ
 ୭ʹͰ΋Ͱ͖Δ࢓ࣄͰ͸ͳ͍
    wϓϩδΣΫτͷ੒ޭΛࠨӈ͢Δ
 େ͖ͳ໾ׂͷҰͭ
    wͲͷΈͪɺ͢΂ͯͷ͜ͱΛ͋Δఔ౓ͷϨϕϧͰ
 ࣮ࢪ͠ͳͯ͘͸ͳΒͳ͍ ͳͷʹ
21. ίʔμʔͷ࢓ࣄ͸೉ղͰॏཁ wσΟϨΫλʔ΍ϓϩάϥϚʔʹ
 ൺ΂௿͘ݟΒΕ͕ͪ
    wฏۉతͳڅ༩΋ଞͷ໾৬ʹൺ΂ͯ௿͍
 ˞֤छస৬αΠτͷϝσΟΞௐ΂ ͳͷͰ
22. ϓϩδΣΫτΛ͏·͘ਐΊΔͨΊʹ͸ w͍͔ʹૣ͍ஈ֊Ͱɺ
 ίʔμʔͷۀ຿ͷ֬ఆΛߦ͍ɺ
 εέδϡʔϧతʹ஗Ԇ͢Δ͜ͱͳ͘
 ϓϩδΣΫτΛਐΊΒΕΔ͔
    w·ͨɺεέδϡʔϧͷதʹɺ
 ޙ͔Βͷۀ຿Λ૊ΈೖΕΒΕΔ͔
23. ϓϩδΣΫτΛ͏·͘ਐΊΔͨΊʹ͸ wฏۉతͳڅ༩΋ଞͷ໾৬ʹ
 ൺ΂ͯ௿͍͜ͱͷղܾ͸ɺ
 ͜ͷਐߦ෦෼Λௐ੔Ͱ͖Δͱղܾ͢Δ Մೳੑ͕ߴ͍
 ˞ݸਓతͳԱଌ
24. ਐԽ͢ΔͨΊͷςΫχοΫ ϨϏϡʔظؒͷεέδϡʔϧ΁ͷ૊ΈೖΕ
    ରԠͷ଎͞ͱݟ͑ΔԽ
    ฉ͘ɺฉ͔ͳ͍ͷௐ੔
    ଧͪ߹Θͤͷݱ৔ͰݟͤΔྗ
    ॊೈੑ
25. ϨϏϡʔظؒͷεέδϡʔϧ΁ͷ૊ΈೖΕ wݟ͔ͯΒͰͳ͍ͱ
 ܾΊΒΕͳ͍͜ͱ͕ଟ͍
    wͰ͋Ε͹࠷ॳ͔Βɺݟͨޙʹ࡞ۀ͢Δ
 ظؒΛεέδϡʔϧʹؚΜͰ͓͘ ࢓༷
 ܾఆ σβΠϯ ίʔσΟϯά ςετ
26. ϨϏϡʔظؒͷεέδϡʔϧ΁ͷ૊ΈೖΕ wͰ͋Ε͹࠷ॳ͔Βɺݟͨޙʹ࡞ۀ͢Δ
 ظؒΛεέδϡʔϧʹؚΜͰ͓͘
    w࣮ࡍͷ੍࡞ظؒͱ
 ಉ౳͙Β͍͕๬·͍͠ ϨϏϡʔ ࢓༷
 ܾఆ σβΠϯ ίʔσΟϯά ςετ
27. ରԠͷ଎͞ͱݟ͑ΔԽ w࡞ۀ్த΋ใࠂ͢Δ
    wࡉ͔͍՝୊Λཱͯͯɺ׬ྃͤ͞Δ
    w(JUͷར༻
    wใࠂͷख͕ؒল͚Δ
28. ରԠͷ଎͞ͱݟ͑ΔԽ w՝୊ຖͷࣾ಺֎໰Θͣ
 ୲౰ऀಉ࢜Ͱͷର࿩
    w٬΋੍࡞ऀ΋Ұॹʹ
 ϓϩδΣΫτ؅ཧπʔϧʹೖΔ
29. ฉ͘ɺฉ͔ͳ͍ͷௐ੔ wฉ͘ඞཁ͕͋Δ͜ͱΛฉ͘
    w࢓༷ͷ໌֬Խ͕ඞཁͳՕॴ
    wฉ͘ඞཁ͕ແ͍͜ͱΛฉ͔ͳ͍
    wͲͪΒͰ΋ྑ͍Օॴ
30. ฉ͘ɺฉ͔ͳ͍ͷௐ੔ LOGO LOGO Nav 01 Nav 01_01 Nav 01_02 Nav 02 Nav 03 Nav 04
31. ฉ͘ɺฉ͔ͳ͍ͷௐ੔ LOGO Nav 01 Nav 01_01 Nav 01_02 Nav 02 Nav 03 Nav 04 wࠨ͔Βग़͖ͯͦ͏
    wݩͷϋϯόʔΨʔ͸ফ͑ͯΔ
    w֊૚໨͕ΞίʔσΟΦϯ෩
 ͕ͩɺߦ໨͸☓ͱॏͳΓͦ͏ɻ
    w֊૚໨͸ແ͍ͷ͔ͳ
    wݕࡧ͸ʁ ͜ͷؾ෇͖ͦ͜ϓϩ
32. ฉ͘ɺฉ͔ͳ͍ͷௐ੔ LOGO Nav 01 Nav 01_01 Nav 01_02 Nav 02 Nav 03 Nav 04 wόπ෦෼Λಀͤ͹γϯϓϧ
    wΞίʔσΟΦϯͱ
 ॏͳΔ͜ͱ΋ͳ͍
    wݕࡧΛೖΕࠐΉ΄͏͕ࣗવ͔΋
    wΞίʔσΟΦϯ͸
 ٯʹͳͬͨ΄͏͕͍͍͔ͳ
    w֊૚໨͸ແͦ͞͏
33. ฉ͘ɺฉ͔ͳ͍ͷௐ੔ LOGO Nav 01 Nav 01_01 Nav 01_02 Nav 02 Nav 03 Nav 04 w্͔ΒԼͰ΋͍͍ͷͰ͋Ε ͹ɺγϯϓϧ
    wݕࡧ΋ಉ༷ʹ੾Γସ͑Ε͹ Θ͔Γ΍͍͢
    wΞίʔσΟΦϯ΋ࣗવ
    w͜ͷํ޲ͰਐΊΒΕͳ͍͔
34. ฉ͘ɺฉ͔ͳ͍ͷௐ੔ Nav 01 Nav 01_01 Nav 01_02 Nav 02 Nav 03 Nav 04 wϑΣʔυͰશମΛӅ͢ํ޲ Ͱ΋͍͍͔΋
    wΞίʔσΟΦϯ΋αΠτͷ ֊૚తʹෆཁͦ͏
    wݕࡧͷස౓ʹΑͬͯ͸Լ෦ Ͱ΋͍͍͔΋
35. ଧͪ߹Θͤͷݱ৔ͰݟͤΔྗ w࣮ࡍʹಈ͔ͯ͠ɺมߋͯͦ͠ͷ৔ͰݟͤΔ
    wͦͷͨΊʹը໘Λ४උ
    wձ৔ͷϞχλʔ
    PS
    ;00.ͳͲͷϏσΦ νϟοτ
    wΤϯλʔςΠϝϯτੑͱ৴པੑͷ֫ಘ
36. σϞ wIUUQTPTBLJIBMMKQ
    wIUUQDTTOJUFKQMQMQ
37. ॊೈੑ wϓϩδΣΫτνʔϜͷ
 ৺ཧత҆શੑͷ֬อ
    w͓ޓ͍༷ͷؾ࣋ͪ
    wڠྗ
    wਖ਼௚͞
38. ·ͱΊ wίʔσΟϯά͸ෳࡶʹབྷΈ߹͏
 ϓϩδΣΫτͷதͷੜ໋ઢ
    wͦͷ͜ͱΛࣗ෼΋पΓ΋ཧղͯ͠
 ݱ৔ΛਐΊΑ͏
    wίʔμʔͷօ͞Μɺ
 ͍ͭ΋ڠྗ͋Γ͕ͱ͏͍͟͝·͢
39. ྑ͍ϓϩδΣΫτʹ
 ͳΓ·͢Α͏ʹ