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

519ce44f1f63dfc6017d6853deee9cb5?s=47 Yousan_O
October 28, 2017

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

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

519ce44f1f63dfc6017d6853deee9cb5?s=128

Yousan_O

October 28, 2017
Tweet

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. λϒεϖʔε໰୊

  27. None
  28. None
  29. ίʔσΟϯάن໿ͱ͸ • ίʔυΛॻ্͘ͰͷϧʔϧʢStandardsʣ • PHPͱ͔WordPressͱ͔Ͱఆٛ • CSSͩͱBEMͱ͔ • Ͱ΋͋Ε͸ݫ֨

  30. WordPressͷίʔσΟϯάن໿ • PHP ίʔσΟϯά • ΞΫηγϏϦςΟίʔσΟϯά • CSS ίʔσΟϯά •

    HTML ίʔσΟϯά • JavaScript ίʔσΟϯά
  31. WordPressίʔσΟϯάن໿

  32. ίʔσΟϯάن໿ྫ

  33. ίʔσΟϯάن໿ྫ

  34. None
  35. λϒεϖʔε໰୊

  36. None
  37. None
  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 (ແྉͰϓϥΠϕʔτ)