フロントエンドがTypeScriptなら、バックエンドはPHPでもいいじゃない/php-is-not-bad

Transcript

1. フロントエンドがTypeScriptなら、 バックエンドはPHPでもいいじゃない @hanhan1978 TSKaigi 2025

2. @hanhan1978 名前 富所 亮 所属 株式会社カオナビ CTO室 エキスパート BackEnd Re-architecturing

   Team (BERT) Blog https://blog.hanhans.net Podcast https://podcasters.spotify.com/pod/show/yokohama-north-am 2

3. このトークなんなの？

4. バックエンドに興味をもってもらう

5. バックエンドに興味をもってもらう PHPの話はオマケ

6. 例えば、弊社の場合

7. PHPのフルスタックフレームワーク製 Multi Page Application + jQuery

8. アプリケーション構成の変遷 既存機能 MPA (jQuery) 新規機能 SPA (React) 一部はSPAにリプレース 既存アプリケーションは APIとして利用

9. チーム構成の変遷 バックエンドエンジニア多数 フロントエンドエンジニアがじわじわ増加 職能単位のチーム プロジェクト単位の混成チーム

10. フロントエンドエンジニアの状況 • React部分の実装がメイン • UI周り、デザインシステムのメンテ • アクセシビリティの対応

11. フロントエンドエンジニアの状況 • React部分の実装がメイン • UI周り、デザインシステムのメンテ • アクセシビリティの対応 バックエンドへの関与がほぼ無い

12. というわけで

13. バックエンドに興味をもってもらいたい （切実）

14. 目次 1. フロントエンドとは？バックエンドとは？ 2. バックエンドは何で必要なのか？ 3. システム構成例 4. フロントエンドとバックエンドは分離すべきか？ 5.

    バックエンドの技術選定 6. あなたにPHPをおすすめする100の理由

15. 1. フロントエンドとは？バックエンドとは？

16. 昔、フロントエンドエンジニアは いなかった

17. バックエンドエンジニアが JavaScriptも書いていた 今ほどリッチな要素が求められていなかった

18. フロントエンドはいつ生まれた？

19. 2010年代前半説 エッジはフロントエンドなのか？ バックエンドなのか？ について考えてみる - Speaker Deck https://speakerdeck.com/aiji42/etuzihahurontondonanoka-batukuendonanoka-nituitekao-etemiru

20. 昔は革命だったインクリメンタルサーチ

21. WEB+DB PRESS • 2006年10月 Vol.35 Ajaxの定石 • 2010年12月 Vol.60 jQuery実践入門

    • 2011年8月 Vol.64 JavaScript最前線 • 2012年4月 Vol.68 Node.js実践入門

22. こうしてフロントエンドは 高度・複雑化して専門分野として確立

23. このような歴史的経緯があるため それぞれの強みが異なる

24. バックエンドエンジニアの強み • インフラ • データベース • サーバー構築 • CI/CD

25. バックエンドエンジニアの強み • インフラ • データベース • サーバー構築 • CI/CD ※単純にこれらの分野が職域だという話

    ...

26. フロントエンドエンジニアの強み • HTML/JS/CSS • アクセシビリティ • UI/UX

27. フロントエンドエンジニアの強み • HTML/JS/CSS • アクセシビリティ • UI/UX 変化が激しく、キャッチアップも大変。 バックエンドまで領域を伸ばせる人は、そう そういない

28. 2. バックエンドは何で必要なのか？

29. BaaS, IDaaSがあれば不要なのでは？

30. バックエンドがないとつらいこと • セキュリティの担保 • 非同期処理・ジョブ実行 • ビジネスロジックの隠蔽 • 外部システム連携

31. バックエンドがないとつらいこと • セキュリティの担保 • 非同期処理・ジョブ実行 • ビジネスロジックの隠蔽 • 外部システム連携 時間のかかること、秘密にしたいこと

32. BaaS, IDaaSについて • メリット・デメリットの慎重な検討が必須 • アプリケーションの性質や運用体制によって 正解が異なる

33. 話の都合上 以降はバックエンドは必要という前提

34. 3. システム構成例

35. フロントエンドファーストでの構成例 Next.js

36. バックエンドファーストでの構成例 Laravel + Laravel Vite

37. バックエンドファーストでの構成例 Laravel + Laravel Vite 密結合

38. 明確な分離を目指した構成例 シンプル！

39. 4. フロントエンドとバックエ ンドは分離すべきか？

40. 基本的には分離すべきと考える

41. 分離しておく理由 • Information Leakage • あとから分けるの無理 • アーキテクチャーの柔軟性

