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
Leading Effective Engineering Teams in the AI Era
addyosmani
7
580
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
1
120
What's new in Spring Modulith?
olivergierke
1
170
品質ワークショップをやってみた
nealle
0
620
pnpm に provenance のダウングレード を検出する PR を出してみた
ryo_manba
1
150
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
870
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
18
7.7k
CSC509 Lecture 05
javiergs
PRO
0
310
Developer Joy - The New Paradigm
hollycummins
1
350
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
190
CSC305 Lecture 09
javiergs
PRO
0
300
モテるデスク環境
mozumasu
3
1.1k
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
36
7k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Site-Speed That Sticks
csswizardry
13
920
Practical Orchestrator
shlominoach
190
11k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Thoughts on Productivity
jonyablonski
70
4.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Side Projects
sachag
455
43k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
580
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 (ແྉͰϓϥΠϕʔτ)