ビューフェスジャパン2025
Vue Fes Japan 2025のメインビジュアル。VueをイメージしたVのシルエットと、日の丸をイメージした丸のシルエットが横に並んでいる。色は深い抹茶のような色をしており、丸のシルエットには金色の墨流し模様が描かれている。
大手町プレイス ホール &カンファレンス

Speaker

セッション情報


フューチャーアーキテクトトラック
14:20 - 14:50
ナイトウコウスケ

最高の DX - Nuxt Typed Router と Pinia Colada で実現する次世代 Vue/Nuxt 開発

「ルート名の typo でまたエラー」

「データフェッチングの状態管理で毎回同じボイラープレート」

「TypeScript 使ってるのにルーティングは文字列頼み」

Vue/Nuxt 開発でのこんな日常的なストレスを解決したくありませんか?

本セッションでは、Nuxt Typed Router と Pinia Colada を使った実践的な DX 改善手法をお伝えします。

ファイルベースルーティングによる自動型生成で、ルート名・パラメータの補完が効くようになり、宣言的なデータフェッチングでローディング・エラー状態の管理から解放されます。

型情報が豊富で宣言的なコードは、開発者だけでなく AI にとっても理想的な環境を提供します。

「面倒な作業」から「本質的な開発」へとシフトし、AI 時代の開発スタイルに最適化された環境構築の具体的な方法を、実際のコード例と導入時の注意点も含めて詳しくご紹介します。

フロントエンドエンジニア

株式会社メイツ

ナイトウコウスケ

フロントエンドエンジニア

株式会社メイツ

ナイトウコウスケ

最高の DX - Nuxt Typed Router と Pinia Colada で実現する次世代 Vue/Nuxt 開発

「ルート名の typo でまたエラー」

「データフェッチングの状態管理で毎回同じボイラープレート」

「TypeScript 使ってるのにルーティングは文字列頼み」

Vue/Nuxt 開発でのこんな日常的なストレスを解決したくありませんか?

本セッションでは、Nuxt Typed Router と Pinia Colada を使った実践的な DX 改善手法をお伝えします。

ファイルベースルーティングによる自動型生成で、ルート名・パラメータの補完が効くようになり、宣言的なデータフェッチングでローディング・エラー状態の管理から解放されます。

型情報が豊富で宣言的なコードは、開発者だけでなく AI にとっても理想的な環境を提供します。

「面倒な作業」から「本質的な開発」へとシフトし、AI 時代の開発スタイルに最適化された環境構築の具体的な方法を、実際のコード例と導入時の注意点も含めて詳しくご紹介します。