WordFes2017 制作現場のこれから 開発ワークフローとコーディング規約

WordFes2017のスライドです。
実際にコーディング規約を制作現場に導入してみて感じたこと、コーディング規約を導入するメリットについての内容です。

Transcript

1. ੍࡞ݱ৔ͷ͜Ε͔Β ։ൃϫʔΫϑϩʔͱίʔσΟϯάن໿ 2017೥10݄28೔ @ WordFes Nagoya 2017
2. ૣ଎Ͱ͕͢
3. λϒεϖʔε໰୊
4. ෆໟͳίϛοτ…
5. ໘౗ͳϨϏϡʔ…
6. ੍࡞ݱ৔΋ͬͱշదʹ…ʂ
7. ࠓ೔͓఻͍͑ͨ͜͠ͱ
8. ࠓ೔͓఻͍͑ͨ͜͠ͱ • ։ൃϫʔΫϑϩʔͷΩʔϫʔυ • πʔϧָ͍͠Ͱ͢ • λϒεϖʔε໰୊ͷղܾ • ݱ৔ಋೖίετ
9. ࣗݾ঺հɹ
10. ࣗݾ঺հ • ਆ֞ɹ૱ • ϓϩάϥϜɺαʔό • Web੍࡞ձࣾ • ओʹWordPressͰݱ৔10೥
11. ࣗݾ঺հ • ෋ࢁݝͷձࣾ • ʢ΄΅ʣϑϧϦϞʔτͰ෱ౡݝࡏॅ • ͓٬͞Μ΋͋ͪͪ͜ʹ
12. ࣭໰͍ͤͯͩ͘͞͞
13. օ͞Μ͸Կ԰͞Μʁ • σΟϨΫλʔ԰͞ΜʢӦۀɺϚωʔδϟʣ • σβΠφʔ԰͞Μ • ίʔμʔ԰͞Μʢϑϩϯτ԰͞Μʣ • ϓϩάϥϚɺαʔό԰͞Μ
14. ΞδΣϯμ • ։ൃϫʔΫϑϩʔʹ͍ͭͯ • ίʔσΟϯάن໿ʹ͍ͭͯ • ಋೖͷίετ࣮ྫ
15. ։ൃϫʔΫϑϩʔʹ͍ͭͯ
16. ։ൃϫʔΫϑϩʔʹ͍ͭͯ • ։ൃͷྲྀΕʢϑϩʔʣ • ޻਺࡟ݮ • ϛεܰݮ • ָ͍͠
17. όʔδϣϯ؅ཧ CIࣗಈԽ ςετ πʔϧ PHPCS
18. ಛʹGit
19. ੍࡞ͰGit࢖͍ͬͯ·͔͢ʁ • ࢖͍ͬͯΔ • ࢖͍ͬͯͳ͍
20. GitͱGitͷϫʔΫϑϩʔ • Git flow • GitHub flow
21. ࣗࣾͷGitͷ࢖͍ํ • ϒϥϯνͷৼΓํΛܾΊΔ • جຊ͸Git flowʹԊ͏ • master, develop, feature, release • Ϛʔδ͸ϓϧϦΫΤετͱϨϏϡʔ
22. ։ൃϫʔΫϑϩʔ • ϫʔΫϑϩʔ͸։ൃͷྲྀΕ • ϫʔΫϑϩʔࢧԉͷπʔϧ͕ͨ͘͞Μ͋Δ • शಘʹ͕͔͔࣌ؒΔ • शಘ͢ΔͱࣗಈԽͰ͖ͯศར
23. ΞδΣϯμ • ։ൃϫʔΫϑϩʔʹ͍ͭͯ • ίʔσΟϯάن໿ʹ͍ͭͯ • ಋೖͷίετ
24. ίʔσΟϯάن໿
25. ίʔσΟϯάن໿஌ͬͯ·͢ʁ • ݱ৔ͰίʔσΟϯάن໿࢖ͬͯ·͢ • ͳΜͱͳ͘஌͍ͬͯ·͢ • ࠓճ͸͡Ίͯฉ͖·ͨ͠
26. λϒεϖʔε໰୊
29. ίʔσΟϯάن໿ͱ͸ • ίʔυΛॻ্͘ͰͷϧʔϧʢStandardsʣ • PHPͱ͔WordPressͱ͔Ͱఆٛ • CSSͩͱBEMͱ͔ • Ͱ΋͋Ε͸ݫ֨
30. WordPressͷίʔσΟϯάن໿ • PHP ίʔσΟϯά • ΞΫηγϏϦςΟίʔσΟϯά • CSS ίʔσΟϯά • HTML ίʔσΟϯά • JavaScript ίʔσΟϯά
31. WordPressίʔσΟϯάن໿
32. ίʔσΟϯάن໿ྫ
33. ίʔσΟϯάن໿ྫ
35. λϒεϖʔε໰୊
38. ͪΌΜͱௐ΂·͠ΐ͏ʂ
39. ίʔσΟϯάن໿ͷࣗಈνΣο Ϋ • ΤσΟλ • πʔϧ • Git࿈ܞ
40. ΤσΟλͰͷྫ
41. ίʔσΟϯάن໿Λἧ͑Δͱ • ଞͷਓ͕ݟͨ࣌ʹ • ݟ΍͍͢ • ϛε͕ݮΔ • έϯΧʹͳΒͳ͍ • ʮଞͷਓʯ === ʮ3೔ޙͷࣗ෼ʯ
42. ಋೖͷϝϦοτ • ϛεͷܰݮ • ೋ౓໨Ҏ߱ͷίετ࡟ݮ
43. ΞδΣϯμ • ։ൃϫʔΫϑϩʔʹ͍ͭͯ • ίʔσΟϯάن໿ʹ͍ͭͯ • ಋೖͷίετ
44. ݱ৔ಋೖͷίετ
45. Έͳ͞Μͷਓ݅අ͍͘ΒͰ͔͢ʁ • ෼͔Βͳ͍ɺ಺ॹ • ~ 3,000ԁ / ࣌ؒ • 3,001ԁ ~ 8,000 ԁ / ࣌ؒ • 8,000 ԁ Ҏ্ / ࣌ؒ • ਓ݄ܭࢉ͕ྑ͍ͱ͸ݶΒͳ͍͕…
46. ਓ݄୯Ձ • Ұ೔8࣌ؒ 20೔ => 160࣌ؒ / ݄ • 3,000ԁ / ࣌ؒ => 48ສ / ݄ • 5,000ԁ / ࣌ؒ => 80ສ / ݄ • 8,000ԁ / ࣌ؒ => 128ສ / ݄
47. 8,000ԁ…
48. ࣮ྫ
49. ࣮ྫ • WordPressΛ࢖ͬͨγεςϜ։ൃ • ςʔϚ͸ࢧڅ • ໿2.4ਓ݄ • ϓϩάϥϚ3ਓ͕ࢀՃ
50. ίʔσΟϯάن໿ͷಋೖʹֻ͔ Δίετ • शಘɺಋೖɺઃఆʹ໿80࣌ؒ • Ұ೔8࣌ؒ => 10೔ => 0.5ਓ݄ • Ͱɺ͍͘Βʁ
51. ਓ݄୯Ձ • Ұ೔8࣌ؒ 20೔ => 160࣌ؒ / ݄ • 3,000ԁ / ࣌ؒ => 48ສ / ݄ • 5,000ԁ / ࣌ؒ => 80ສ / ݄ • 8,000ԁ / ࣌ؒ => 128ສ / ݄
52. ࣮ࡍͷඅ༻͸ ͝૝૾ʹ͓·͔ͤ͠·͢
53. ࣮຿΁ಋೖͯ͠ • ։ൃָ͕͘͠ͳͬͨ • Πϯσϯτ໰୊͕ղܾͨ͠ • ίʔσΟϯάن໿͸౴͕͑͋Δ
54. ࠓ೔ͷ·ͱΊ • ։ൃϫʔΫϑϩʔͷπʔϧ • WordPress༻ͷίʔσΟϯάن໿ • ϛεܰݮʂೋ౓໨͔Βίετ࡟ݮʂ • 2.4ਓ݄Ͱ0.5ਓ݄
55. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·͠ ͨ
56. ͔͜͜Β࡟আҊ
57. PRͱCI
58. ϓϧϦΫΤετ
59. ࣗಈςετ
60. CI • ܧଓతΠϯςάϨʔγϣϯ • ιʔείʔυʹΤϥʔ͕ςετΛࣗಈԽ • TravisCI • CircleCI • Jenkins
61. CIͰͰ͖Δ͜ͱ • PHPίʔυͷ୯ମςετࣗಈԽ • ϒϥ΢βͷςετࣗಈԽ • ࣗಈσϓϩΠ
62. ϓϧϦΫΤετͱCI • ϓϧϦΫΤετൃߦ࣌ʹςετ • ιʔείʔυͷਖ਼౰ੑςετ • ιʔείʔυͷίʔσΟϯάن໿ςετ • ςετʹ௨͍ͬͯΕ͹Ϛʔδ
63. ࣗࣾͰ࢖͍ͬͯΔπʔϧ • Docker (ϩʔΧϧ։ൃ) • GitHub (՝ۚͰϓϥΠϕʔτϦϙδτϦ) • CircleCI (ແྉͰϓϥΠϕʔτ)