Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WordFes2017 制作現場のこれから 開発ワークフローとコーディング規約
Search
Yousan_O
October 28, 2017
Programming
2
620
WordFes2017 制作現場のこれから 開発ワークフローとコーディング規約
WordFes2017のスライドです。
実際にコーディング規約を制作現場に導入してみて感じたこと、コーディング規約を導入するメリットについての内容です。
Yousan_O
October 28, 2017
Tweet
Share
More Decks by Yousan_O
See All by Yousan_O
Katerについて
yousan
0
45
小規模受託開発におけるGraphQL
yousan
0
120
Amplify Consoleで作る、CloudFront、Lambda@Edgeを使ったマルチデプロイ環境とSPAのOGP対応/Amplify Console
yousan
0
1.1k
チーム開発向け WordPressの自動デプロイ/Continuous-deployment-for-wordpress-team-development
yousan
1
180
Git勉強会 Gitを中心としたワークフロー
yousan
0
130
CloudFormationを使ったPRを出しまくれるワークフロー/CloudFormaton for team
yousan
1
740
WordPress Security Incidents
yousan
1
1.3k
WordCampOsaka 2018 中規模案件のこなしかた
yousan
1
1.1k
WordPressユーザからサーバ事業者さんへの要望
yousan
0
92
Other Decks in Programming
See All in Programming
A2A プロトコルを試してみる
azukiazusa1
2
1.1k
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
240
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
120
技術同人誌をMCP Serverにしてみた
74th
0
270
Create a website using Spatial Web
akkeylab
0
300
C++20 射影変換
faithandbrave
0
520
KotlinConf 2025 現地で感じたServer-Side Kotlin
n_takehata
1
230
Bytecode Manipulation 으로 생산성 높이기
bigstark
2
370
Java on Azure で LangGraph!
kohei3110
0
170
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
1
300
GoのGenericsによるslice操作との付き合い方
syumai
3
680
Benchmark
sysong
0
250
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
A designer walks into a library…
pauljervisheath
206
24k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Statistics for Hackers
jakevdp
799
220k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
The Cult of Friendly URLs
andyhume
79
6.5k
A better future with KSS
kneath
239
17k
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 (ແྉͰϓϥΠϕʔτ)