Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Avatar for Yousan_O Yousan_O
October 28, 2017
Programming
700
2

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

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

Avatar for Yousan_O

Yousan_O

October 28, 2017

More Decks by Yousan_O

See All by Yousan_O
Katerについて
Avatar for Yousan_O yousan
0
54
小規模受託開発におけるGraphQL
Avatar for Yousan_O yousan
0
150
Amplify Consoleで作る、CloudFront、Lambda@Edgeを使ったマルチデプロイ環境とSPAのOGP対応/Amplify Console
Avatar for Yousan_O yousan
0
1.2k
チーム開発向け WordPressの自動デプロイ/Continuous-deployment-for-wordpress-team-development
Avatar for Yousan_O yousan
1
200
Git勉強会 Gitを中心としたワークフロー
Avatar for Yousan_O yousan
0
140
CloudFormationを使ったPRを出しまくれるワークフロー/CloudFormaton for team
Avatar for Yousan_O yousan
1
850
WordPress Security Incidents
Avatar for Yousan_O yousan
1
1.4k
WordCampOsaka 2018 中規模案件のこなしかた
Avatar for Yousan_O yousan
1
1.2k
WordPressユーザからサーバ事業者さんへの要望
Avatar for Yousan_O yousan
0
97

Other Decks in Programming

See All in Programming
PHPのバージョンアップ時にも役立ったAST（2026年版）
Avatar for Atsushi Matsuo matsuo_atsushi
0
280
野球解説AI Agentを開発してみた - 2026/02/27 LayerX社内LT会資料
Avatar for Shinichi Nakagawa shinyorke
PRO
0
380
GC言語のWasm化とComponent Modelサポートの実践と課題 - Scalaの場合
Avatar for Rikito Taniguchi tanishiking
0
130
forteeの改修から振り返るPHPerKaigi 2026
Avatar for muno92 muno92
PRO
3
110
L’IA au service des devs : Anatomie d'un assistant de Code Review
Avatar for Thomas Boileau toham
0
160
メッセージングを利用して時間的結合を分離しよう #phperkaigi
Avatar for Takuma Kajikawa kajitack
3
530
ファインチューニングせずメインコンペを解く方法
Avatar for pokutuna pokutuna
0
250
S3ストレージクラスの「見える」「ある」「使える」は全部違う ─ 体験から見た、仕様の深淵を覗く
Avatar for ya_ma23 ya_ma23
0
1.2k
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記：那些困在 Alpha 加護病房太久的 Metrics
Avatar for ChengHao Yang tico88612
0
240
AI Assistants for Your Angular Solutions @Angular Graz, March 2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
How to stabilize UI tests using XCTest
Avatar for Akio Itaya akkeylab
0
150
最初からAWS CDKで技術検証してもいいんじゃない？
Avatar for アキキー | Akihisa Ikeda akihisaikeda
4
180

Featured

See All Featured
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
190
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
210
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
99
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
88
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.6k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
230
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
500

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