Tips – nitd Inc

[ Vue.js ] どこからでも呼び出せるモーダルの実装方法

フロントエンド開発でつまづきがちな「どこからでも呼べるモーダル」をVue.jsで実装する方法のご紹介です。

Laravel APIサーバ側の認証とはまた別に、Vue.jsでページごとの認証をかける必要があります。
今回はそのやり方です。

Laravelで多対多（belongsToMany）のテストデータを自動生成する方法です。

「19800円」を「19,800円」にしたいとかいうこと、よくありますよね。
数値を3桁ごとのカンマ区切りにする方法です。

ユーザの種類って1種類だけってことはまずないですよね。
ユーザの種類に応じて認証をかけるRole機能の付け方です。

バックエンド側の認証制御は実装できたので
次はフロントエンドにログイン機能を実装していきます。

JWTAuthパッケージを使って認証を実装します。

ものすごいニッチなTipsですが、かなりイライラさせられていたのを解決できたので書いておきます。

ユーザを扱うAPIが一通りできたので、Vue.jsを使ってユーザ管理UIを作っていきます。

curlでちゃちゃっと動作確認しましたが、ユニットテストも書いて確認します。