WEBシステム開発
-
Vue3で親子コンポーネント間データ送受信
Vue2については「Vue/Vuetify ダイアログの設置と親子コンポーネント間のデータ送受信」で書いたが、Vue3では書き方が違うのでまとめておく。また、子…
-
Laravel9/Vue3環境で状態管理ライブラリPiniaを試す
Vueでの状態管理ライブラリと言えばVuexだったけど、今やPiniaが公式ライブラリらしい。mutationsなどややこしいものが排除されてシンプル!簡単に実…
-
Laravel9/Vue3でVue-Router4
Vue-Routerもv4へバージョンアップしたようなので、v3とv4の書き方の比較を交えながら、Laravel9/Vue3環境でVue-Router4のインス…
-
Laravel9/ViteでVue3
Vue2ではdataやcomputed、mountedなどoptionsごとにロジックをまとめて記述するOptions APIだったが、Vue3でリリースされた…
-
Laravel9でFortifyを使ってみる
概要 Fortifyはユーザ登録やパスワードリセットなどユーザ認証系の主なルート登録とコントローラーを提供するパッケージで、具体的にはユーザの登録・ログイン認証…
-
Laravel9でBootstrap&Vite
Laravel9のv9.19からフロントビルドツールがLaravelMixからViteに変更されたようです。そこで、Laravel9をインストールしてBoots…
-
Laravel8基本設定
認証パッケージにLaravel Jetstream/Fortifyが導入されたり、ルーティングの書き方が変わったり、モデルのディレクトリが変更されてるようなので…
-
Laravel SanctumでSPA認証
前回は「Laravel SanctumでBearerトークンによるAPI認証」を行いましたが、今回はLaravel Sanctumのもうひとつの認証、トークンを…
-
Laravel SanctumでBearerトークンによるAPI認証
Laravel Passport以外でシンプルな外部サイトからのAPI認証を調べていたら、laravel6.xの公式ページにあった「API認証」がLaravel…
-
Laravel+Vue/Vuetify Paginationを使ってみる
簡単にページネーションを作れるVue/VuetifyのPaginationを使ってみます。Laravel側からAxiosを使ってAPIでデータを取得し、Vuet…
-
Vuetify Vue Router まとめ
Vue RouterはLaravelの管理画面をvue-routerを使ってSPA化で使用し簡単に説明しましたがインストールや設定、リンク方法の復習からパラメー…
-
Vue/Vuetify Vuexを使ってみる
Vue.jsで親子関係でない独立したコンポーネント間でもデータ共有したい場合は状態管理ライブラリVuexが便利です。Vuexの基本的な設置方法や注意点、別コンポ…