書籍「Laravelの教科書」Laravel13対応サポートガイド公開中 → ダウンロードはこちら

LaravelとVue連携

LaravelとVue連携

Vue CLIエラー対策:’vue’ は、内部コマンドまたは外部コマンド、 操作可能なプログラムまたはバッチ ファイルとして認識されていません。

npm install -g @vue/cli 実行後に、vue --versionを実行した時、「'vue' は、内部コマンドまたは外部コマンド、 操作可能なプログラムまたはバッチ ファイルとして認識されていません。」と出てしまった時の対...
LaravelとVue連携

Laravel11とVue3の連携方法:カウンタを作ってみる

Laravel11とVue3の連携方法を解説します。LaravelとVueを連携させたいときに、参考にしてください♪Laravel11とVue3の連携方法:カウンタを作ってみるまずは、Laravelのプロジェクトを作成します。Laravel...
LaravelとVue連携

LaravelでInertiaを使う際にVueとBlade用にルート設定ファイルを2つに分ける方法

ひとつのプロジェクト内でBladeファイルとVueファイルを使う場合、ルート設定ファイルを2つに分けたほうが、使いやすいですよね。どのようにするか、手順を解説します。LaravelでInertiaを使う際にVue用とBlade用にルート設定...
Laravel Breeze

LaravelにInertiaをインストールする方法:LaravelとVue3を便利に連携させよう

Laravelでは、Inertiaを使うとVue3を便利に使うことができます。Inertiaは、LaravelとVueを結ぶ接着剤のような役割を果たします。今回は、Laravel BreezeにVue3をいれて、そのあとInertiaをいれ...
Laravel Breeze

Laravel BreezeにInertiaをインストールする方法:LaravelとVue3でSPAを手軽に作りたい人向け

Laravel Breezeをインストール時にInertia(イナーシャ)を入れると、Vue3をLaravelで使う時に必要な設定を行ってくれる上、デフォルトの認証部分等すべてVueで手軽に作れます。LaravelとVue3でSPAを作りた...
LaravelとVue連携

Inertia(イナーシャ)ってなに?メリットは?LaravelとVueを連携させたい人のために説明

Inertiaは、サーバーサイド(フロントエンド)とクライアントサイド(バックエンド)をつなぐためのツールです。わたしはLaravelとVue3を連携させたい時に使い始めましたが、すごく便利だと感じています。本記事では、「LaravelとV...
LaravelとVue連携

Laravel npm install “1 vulnerability requires semver-major dependency updates.”

Laravel Mixをインストールするときに、”found 1 high severity vulnerability”に続いて、”1 vulnerability requires semver-major dependency upda...
LaravelとVue連携

npm install後のhigh severity vulnerability / Prototype Pollutionの原因と解決法

npm installを行ったところ、【high severity vulnerability】というメッセージが表示。どうやら【Prototype Pollution】の危険性があるとのことでした。実際に解決した方法と、Prototype...
LaravelとVue連携

Laravelコントローラーからvue.jsへ変数を受け渡しつつ連携する方法

LaravelとVue.jsを連携させる方法を解説します。このときLaravelのコントローラーから変数を受け渡し、これをVueファイル内で使えるようにします。まず最初にLaravelにVueをインストールする必要がありますが、こちらは下記...
LaravelとVue連携

LaravelでVueを使う時、コントローラーに値が渡せない原因はこれかも

LaravelでVueを使ってコントローラーに値を引き渡して処理をするとき。変数の埋め込み方が間違っていると、引き渡せません。たとえば、次のようにルート設定をしているとします。api/tasks/{id}vueからControllerに i...