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

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

話すこと

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