春雨に寒さを忘れる今日この頃、みなさまはいかがお過ごしでしょうか？ 私は、相変わらずバックエンドとフロントエンドを行き来するせわしない日々を送っています。 今回は、LaravelとVue3の繋ぎ役としてSPAを作る際に良きに働いてくれるInertiaをご紹介します。 Inertiaとは 公式によると、 Inertia allows you to create fully client-side rendered, single-page apps, without the complexity that comes with modern SPAs. It does this by leveraging existing server-side patterns that you already love. Inertia has no client-side routing, nor d
Inertia.jsやJetStream、Laravel UIなどを利用することなくLaravel9でVue3、Reactを使いたい場合の設定方法について説明しています。設定完了後VueまたはReactのコンポーネントに記述した”Hello World”がブラウザ上に表示されます。 Vue3を利用したい場合 laravelコマンドを利用してLaravelプロジェクトの作成を行います。プロジェクト名はlaravel9_vue3に設定していますが名前は任意です。 % laravel new laravel9_vue3 composerコマンドでもLaravelプロジェクトの作成は可能です。 % composer create-project --prefer-dist laravel/laravel laravel9_vue3 Laravelプロジェクトの作成が完了したらlaravel9_vu
さてさて、Vue 3がリリースされてから少し経ちましたが、これまで、私の場合、npmを使ってLaravel 8.xと連携をしてきませんでした。 というのも、「いちいちビルドすると開発のテンポが悪くなり、保守もしたくなくなるから」というのが一番の理由なんですが、実際はそれ以外にも連携できない理由がありました。 それが・・・・・・ Laravel Mix が Vue 3 に完全対応してなかった からです。 私はLaravelとVueの大ファンなので、バージョン3が出てすぐにnpmで連携させようとしましたが、なんと「.vue」ファイルをうまくコンパイルすることができないことが分かりました。 いろいろ調べた結果、Laravel Mixの作者が「それは、次期バージョン6で対応するよ👍」と書いていたので、現在まで待ちに待っていました。 そして、数日前ついにLaravel Mixが新バージョン6になっ
Laravelとの出会いMeet Laravel Laravelは、表現力豊かでエレガントな構文を備えたWebアプリケーションフレームワークです。Webフレームワークは、アプリケーションを作成するための構造と開始点を提供します。これにより、細部に気を配りながら、すばらしいものの作成に集中できます。Laravel is a web application framework with expressive, elegant syntax. A web framework provides a structure and starting point for creating your application, allowing you to focus on creating something amazing while we sweat the details. Laravelは、すばら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
