はじめに 今回は、LaravelプロジェクトにVue3を導入する手順を解説しました。 私もそうですが、今までフロントエンドはjQueryを利用してきた方は多いのではないでしょうか。
JSのフレームワークでは「Vue.js」や「React」、「Angular」などが大変人気で様々なプロジェクトでの導入が進んでいます。 この記事ではLaravelのバージョン9でVue.jsのバージョン3を導入する方法について紹介していきたいと思います。 学習コストが低い 導入しやすい 開発効率が上がる 人気のJavaScriptフレームワークであり将来性・技術的に習得しておきたい と、色々ありますが細かいことは気にせず、是非試してみましょう。 Laravelのプロジェクトをインストールする まず、Laravelのプロジェクトを準備します。 composerを使って、Laravelのプロジェクトを作成します。
Laravel9のドキュメントには記述されていませんがLaravel9でもLaravel UIパッケージを利用することができます。 Laravel UIはLaravelのバージョン6から登場しFrontend Scaffoldingとしてドキュメントにインストール方法が記述されていましたがLaravel8からJetstream, Breezeが登場しドキュメントには記載されなくなりました。 Laravel9で認証機能をすぐに利用しようと思った場合にはLaravel BreezeまたはLaravel Jetstreamパッケージをインストールする必要があります。Breezeパッケージを利用するためにはInertia.js(Vue, React), Apline.jsまたはLivewire、JetsreamパッケージではInertia.js(Vue)またはLivewireの知識が必要となります
Larvel+vue.jsで管理画面を作成します。 デザイン知識が乏しいのでCoreUIのFree版でUIをサクッと作ってみる。 CoreUIとは そもそもCoreUIとは、VueとBootstrapで作られた管理画面UIのフレームワークです。 Free版でも十分な部品がありますが、有料のProにすると毎回作るのが面倒なカレンダーやdatepickerなどの部品やプレミアムサポートもついてます。 ライセンスはMIT https://coreui.io/index.html Laravelをインストール 公式ガイド通りにインストールします。 <!DOCTYPE html> <html lang="{{ config('app.locale') }}"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" conte
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く