PHPLaravel8基本設定 認証パッケージにLaravel Jetstream/Fortifyが導入されたり、ルーティングの書き方が変わったり、モデルのディレクトリが変更されてるようなのでインストールから基本的な設定をまとめておきます。 開発環境 Lar... 2020.12.11PHPWEB開発
PHPLaravel SanctumでSPA認証 前回は「Laravel SanctumでBearerトークンによるAPI認証」を行いましたが、今回はLaravel Sanctumのもうひとつの認証、トークンを使用せずクッキーベースのセッション認証であるSPA認証を行います。「Larav... 2020.07.13PHPWEB開発
PHPLaravel SanctumでBearerトークンによるAPI認証 Laravel Passport以外でシンプルな外部サイトからのAPI認証を調べていたら、laravel6.xの公式ページにあった「API認証」がLaravel7.xから無くなっていました。どうやらLaravel Sanctum(旧Lar... 2020.07.11PHPWEB開発
JSLaravel+Vue/Vuetify Paginationを使ってみる 簡単にページネーションを作れるVue/VuetifyのPaginationを使ってみます。Laravel側からAxiosを使ってAPIでデータを取得し、Vuetify/SimpleTablesで一覧表示させてそのページネーションとしてVu... 2020.07.03JSPHPWEB開発
JSLaravel Vue/Vuetify Vue Router まとめ Vue RouterはLaravelの管理画面をvue-routerを使ってSPA化で使用し簡単に説明しましたがインストールや設定、リンク方法の復習からパラメータやクエリストリングの取得方法やパラメータやクエリストリングを変更しただけの同... 2020.07.02JSWEB開発
JSVue/Vuetify Vuexを使ってみる Vue.jsで親子関係でない独立したコンポーネント間でもデータ共有したい場合は状態管理ライブラリVuexが便利です。Vuexの基本的な設置方法や注意点、別コンポーネントとの同期方法をVuetifyでサンプルを作って確認します。 開発... 2020.06.29JSWEB開発
JSVue/Vuetify ダイアログの設置と親子コンポーネント間のデータ送受信 Vue.jsにおける子コンポーネントの設置方法とpropsと使った親コンポーネントから子コンポーネントへのデータ送受信、および$emitを使った子コンポーネントから親コンポーネントへのデータ送受信をVuetifyのダイアログを例に説明しま... 2020.06.27JSWEB開発
PHPLaravel+Vue LaravelMixでフロントと管理画面を別のSPAとして扱う LaravelをAuthをインストールした時点でVue.jsを利用でき、resources/js/app.jsでVueインスタンスを生成していますが、このままではapp.jsだけでアプリケーション全体のVue環境設定を行うことになります。... 2020.06.21PHPWEB開発
PHPLaravel+Vue/Vuetify 編集機能を追加 前回までで登録・一覧・削除ができたので今回は編集機能を作ります。Actionsのペンアイコンをクリックしたときに該当データの編集画面を表示しデータの変更ができるようにします。すでに登録用のコンポーネントにフォームがあるので共有化しましょう... 2020.06.17PHPWEB開発
PHPLaravel+Vue/Vuetify 削除確認ダイアログを表示してデータ削除 前回はLaravel+Vue/Vuetify Data tableを利用してデータ一覧を作成しました。 Actionsのゴミ箱アイコンをクリックしたときに削除確認ダイアログを表示させて削除ボタンをクリックしたときにデータを削除できるように... 2020.06.10PHPWEB開発