現在Laravel＋Vueでシステムを作っているが、 リダイレクトで悩んだのでメモ。 Q.Laravelのコントローラーにて以下のコードを記述したが、リダイレクトがうまくいかないのはなぜだろう？ return redirect('/status'); A. ・今回はWebページのルーティングの…

優先順位 ◎ログインしていない人がページを見れないようにする qiita.com ○テストをつくってログイン、ログアウトができるか試す ○REGISTERコントローラーを強くする teratail.com 認証されていないユーザー RentalController public function index() { if …

久しぶりにgit cloneしようとして困ったのでメモ ①git cloneする ②必要なライブラリのインストール VUE npm install && npm run dev Laravel composer install ③.env 作成 $ cp .env.example .env ④アプリケーションキーの初期化 $ php artisan key:generate…

【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-…

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

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

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

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

つくるまえに 必要な作業 つくりたいもの 必要な機能を書き出して、優先順位をつける データの流れ ルーティング デザイン 立ち止まり記録 自宅で作業できるようになった ルーティング 進捗報告 つくるまえに 〇使うもの ・Laravel のみ ・Vue.js + Laravel …

①直接かいて渡す App.vue ・子で使う名前＝”送りたいデータ” <template> <HelloWorld test="tttt" /> </template> HelloWorld.vue ・propsでデータを受け取る <template> <div> {{ test }} </div> </template> <script> export default { name: "HelloWorld", props:{ test: String, }, }; </script> ②v-bindで渡す App.vue ・v-bind:子で使う名前=""親で使って…

＝全体の流れ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 1.Firebaseのプロジェクトをつくる 2.プロジェクト内でWebアプリを登録する 3.VScodeのプロジェクト内でFirebase CLI をインストールする（最初の１回だけでいい） ・・・ ＝＝＝＝＝＝＝＝＝…

楽天のAPIとVue.3を使って人気商品の情報を取得しました。 src>App.vue <template> <div class="m-5"> <h1>楽天商品ランキング（20代）</h1> <Item v-for="shohin in shohinList" v-bind:ItemObj="shohin" v-bind:key="shohin.Item.rank" /> </div> </template> <script> import Item from "./components/Item.vue"; export default { name: "App", components:…