ある日オレオレフレームワークを作りたくなったぞ/Want to Create Oreore Framework

ある日オレオレフレームワークを作りたくなった話

PHPerKaigi2023

Transcript

1. ある日 オレオレフレームワーク を作りたくなったぞ！ Ռ෺Ϧϯ@FruitRiin@misskey.systems ϑΝϯϑΝʔϨ גࣜձࣾ PHPerKaigi 2023 લ໷ࡇ 40෼ 2023/3/23
2. One day....
3. Laravelʹର͢Δ ෩౰ͨΓ͕ڧ͍ͳ͋
4. ෆຬ͕͋ΔͳΒ ࣗ෼ͷཧ૝Λ ͭ͘Ε͹͍͍ͷʹ
5. ࡞Ε͹……͍͍ͷʹ……ʁ
6. ΦϨΦϨ͍ͯͧ͘͠ʂ
7. ྩ࿨ͩͧʁ
8. 自己紹介 果物リン@FruitRiin • ϑΝϯϑΝʔϨגࣜձࣾ • ݩPHPer, ݱϑϩϯτΤϯυΤϯδχΞ • Vue.js͕޷͖ • PHP໿5೥ͿΓ • PHPͷΏΔ;Θʹ΋ߗ͘΋ॻ͚Δݴޠײେ޷͖ • ϑϨʔϜϫʔΫΛ࡞ͬͯΈͨ͘ͳͬͯ͠·ͬͨ
9. ファンファーレ株式会社 • ࢈ۀഇغ෺ۀքΛλʔήοτʹͨ͠SasS • ഑ंʢγϑτදʣ૊Ήͷ͕৬ਓٕ • ͦΕɺITͰͳΜͱ͔ͳΒΜ͔ʁ • ਺ཧ࠷దԽʢNot ػցֶशʣͰͳΜͱ͔͠·͠ΐ͏ʂ
10. 数理最適化とは？ • ੍໿ͱ໨తͱ৚݅Λ͍ΕΔͱ࢒Γͷ৚݅ʹม਺ͱͯ͠࠷దͳղ Λݟ͚ͭΔ਺ֶతख๏ • ιϧόͱ͍͏ΞϧΰϦζϜʹ 
 ੍໿ͱ໨తΛ਺ཧϞσϧʹͨ͠΋ͷΛ 
 ৚݅ม਺ͱͱ΋ʹಥͬࠐΉͷ͕഑ं಄ • ϒϥοΫϘοΫεʹ৚͍݅ΕͯγΣΠΫͯ͠ग़ͨ౴͑Ͱ͸ͳ͍
