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
650
WordFes2017 制作現場のこれから 開発ワークフローとコーディング規約
WordFes2017のスライドです。
実際にコーディング規約を制作現場に導入してみて感じたこと、コーディング規約を導入するメリットについての内容です。
Yousan_O
October 28, 2017
Tweet
Share
More Decks by Yousan_O
See All by Yousan_O
Katerについて
yousan
0
46
小規模受託開発におけるGraphQL
yousan
0
120
Amplify Consoleで作る、CloudFront、Lambda@Edgeを使ったマルチデプロイ環境とSPAのOGP対応/Amplify Console
yousan
0
1.2k
チーム開発向け WordPressの自動デプロイ/Continuous-deployment-for-wordpress-team-development
yousan
1
180
Git勉強会 Gitを中心としたワークフロー
yousan
0
140
CloudFormationを使ったPRを出しまくれるワークフロー/CloudFormaton for team
yousan
1
790
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
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
230
CSC305 Lecture 04
javiergs
PRO
0
260
Signals & Resource API in Angular: 3 Effective Rules for Your Architecture @BASTA 2025 in Mainz
manfredsteyer
PRO
0
120
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
2
810
Devoxx BE - Local Development in the AI Era
kdubois
0
120
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
teamlab
PRO
0
200
Writing Better Go: Lessons from 10 Code Reviews
konradreiche
0
160
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
190
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
riseshia
0
160
CSC305 Lecture 03
javiergs
PRO
0
240
CSC305 Lecture 05
javiergs
PRO
0
210
チームの境界をブチ抜いていけ
tokai235
0
160
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
590
Producing Creativity
orderedlist
PRO
347
40k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
The Pragmatic Product Professional
lauravandoore
36
6.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
860
Documentation Writing (for coders)
carmenintech
75
5k
Code Reviewing Like a Champion
maltzj
525
40k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
Designing Experiences People Love
moore
142
24k
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 (ແྉͰϓϥΠϕʔτ)