Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
WordFes2017 制作現場のこれから 開発ワークフローとコーディング規約
Yousan_O
October 28, 2017
Programming
2
270
WordFes2017 制作現場のこれから 開発ワークフローとコーディング規約
WordFes2017のスライドです。
実際にコーディング規約を制作現場に導入してみて感じたこと、コーディング規約を導入するメリットについての内容です。
Yousan_O
October 28, 2017
Tweet
Share
More Decks by Yousan_O
See All by Yousan_O
yousan
0
46
yousan
1
50
yousan
0
50
yousan
1
270
yousan
1
540
yousan
1
600
yousan
0
41
yousan
1
1.2k
Other Decks in Programming
See All in Programming
coe401_
3
160
fr0gger
2
2.7k
nori0__
1
480
n1215
1
450
syucream
4
1.4k
manfredsteyer
PRO
1
220
inoue2002
1
290
hiro_y
1
450
dnskimo
7
1.3k
bosshawk
1
260
yusuke57
0
120
kodetr
0
120
Featured
See All Featured
kneath
294
39k
jakevdp
776
200k
caitiem20
311
17k
orderedlist
PRO
330
36k
garrettdimon
289
110k
lynnandtonic
272
16k
thoeni
3
660
bkeepers
PRO
54
4.3k
shpigford
370
42k
brettharned
93
3.1k
smashingmag
232
18k
sachag
445
36k
Transcript
੍࡞ݱͷ͜Ε͔Β ։ൃϫʔΫϑϩʔͱίʔσΟϯάن 201710݄28 @ WordFes Nagoya 2017
ૣͰ͕͢
λϒεϖʔε
ෆໟͳίϛοτ…
໘ͳϨϏϡʔ…
੍࡞ݱͬͱշదʹ…ʂ
ࠓ͓͍͑ͨ͜͠ͱ
ࠓ͓͍͑ͨ͜͠ͱ • ։ൃϫʔΫϑϩʔͷΩʔϫʔυ • πʔϧָ͍͠Ͱ͢ • λϒεϖʔεͷղܾ • ݱಋೖίετ
ࣗݾհɹ
ࣗݾհ • ਆ֞ɹ૱ • ϓϩάϥϜɺαʔό • Web੍࡞ձࣾ • ओʹWordPressͰݱ10
ࣗݾհ • ࢁݝͷձࣾ • ʢ΄΅ʣϑϧϦϞʔτͰౡݝࡏॅ • ͓٬͞Μ͋ͪͪ͜ʹ
࣭͍ͤͯͩ͘͞͞
օ͞ΜԿ͞Μʁ • σΟϨΫλʔ͞ΜʢӦۀɺϚωʔδϟʣ • σβΠφʔ͞Μ • ίʔμʔ͞Μʢϑϩϯτ͞Μʣ • ϓϩάϥϚɺαʔό͞Μ
ΞδΣϯμ • ։ൃϫʔΫϑϩʔʹ͍ͭͯ • ίʔσΟϯάنʹ͍ͭͯ • ಋೖͷίετ࣮ྫ
։ൃϫʔΫϑϩʔʹ͍ͭͯ
։ൃϫʔΫϑϩʔʹ͍ͭͯ • ։ൃͷྲྀΕʢϑϩʔʣ • ݮ • ϛεܰݮ • ָ͍͠
όʔδϣϯཧ CIࣗಈԽ ςετ πʔϧ PHPCS
ಛʹGit
੍࡞ͰGit͍ͬͯ·͔͢ʁ • ͍ͬͯΔ • ͍ͬͯͳ͍
GitͱGitͷϫʔΫϑϩʔ • Git flow • GitHub flow
ࣗࣾͷGitͷ͍ํ • ϒϥϯνͷৼΓํΛܾΊΔ • جຊGit flowʹԊ͏ • master, develop, feature,
release • ϚʔδϓϧϦΫΤετͱϨϏϡʔ
։ൃϫʔΫϑϩʔ • ϫʔΫϑϩʔ։ൃͷྲྀΕ • ϫʔΫϑϩʔࢧԉͷπʔϧ͕ͨ͘͞Μ͋Δ • शಘʹ͕͔͔࣌ؒΔ • शಘ͢ΔͱࣗಈԽͰ͖ͯศར
ΞδΣϯμ • ։ൃϫʔΫϑϩʔʹ͍ͭͯ • ίʔσΟϯάنʹ͍ͭͯ • ಋೖͷίετ
ίʔσΟϯάن
ίʔσΟϯάنͬͯ·͢ʁ • ݱͰίʔσΟϯάنͬͯ·͢ • ͳΜͱͳ͍ͬͯ͘·͢ • ࠓճ͡Ίͯฉ͖·ͨ͠
λϒεϖʔε
None
None
ίʔσΟϯάنͱ • ίʔυΛॻ্͘ͰͷϧʔϧʢStandardsʣ • PHPͱ͔WordPressͱ͔Ͱఆٛ • CSSͩͱBEMͱ͔ • Ͱ͋Εݫ֨
WordPressͷίʔσΟϯάن • PHP ίʔσΟϯά • ΞΫηγϏϦςΟίʔσΟϯά • CSS ίʔσΟϯά •
HTML ίʔσΟϯά • JavaScript ίʔσΟϯά
WordPressίʔσΟϯάن
ίʔσΟϯάنྫ
ίʔσΟϯάنྫ
None
λϒεϖʔε
None
None
ͪΌΜͱௐ·͠ΐ͏ʂ
ίʔσΟϯάنͷࣗಈνΣο Ϋ • ΤσΟλ • πʔϧ • Git࿈ܞ
ΤσΟλͰͷྫ
ίʔσΟϯάنΛἧ͑Δͱ • ଞͷਓ͕ݟͨ࣌ʹ • ݟ͍͢ • ϛε͕ݮΔ • έϯΧʹͳΒͳ͍ •
ʮଞͷਓʯ === ʮ3ޙͷࣗʯ
ಋೖͷϝϦοτ • ϛεͷܰݮ • ೋҎ߱ͷίετݮ
ΞδΣϯμ • ։ൃϫʔΫϑϩʔʹ͍ͭͯ • ίʔσΟϯάنʹ͍ͭͯ • ಋೖͷίετ
ݱಋೖͷίετ
Έͳ͞Μͷਓ݅අ͍͘ΒͰ͔͢ʁ • ͔Βͳ͍ɺॹ • ~ 3,000ԁ / ࣌ؒ • 3,001ԁ
~ 8,000 ԁ / ࣌ؒ • 8,000 ԁ Ҏ্ / ࣌ؒ • ਓ݄ܭࢉ͕ྑ͍ͱݶΒͳ͍͕…
ਓ݄୯Ձ • Ұ8࣌ؒ 20 => 160࣌ؒ / ݄ • 3,000ԁ
/ ࣌ؒ => 48ສ / ݄ • 5,000ԁ / ࣌ؒ => 80ສ / ݄ • 8,000ԁ / ࣌ؒ => 128ສ / ݄
8,000ԁ…
࣮ྫ
࣮ྫ • WordPressΛͬͨγεςϜ։ൃ • ςʔϚࢧڅ • 2.4ਓ݄ • ϓϩάϥϚ3ਓ͕ࢀՃ
ίʔσΟϯάنͷಋೖʹֻ͔ Δίετ • शಘɺಋೖɺઃఆʹ80࣌ؒ • Ұ8࣌ؒ => 10 => 0.5ਓ݄
• Ͱɺ͍͘Βʁ
ਓ݄୯Ձ • Ұ8࣌ؒ 20 => 160࣌ؒ / ݄ • 3,000ԁ
/ ࣌ؒ => 48ສ / ݄ • 5,000ԁ / ࣌ؒ => 80ສ / ݄ • 8,000ԁ / ࣌ؒ => 128ສ / ݄
࣮ࡍͷඅ༻ ͝૾ʹ͓·͔ͤ͠·͢
࣮ಋೖͯ͠ • ։ൃָ͕͘͠ͳͬͨ • Πϯσϯτ͕ղܾͨ͠ • ίʔσΟϯάن͕͑͋Δ
ࠓͷ·ͱΊ • ։ൃϫʔΫϑϩʔͷπʔϧ • WordPress༻ͷίʔσΟϯάن • ϛεܰݮʂೋ͔Βίετݮʂ • 2.4ਓ݄Ͱ0.5ਓ݄
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·͠ ͨ
͔͜͜ΒআҊ
PRͱCI
ϓϧϦΫΤετ
ࣗಈςετ
CI • ܧଓతΠϯςάϨʔγϣϯ • ιʔείʔυʹΤϥʔ͕ςετΛࣗಈԽ • TravisCI • CircleCI •
Jenkins
CIͰͰ͖Δ͜ͱ • PHPίʔυͷ୯ମςετࣗಈԽ • ϒϥβͷςετࣗಈԽ • ࣗಈσϓϩΠ
ϓϧϦΫΤετͱCI • ϓϧϦΫΤετൃߦ࣌ʹςετ • ιʔείʔυͷਖ਼ੑςετ • ιʔείʔυͷίʔσΟϯάنςετ • ςετʹ௨͍ͬͯΕϚʔδ
ࣗࣾͰ͍ͬͯΔπʔϧ • Docker (ϩʔΧϧ։ൃ) • GitHub (՝ۚͰϓϥΠϕʔτϦϙδτϦ) • CircleCI (ແྉͰϓϥΠϕʔτ)