もう型の不整合で悩まない!Laravel WayfinderとInertia.jsによるフルスタック型安全開発 by 濱崎竜太

PHPカンファレンス福岡2025
レギュラートーク(30分)

もう型の不整合で悩まない!Laravel WayfinderとInertia.jsによるフルスタック型安全開発

avosalmon 濱崎竜太 avosalmon
1

LaravelとInertia.jsを使ったフルスタック開発では、バックエンドからフロントエンドへ渡すPropsやリクエストボディの型情報をTypeScriptで手動で定義する必要がありました。これにより、バックエンドとフロントエンドで型定義の不整合が起きやすかったり、データ構造の変更時に複数箇所の修正が必要などの課題がありました。
Laravel Wayfinderは、Laravelのコントローラーやフォームリクエストから自動的にTypeScript型定義を生成するパッケージです。バックエンドを変更すると自動的にフロントエンドの型情報も変更されるので、開発体験が大幅に向上します。

話すこと

  • Inertia.js概要
  • Laravel Wayfinderの導入方法と基本的な使い方
  • Inertia.jsのPropsとフォームデータの型自動生成
  • 実際のコード例とライブデモ