CSRF保護 ■Vue 〇CSRF保護を初期化 ・ SPAを認証するには、SPAの「ログイン」ページで最初に/sanctum/csrf-cookieエンドポイントにリクエストを送信して、アプリケーションのCSRF保護を初期化する必要がある Login.vue await axios.get("/sanctum/csrf-cooki…

概要 攻撃用のWebページを用意して、システムに意図しないリクエストを行うことを強要する ①サービスにログインした状態のユーザーを狙った攻撃 ex）オンラインバンキングのサービスにログインした状態で、送金の操作を行うCSRFが行われ、それがサービス側で…

Faker ・ダミーデータ生成用のライブラリ ・主にモデルファクトリを定義する際に使用する ・Fakerはデフォルトでcomposer.jsonに指定されている ・seederにちょこっと書くだけで動いてくれる [Laravel5.1]Fakerチートシート - Qiita

配列をコンソールに表示したときに、いくつかの表現方法があるのはなぜ？ ・単に配列の中身がでる場合…配列 ・Proxyとある場合…オブジェクト Proxy Proxy は二つの引数で作成される ・target プロキシを設定する元のオブジェクト・handler どの操作を傍受す…

プロトタイプベース言語 Javascript：プロトタイプベースのオブジェクト指向言語 →クラスベースではないが、追加パッケージ（おまけ）としてクラスがある cf. Java：クラスベースのオブジェクト指向言語 オブジェクトモデルの詳細 - JavaScript | MDN qiita.…

めちゃ難しい…！！ 初心者の壁かも？ 焦らずゆっくり理解しよう✨ 同期処理／非同期処理 ＜同期処理＞ ・１つの処理を実行し、完了したら次の処理を実行し…を繰り返していく ＜非同期処理＞ ・処理を実行したら、完了する前に次の処理に進む ・メリット：時間…

認証いろいろ ひとくちに「認証」といっても、何種類かありそう。 今回はLaravelSanctumのお世話になるので、以下２種類の認証をみてみる。 〇SPA認証 ・Cookieを利用する 〇APIトークン ・トークンを利用する ・Cookieは一切使用しない （APIアプリケーショ…

concat const ary1 = [1, 2, 3];const ary2 = ary1.concat(); console.log(ary1); // => [ 1, 2, 3 ]console.log(ary2); // => [ 1, 2, 3 ] // ary2 の要素を変更するary2[0] = 4;console.log(ary2); // => [ 4, 2, 3 ] // ary1 は変更されないconsole.log(a…

【Vue】【Laravel】書籍情報／登録 ①/create にアクセス ②router.jsをみにいく ③Vue コンポーネント「Create」へ （Laravelだけでつくってたときは、ここがcreate.blade.phpだった） ➃登録したい情報を入力する →api/book_information にPOSTで送信するとsto…

booksテーブルのavailabilityの更新 ①Borrowコンポーネントのborrow_event発火 ②rentalsテーブルにデータを追加 ③PUT/PATCH →部分的に変更をしたいので、PATCHを使う！ ※availabilityの値は「false」では通らない！（DBは0か1って書いてあるからかも） const…

基本的な動作 ・ユーザーの入力イベントにおいてデータを更新する 注意すべき動作 ・任意の form 要素にある value、checked、または selected 属性の初期値を無視する →初期値を設定してもダメだったのはこれだ！ フォーム入力バインディング — Vue.js ・v-…

HTMLでは実現できないので、Javascriptを用いる input type="date"を使った日付入力フォーム - Qiita →getElementById()をマウント後に使うと、DOM要素が確定したあとにHTML要素を書き換えようとして失敗する！ 対策 ・書き換えをset up() のdataに対して行…

package-lock.json ・npm install 実行時に新規作成・更新される ・npm install で実際にインストールしたパッケージ情報が記載されている package.json との比較 〇package.json・インストールすべきパッケージのバージョンの範囲その他もろもろ（npm-scrip…

入門 script内での値の取り出し 別のPCでやるには 寄り道 ○困ったら見立さんにきいてみる！ 入門 ・教科書p352～ ・最初に実行されるファイル Vue 「main.js」 Vue＋Laravel 「app.js」 // vueのライブラリ(カタログ:package.json, // 本体:node_modules)の…

訳も分からずに書いていたけれど、namespaceとかuseってなに…！？ namespace ・PHPで名前空間（エイリアス）を設定するために使用されるもの ・どこのフォルダに置いてまっせ～というパスをかく use ・PHPファイルで使用するクラスや関数などを予め宣言して…

アプリの作成 zenn.dev Slack API を使用してメッセージを投稿する zenn.dev User OAuth Tokenをコピーして貼り付ける // OAuth トークン const token = 'xoxp-1911644285474-1912192018759-2964548483367-50cc44399b8f8cb12a57dd59ea5caaa9'; main.js const…

◎あくまでconst が第一選択肢で、どうしても再代入が必要なときだけlet を使用する！ const ・再代入できない変数の宣言とその変数が参照する値（初期値）を定義できる ・定数の値は、再代入による変更ができず、再宣言もできない ・再代入とは 【JavaScript…

delete演算子 splice()メソッド concat()メソッド push()メソッド map()メソッド 所感 delete演算子 ・配列の要素の削除を行う ・実行の結果、配列は疎になる →削除した要素は消えるのではなく、「定義されていない」状態になる ・lengthプロパティは変化し…

基本値型 例）underfined,null,論理値,数値,文字列 ・不変。変更する方法がない。 例）変数「ｓ」を大文字表記にする方法はあるが、それによって元の変数が変わることはない。 ・値で比較する オブジェクト参照 例）オブジェクト,配列,関数も含む ・可変 例…

本を探す ①/find にアクセス ②router.jsをみにいく ③Vue コンポーネント「Find」へ ④検索ボタンをクリックすると、getDataメソッドがうごく ⑤axiosで以下へアクセス http://127.0.0.1:8000/api/books/1 （id＝１のデータをだす） ⑥コンソールログにbooksテー…

Map Set スプレッド構文 おまけ Map 複数の値が保持できるものに、List,Map,Setなどがあるが、 Mapは他の２つと何が違うのか？ →キーの重複をなくせる！（ダブりは上書きされる） List、Map、Setを使用して複数の値を保持してみよう！【プログラミング】 | …

ディープコピー（deep copy） ・コピー元オブジェクトから実体（データ）を複製し別オブジェクトを生成する方式 medium-company.com こんなことあるのか・・・こわい・・・ ちなみに、こんなのもあった↓ シャローコピー（shallow copy） shallow＝「浅い」 …

目的：同じ論理的な関心事に関連するコードを並べること setup コンポーネントオプション ・コンポーネントが作成される前に props が解決されると実行され、 Composition API のエントリポイントとして機能する ・setup オプションは props と後で紹介する …

->get() ・返り値はCollectionクラス ・中身はModelのオブジェクト。ゆえにforeach()で回せば各々の値を取得できる。 ->get()->all() ・厳密にarrayがほしい場合、取得したCollectionに->all()メソッドを呼び出すと、モデルインスタンスの配列が返される ->g…

役割分担 book_information テーブル ・書籍情報をみたいとき ・リレーション前の一覧 books テーブル ・書籍とそれに紐づく書籍情報をみたいとき ・リレーション後の一覧（リレーション前の一覧は要らなそう） 本の一覧（belongs to） ①/list にアクセス ②r…