11. の、フロントエンド担当やってます • ʢCM͜͜·Ͱʣ
12. お品書き（目次） • ༻ޠઆ໌ͳͲ • ͳͥΦϨΦϨϑϨʔϜϫʔΫ͸ੜ·Εͨͷ͔ʁ • ϥΠϒϥϦͷ࡞Γํపఈղઆ • ࠓ෩ͷϥΠϒϥϦͷ࢖͍ํ
13. お品書き（目次） • ςετɺCIʢGitHubActionsʣ • Packagist΁ͷެ։ • ·ͱΊ • Appendix
14. ༻ޠઆ໌ͳͲ
15. 用語説明 • ϑϨʔϜϫʔΫ • ΞϓϦέʔγϣϯ΍ιϑτ΢ΣΞΛ։ൃ͢ΔͨΊͷڞ௨తͳػೳ ΍ϥΠϒϥϦɺઃܭύλʔϯɺϧʔϧͳͲΛ·ͱΊͨ΋ͷ • ΦϨΦϨ • ʮࣗ෼͚ͨͪͩͷɺಠࣗͷʯ • ΦϨΦϨϑϨʔϜϫʔΫ • ࣗࣾ։ൃͷϑϨʔϜϫʔΫ
16. ஫ҙ :CAUTION:
17. 注意：現代のオレオレフレームワーク • ҰൠతʹϓϩμΫγϣϯʹ౤ೖ͢Δ΂͖Ͱ͸͋Γ·ͤΜ • อक͞Εͳ͍Մೳੑ͕ߴ͍ • ίϛϡχςΟͳͲͳ͍ • υΩϡϝϯτ͕੔උ͞ΕͯΔ͔͸࡞ऀͷؤுΓʹΑΔ • ेதീ۝ͳ͍ • ηΩϡϦςΟͷ໰୊ΛͲ͏͢Δ • Ҿ͖ܧ͗Ͱ·Δ͝ͱϩετςΫϊϩδʔʹͳΔ
18. ࣺͯΑ͏ʂ
19. ׬
20. Breaking time
21. ͳͥΦϨΦϨϑϨʔϜϫʔΫ͸ ੜ·Εͨͷ͔
22. オレオレフレームワーク考古学 • ೔ຊͱWebΦϨΦϨϑϨʔϜϫʔΫͷؔΘΓ͸ 
 ϞόΠϧWebͷීٴͱڞʹ͋Δ(2000೥୅ॳ಄ʣ • i-Mode ͱ͔ ez-web ͱ͔ • ιγϟήͷొ৔ • ૣ͘ɺ৭ʑͳΞϓϦέʔγϣϯΛ࡞Γ͍ͨ • ϑϨʔϜϫʔΫΛ࡞Ζ͏
23. 有名どころなフレームワークの当時は？ • CodeIgniterʢ2006೥ʣ • CakePHPʢ2005೥ʣ • Symfonyʢ2005೥ʣ • Zend Frameworkʢ2006೥ʣ • Yii Frameworkʢ2008೥ʣ • Laravelʢ2011೥ʣ • ౰࣌·ͩଘࡏ͍ͯ͠ͳ͔͔ͬͨɺ 
 ͜ͳΕ͍ͯͳ͔ͬͨ • ബ͍ϑϨʔϜϫʔΫΛϕʔεʹ 
 ࣗࣾ޲͚ʹΧελϚΠζͳͲ • ్த͔ΒҠߦ͸ඇৗʹࠔ೉
24. →౰ͨΓલͷΑ͏ʹ ΦϨΦϨ͍ͯͨ͠ʂ
25. Ruby on Rails の流行 • Ruby on Rails ͸ 2004೥ʹొ৔ • ೔ຊͰ΋2000೥୅ޙ൒ʹٸ଎ʹීٴ • ͳΜͱ͍ͬͯ΋։ൃ͕؆୯Ͱૣ͍ • ͕ɺRubyͳͷͰαʔόʔΛݐͯΔͷ͕ͪΐͬͱΉ͔͍ͣ͠ • ౰࣌ίϯςφͱ͔ͳ͍͠Ͷʂ
26. Laravelの登場 • Laravelͷొ৔͸2011೥ • Ruby on RailsʹӨڹΛڧ͘ड͚ͨϑϨʔϜϫʔΫ • 2010೥୅ޙ൒ʹ͸ɺ೔ຊͰ΋Laravelͷීٴ͕ਐΜͩ • ͱ͍͏͔ೣ΋ḏࢠ΋Laravelʹͳͬͨ
27. ͦͯ͠ྩ࿨ͷݱ୅ʹࢸΔ... ˎͱ͍͏ௐࠪ݁Ռ
28. Ͱ΋࡞Γ͍ͨʂ
29. ΦϨΦϨ͍ͯͧ͘͠ʂ
30. ϥΠϒϥϦͷ࡞Γํ 
 పఈղઆ
31. Composer init • PHPϓϩδΣΫτͷ਽ܗΛ࡞ͬͯ͘ΕΔ
32. [Lib]¥Hello Worldしにいく • srcσΟϨΫτϦʹHelloWorld.php • name ͸ vender/packagename • autoload ͸ 
 େจࣈখจࣈΛ۠ผ͠ͳ͍ • ύοέʔδ໊ͱҰகਪ঑
33. [Lib]HelloWorld.php • namespaceΛautoloadʹ͋ΘͤΔ • Ϋϥε໊ͱϑΝΠϧ໊Λ͋ΘͤΔ • େจࣈখจࣈΛ۠ผ͢Δ
34. どこからもコールされない • ϥΠϒϥϦͳͷͰͦΕ͸ͦ͏ • namespaceͱϑΝΠϧ໊ɺΫϥε໊͕͋ͬͯΕ͹OK
35. [Lib]git push! • ϦϙδτϦʹpush͢Δ • ͱΓ͋͑ͣ Packagist΁ͷొ࿥͸͠ͳ͍
36. [App]呼んでみよう • ΞϓϦέʔγϣϯͷσΟϨΫτϦΛ࡞Δ • composer.jsonΛ࡞Δ • minimum-stability Λdevʹ • requireʹࣗ෼ͷύοέʔδΛ
37. [App]dev-main? • ௨ৗύοέʔδͷόʔδϣϯΛࢦఆ͢Δ • githubͷ৔߹ϒϥϯνΛࢦఆͰ͖Δ • dev- ϓϨϑΟοΫε͕ඞཁ • dev-main όʔδϣϯ͸ mainϒϥϯνͷ࠷৽Λͱͬͯ͘Δ
38. [App] sayHello()! • autoload Λ index.php Ͱݺͼग़͢ • use ͯ͠ new ͯ͠ • php -S localhost:7777
39. 🎉 :tada: 🎉
40. 面倒なときのライブラリ開発のコツ • Appଆ͔ΒvenderͷதͷlibͷίʔυΛ௚઀͍͡Δ • Ұ௨Γಈ͘͜ͱΛ֬ೝͨ͠ΒlibͷϦϙδτϦ΁
41. Ұ୴ٳܜ
42. ࠓ෩ͷϑϨʔϜϫʔΫͷ࡞Γํ
43. 今風のフレームワークの作り方 • ϥΠϒϥϦ͕ଟ༷Խɺθϩ͔Βશ෦ॻ͘ඞཁ͸ͳ͍ • మ൘ͷ෦෼͸ϥΠϒϥϦ͔Βݟસ͑͹͍͍ • ͩ͜ΘΓ͍ͨ෦෼͸ΦʔμʔϝΠυ͍ͯ͘͠
44. ͏ͣΒ͞Μͷ ʮؼ͖ͬͯͨʂ ฏ੒࠷ޙͷΦϨΦϨϑϨʔϜϫʔΫͷ ࡞Γํ ʯ Λݟͯ͘Εʂ
45. ライブラリによって得られるもの • ৴པͱ࣮੷ • ίϛϡχςΟ • ʮී௨ʯ
46. ϑϨʔϜϫʔΫͷίϯηϓτ
47. フレームワークのコンセプト • جຊ͸JSON͔͠ฦ͞ͳ͍API ϑϨʔϜϫʔΫ • ςϯϓϨʔτΤϯδϯΛؚ·ͳ͍ • PhpStormʹΑΔܕਪ࿦ͷ࠷େݶ׆༻ • ϑΝΠϧ໊ͱϝιου໊ϕʔεͷϧʔςΟϯά
48. ルーターを自作する • name based routing͍ͨ͠ • ͋Ε…ҙ֎ͱͳ͍ͷͰ͸ • ͦΜͳ͸ͣ͸……
49. ϧʔλʔΛࣗ࡞͢Δ
50. [app]index.php を避けたい • php-fpm Λ͔ͭ͏ • dockerͳΒ͜Ε͔ͳ • apatchͰ΋͍͍͚Ͳ • .htaccessΛ͔ͭ͏ • php -S ͸ htaccess ʹରԠ͍ͯ͠Δʂ • php -S localhost:7777 -t public
51. [lib]なんかRouterっぽいものをつくる • new ͞Εͯ run()ɹ͞ΕͨΒ 
 ΞϓϦέʔγϣϯͷίϯτϩʔϥʔͷϝιουΛୟ͘ • $_SERVER["REQUEST_URI"]; ͱ͔͔ͭ͑ͦ͏ • new "\\hogehoge" ͱ͔͢Δͱάϩʔόϧείʔϓ 
 = ΞϓϦέʔγϣϯͷίʔυ͕ݺ΂Δ
56. [app] namespace Controllersを足す • composer.json ʹҎԼΛ଍͢ •
57. [app]HelloWorldController.php爆誕
58. [app]index.php • $route->run(); ͢Δͱ
59. ໊લϕʔεͰಈ͘ʂ
60. ໊લϕʔεͰಈ͘ʂ [app]->json() だけでおわりたい
62. ͋ͱ͸஍ಓʹίʔυΛ ଍͍͚ͯ͠͹Ͳ͏ʹ͔
63. ςετΛॻ͘
64. PHPUnitしていく • composer require --dev phpunit/phpunit • test σΟϨΫτϦΛ੾Δ • PHPUnit\Framework\TestCase Λܧঝͨ͠ΫϥεΛ࡞Δ • ϝιου໊͸ test Ͱ࢝ΊΔ
65. 気持ち
66. リファクタリング • new ͨ͠Β஋ݕࠪͰ͖ΔΑ͏ʹ͔ͨͬͨ͠ͷͰ
67. composer scriptを追加 • composer testͰ phpunit test Ͱ͖ΔΑ͏ʹͳΔ
68. いざ…… test 🎉 tada 🎉
69. GitHub Actions
70. ͸ɺී௨ʹ……
71. packagist ΁ͷެ։
72. Packagist • ΞΧ΢ϯτͭ͘Δ • ϩάΠϯ͢Δ • Submit ϘλϯΛϙνοͱ • ࣗ෼ͷGitHub ͷϦϙδτϦͷURLΛೖΕͯSubmit
75. ΊͰͨ͠ɹΊͰͨ͠
76. ͩͱࢥ͏͡ΌΖʁ
77. unstable しかないと… • ϓϩδΣΫτ͕"minimum-stability": "dev", ʹͳ͍ͬͯͳ͍ͱ •
78. バージョンの打ち方 • composer.json ʹ version Λ௥Ճ͢Δ • λάΛଧͬͯpush͢Δ • git tag v0.0.1
79. composer require fruitriin/lucienne
81. [app]テンプレートリポジトリの作成 • ࠷খݶͷߏ੒Λͨ͠ app ͷϦϙδτϦΛ 
 ςϯϓϨʔτϦϙδτϦʹ͢Δ • ςϯϓϨʔτϦϙδτϦ͸ 
 .gitΛίϐʔͤͣclone͢Δ
82. ϫϯϙνͰఏڙʂ
85. できたもの
88. 夢は広がる • Request, Response ͱ͔ • DB઀ଓΛϥοϐϯά • ORMͱ͔ • ϩάΠϯͱ͔ • Validationͱ͔
89. 必要は発明の母 • ͱΓ͋͑ͣࣗ෼ͷ͍Βͳ͍΋ͷ͸͍Βͳ͍ • ΞϓϦέʔγϣϯΛॻ͘ʹ͋ͨͬͯ 
 ൚༻తͳ෦෼͕ϑϨʔϜϫʔΫʹͳΔ
90. まとめ • ΈΜͳΦϨΦϨͰ͖Δʂ • ΦϨΦϨ஥ؒ͸͍ͯ΋ΦϨͷ஥ؒ͸͍ͳ͍ • ܁Γฦ͠ݴ͏͕ྩ࿨ͩͧ • ChatGPT͸ͳΜͰ΋஌ͬͯͦ͏
91. Appendix • https://packagist.org/packages/fruitriin/lucienne • https://github.com/fruitriin/lucienne • https://github.com/fruitriin/Lucianne-application • ΦϨΦϨϑϨʔϜϫʔΫͷ࡞ΓํΛChatGPTʹฉ͍ͨϩάશ෦ • https://docs.google.com/document/d/e/2PACX-1vQDdc92Za3Shc9UgnD- oqpD3Mvo3rY7UEV_IuO2DG30jpc-tlwwOInG-8C2NCz6oBNhO9e_m-tXzZ7N/ pub
92. Inspired by • https://speakerdeck.com/uzulla/phperren-sheng-du- hahuremuwakuwozuo-tuteokou
93. Inspired by • https://speakerdeck.com/uzulla/gui-tutekita-ping-cheng-zui- hou-falseoreorehuremuwakufalsezuo-rifang
94. NGγʔϯू
95. App用Docker環境構築でハマり • ࠷ऴతʹphp -S ͰΑ͔ͬͨ • ϥΠϒϥϦ͸ phpunit ͔Β • ͦΕ͸ͦΕͱͯ͠Docker؀ڥ͸഑෍ߟ͑Δͱศར • ഑෍ͯ͠࢖ΘΕΔͷ͔ʁͱ͔͸ߟ͑ͯ͸͍͚ͳ͍ɻ 
 ຬ଍ײ͕େࣄ
96. 最終的にできたのがこちら FROM wyveo/nginx-php-fpm:php81 COPY composer.json /usr/share/nginx COPY composer.lock /usr/share/nginx RUN chown -R nginx:nginx /usr/share/nginx WORKDIR /usr/share/nginx USER nginx RUN composer install --no-dev --no-scripts --no-autoloader && \ composer dump-autoload --optimize USER root • version: '3.9' services: web: build: . container_name: myapp ports: - '7777:80' volumes: - ./src:/usr/share/nginx/src - ./public:/usr/share/nginx/ html/ depends_on: - db networks: - myapp-net
97. mainブランチをPushしたぞ。で？ • "minimum-stability": "dev", 
 "require": { 
 "fruitriin/lucienne": "dev-main" 
 }, • dev- ͱ͚ͭΔͱ main ϒϥϯνΛݟʹߦ͘
98. package名とリポジトリ名 • GithubͷϦϙδτϦ໊ͱcomposer.jsonͷname • Ұக͍ͯ͠Δඞཁ͸ͳ͍ • composer.jsonͷ autoload • Vender/PackageName: "src" ͱ͢Δͱ 
 namespace VencerPackageName; ͕ඞཁ
99. アプリケーションの名前空間を短くしたい • composer.json ͷ autoloadʹै͏ • { "Controllers\\": "src/Controllers" }
100. ͳͲͳͲͳͲ
101. ChatGPT͕͍͢͝
102. All powered by ChatGPT • ࠓճͷొஃʹ͓͍ͯɺ΄΅ChatGPTͱͷ΍ΓͱΓͰ׬݁ • ࣭໰ʹରͯ͠౴͕͑ฦͬͯ͘Δ • ஌Γ͍ͨ͜ͱΛϐϯϙΠϯτͰճ౴ͯ͘͠ΕΔ •
103. 考古学を丸投げするスタイル
104. composer init の方法を教えてもらう
105. Hello Worldしたいです
106. autoloadとuse
107. AIʢ࢖͏ʣΤϯδχΞ࣌୅…
108. Any Ask or Questions?