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

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

Avatar for Yousan_O Yousan_O
October 28, 2017
Programming
2
630

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

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

Yousan_O

October 28, 2017
Tweet

More Decks by Yousan_O

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

Other Decks in Programming

See All in Programming
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
Avatar for uutan1108 ohmori_yusuke
2
240
第9回 情シス転職ミートアップ 株式会社IVRy（アイブリー）の紹介
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
1
260
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
Avatar for takuya542 takuya542
0
1.1k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
50
32k
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
Avatar for Márton Braun zsmb
1
280
GraphRAGの仕組みまるわかり
Avatar for とすり tosuri13
8
520
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
Avatar for 武田 憲太郎 kentaroutakeda
2
710
CursorはMCPを使った方が良いぞ
Avatar for taiga taigakono
1
220
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
Avatar for ANDPAD inc andpad
0
290
Azure AI Foundryではじめてのマルチエージェントワークフロー
Avatar for 瀬尾佳隆 seosoft
0
150
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
630
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
Avatar for Oikon s4yuba
10
6.1k

Featured

See All Featured
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
694
190k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.3k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
17
950

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