42. Information Leakage 「モジュールが、自分の責任範囲を超えて 他のモジュールの知識や制約に依存してし まっている状態」 FE と BE が癒着するとツライ

43. あとから分けるの無理 無理

44. アーキテクチャーの柔軟性 • アーキテクチャー構成が柔軟 • ビルドプロセスの分割 • バージョンアップ、脆弱性対応などなど

45. よし、じゃあバックエンドを分離しよう！ どの言語にしたらいい？

46. ぶっちゃけどれでもいい • 要点は責任分離 • プログラミング言語そのものは次点

47. 一回目のまとめ • フロントエンドの重要性は今後も増す • バックエンドも依然として重要 • 特別な場合をのぞき、初手の分離が吉

48. 5. PHPをおすすめする100の 理由

49. 注意 この先はPHPを安心して選んでもらうた めのPRです 残り10分くらいだとちょうどいい

50. PHPを一言で表現すると 現代におけるプロダクト開発とPHPを選定するワケ #phpkansai - Speaker Deck https://speakerdeck.com/potato4d/xian-dai-niokerupurodakutokai-fa-tophpwoxuan-ding-suruwake-number-phpkansai?slide=58

51. PHPの歴史 JetBrains PHPverse 2025 – Online Event Celebrating 30 Years

    of PHP https://lp.jetbrains.com/phpverse-2025/

52. PHPの歴史 JetBrains PHPverse 2025 – Online Event Celebrating 30 Years

    of PHP https://lp.jetbrains.com/phpverse-2025/ 30周年

53. ウェブサイトの言語割合 Usage statistics of server-side programming languages for websites https://w3techs.com/technologies/overview/programming_language

54. ウェブサイトの言語割合 Usage statistics of server-side programming languages for websites https://w3techs.com/technologies/overview/programming_language

    ２０２５

55. PHPはハンマーのような単純な道具 PHPの生みの親、ラスマス・ラードフ氏インタビュー | gihyo.jp https://gihyo.jp/news/report/2015/12/1401

56. PHPの学習曲線（イメージ） 諸説ある

57. 機能面

58. シェアードナッシング PHP & Shared Nothing Architecture: The Benefits and Downsides

    – Tideways https://tideways.com/profiler/blog/php-shared-nothing-architecture-the-benefits-and-downsides

59. モダン化の流れ • 交差型、合併型、false型... • Immutable classes, properties • Attribute

60. モダン化の流れ • 非対称可視性 • Property hooks • レイジーオブジェクト • などなど....

61. けっこうモダンでしょ？

62. Composer Composer https://getcomposer.org/

63. PHPUnit PHPUnit: The PHP Testing Framework https://phpunit.de/index.html

64. PHPStan Find Bugs Without Writing Tests | PHPStan https://phpstan.org/

65. PHP-CS-Fixer PHP Coding Standards Fixer https://cs.symfony.com/

66. 開発状況

67. The PHP Foundation The PHP Foundation — The PHP Foundation

    — Supporting, Advancing, and Developing the PHP Language https://thephp.foundation/

68. 年１回のアップデート PHP: Supported Versions https://www.php.net/supported-versions

69. php.internals php.internals mailing list https://news-web.php.net/group.php?group=php.internals

70. RFCによる機能変更議論 PHP: rfc:immutability https://wiki.php.net/rfc/immutability

71. PHPコミュニティ

72. PHPコミュニティ • 海外はある程度一定している • 日本では2023年から謎の盛り上がり... • 若手も流入してきおり活発

73. ユーザーコミュニティ world-phpcons-history.pdf - Google Drive https://drive.google.com/file/d/14wKvKtVPNtssGyFmlHndsFI3cgp7Uweo/view

74. ほぼ毎月カンファレンス 2025年に開催される全国のPHPカンファレンスのまとめ #PHP - Qiita https://qiita.com/akase244/items/00323a1bfbb6575f0c94

75. これから開催 • 2025/５/３1 PHPカンファレンス新潟 • 2025/6/2８ PHPカンファレンス • 2025/7/19 PHPカンファレンス関西2025

    • 2025/11/8 PHPカンファレンス福岡2025 • 2025/11/24 PHPカンファレンス香川2025

76. • 2025/５/３1 PHPカンファレンス新潟 • 2025/6/2８ PHPカンファレンス • 2025/7/19 PHPカンファレンス関西2025 •

    2025/11/8 PHPカンファレンス福岡2025 • 2025/11/24 PHPカンファレンス香川2025 これから開催 僕と握手！

77. 二回目のまとめ PHP、けっこういいやつじゃん？