Laravel SanctumのAPI Tokenの動作をコードベースで完全理解する | アールエフェクト
API Tokenの基本 API Tokenは非常にシンプルな仕組みなのでわかりやすいですコードを確認する前に大まかな流れを確認しておきます。 Token保存用のテーブルの作成ユーザ毎にTokenを作成しToken保存用テーブルに保存api.phpファイルに設定したルーティングにmiddlewareでsanctumを設定作成したTokenをheaderに設定してリクエストを送信送られてきたTokenが保存されているTokenと一致するかチェック(有効期限のチェック含む)Tokenに問題なければそのまま処理へ、Tokenに問題がある場合はJSONでエラーメッセージを返却 Laravelのソースコードを読む場合、処理がいくつものファイルにまたがっているため混乱する箇所があるかもしれないので注意してください。 Laravel環境の構築 Laravel Sanctumの動作確認を行うmac OSに
Vuetifyでのv-list-groupでのリンク設定方法 | アールエフェクト
Vuetifyでサイドバーにメニューを追加したけれどもメニューに階層がある場合にうまくリンク設定、表示設定ができず悩んでいるという人を対象に階層があるメニューのリンク設定と表示設定について解説を行っています。 Vuefityでサイドメニューを表示させようとしている人はぜひ参考にしてみてください。 本文書を読み終えると下記のようなサイドメニューを実装すること可能です。 ナビゲーションメニューの画面遷移 動作確認を行う環境は下記の文書で構築したものを利用します。 利用するメニューデータ サイドにあるナビゲーションバーを構成するデータは下記となります。データプロパティnav_listsにリスト情報を設定しています。階層があるメニューと解消がないメニューの2つが混在している状態です。例えばGatting Startedは階層を持っているメニューでCustomizationは階層を持っていないメニュ
【vue.js】Vuefityをマスターする(1) | アールエフェクト
VuetifyはVue.jsのUI(ユーザインタフェース)のライブありでVuetifyを利用することでデザインの知識がなくても効率的に美しいGUI画面を作成することができます。しかし使いこなすためにはプログラミングの知識が必要となるためVuetifyの基本的な使用方法を理解しておく必要があります。 本文書ではVuetifyがマスターできるように実践的なダッシュボードの作成を通して使用方法を確認していきます。 説明は2回に分けて行い、1回目である本文書ではダッシュボードのレイアウトの作成方法とルーティングの設定方法を確認します。本文書を読み終えるとVuetifyを利用して自分の力で下記のダッシュボード画面を作成することができます。 ダッシュボード画面 2回目ではダッシュボードに表示させるグラフコンポーネントを使って、Grid System(グリッドシステム)やResponsive Desig
【vue.js】ドラッグ&ドロップでファイルアップロード | アールエフェクト
vue.jsを使ってアプリケーションを構築する際にドラッグ&ドロップでファイルのアップロードを行いたい時、ライブラリなしでコードを書きたいと思ったことはありませんか？本文書はそんな人のためにvue.js入門者でもできるドラッグ&ドロップのファイルアップロードについて基礎から説明を行っていきます。今までライブラリに頼って一度もドラッグ&ドロップの自作にチャレンジしていない人であればこんなに簡単なの！と驚くこと間違いなしです。 初期設定 手元の環境ですぐに動作確認ができるようにvue.jsはcdnを利用します。任意のフォルダを作成し、index.htmlファイルを作成してください。 index.htmlファイルに以下のコードを記述しファイルをドロップする四角枠を作成します。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8
vue.jsのログイン認証をFirebase Authenticationを使って構築 | アールエフェクト
Firebaseの設定 アカウント登録 Firebaseのユーザアカウントを持っていない人はまずユーザ登録を行う必要があります。Firebaseのユーザアカウントを持っている人は次の”プロジェクトの作成”に進んでください。 ページが開いたら真ん中にある使ってみるボタンをクリックします。 Firebaseトップページ ログイン画面が表示されるので、メールアドレスを入力します。次へボタンにいくとパスワードを聞かれるので入力してください。 Googleアカウント情報を入力 Firebaseへようこそ画面が表示されればアカウント登録は完了です。 ログイン完了 プロジェクトの作成 Firebaseにログインするとプロジェクトの作成画面が表示されます。”プロジェクトを追加”をクリックしてください。 プロジェクト作成画面 プロジェクト名を入力する画面が表示されるので任意の名前をつけてください。ここではv
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
