環境： laravel@6.18.35 laravel-cashier@12.3.1 $paymentMethods = Auth::user()->paymentMethods() solution) dd($paymentMethods[0])で返る以下の項目がアクセス可能なプロパティなので $paymentMethods[0]->card等 もしくは、 $paymentMethods[0]->asStr…
Updated: 2020/9/2 APIを叩いてからボタンをクリックできるようにしたい等々 環境 Vue@2.6.12 <button @click="eventReady ? someFunc() : null"> computed: { eventReady() { if( // write condition ) { return true } else { return false } } } methods: { someFunc() { } } ----------------------------</button>…
環境： vuex@3.5.1 chrome-Vue.js devtools@5.3.3 mutation を検知できないので state の変遷も検知できなくなった。 firefox では検知可能だった。 solution) chrome 拡張機能から Vue.js devtools を再インストール
env('APP_NAME') >>> null うまくenv関数が使用できない。この場合は php artisan config:clear
updated: 2021/6/16 通常 v-dialog は v-model で 該当コンポーネントが保持する data の値を指定する。 それによって dialog の外側をクリックしたときに表示を toggle することができる。 ここで vuex の state を指定すると外側クリック時にコンソール上…
sudo mkfs ext4 -n /dev/sda ＞＞＞device size is reported zero invalid partition 物理的にHDDのコネクタが緩んで電源不足で上記エラーが出ることがある。 ref: http://monteecristoo.hatenablog.com/entry/2018/04/20/115733 http://monteecristoo.haten…
raspberry pi で起動したらCannnot open access to console, the root account is locked. ディスクのマウント時にエラーが発生している可能性あり。 SDカードを外して別のPCで boot/cmdline.txtの末尾に半角スペースinit=/bin/shを追記。 raspberry pi を起…
if(window.PaymentReqeust) { console.log("support") } else { console.log("not support") } ただし、payment Request API が使用可能でかつ、クレジット情報が既にブラウザに保存済みか調べるためにはpaymentRequestオブジェクトを生成したのち、canMakeP…
updated: 2020/8/17 ブラウザのプラグインでAdBlockやscript block が必要なscriptをブロックしている場合があるのでそれらを停止させる。 --------------------------------------------------------------------------------------------- 環境： AWS Clou…
余分な , があってはダメ 以下ダメな例 正解は
updated: 2020/2/15 vue@2.6.11 vuetify@2.2.12 vuetify の v-dialog を v-for 内で使用するとき個別の値を v-model に割り当てないとdialog に正しい list の値がパスされない。 https://github.com/vuetifyjs/vuetify/issues/5246 そこで v-for="(item, in…
vuex@3.1.2 Goal: shopping cart の中身を商品のIDごとに管理し、かつ各IDごとの数量を vuex stateに保持したい。また数量が１つずつではなく複数 cart に追加できるものとする。 const state = { products: [] } const actions = { cart_addProduct({state,…
embedsMany: 子供側の model は mongoDB 内に collection が作成されず親の collection 内にデータがネストされる。 _id は自動で付与される。 親: order 子: orderImage $order = App\Order::where("user_id", 42)->first() $order->orderImages()->create(…
laravel@6.3 model を任意のディレクトリに移動させたい場合 php artisan make:model MODEL_NAME 任意のディレクトリに移動 php artisan make:migration CreateModel_nameTable php artisan migrate ＊＊必ず migrate する前にディレクトリを移動させる。 **…
updated: 2020/10/23 php@7.2 $products[0] = $productsは上記のようなものの集合とし。$products[1], $products[n]と続いてくものとする。 name と colorのcolor["path"]をそれぞれアップデートしたい場合 foreach($products as $product) { $product["name…
Updated 2023_06_05 既存のAWS cloud9 上の Laravel + MongoDB App に adminMongo を導入 https://github.com/mrvautin/adminMongo プロジェクトのルートディレクトリで npm install admin-mongo adminMongo 用のサーバーを準備 /node_modules/admin-mongo …
Updated: 2019/12/31 Goal ref: https://stackoverflow.com/questions/27902955/javascript-generate-matrix-from-two-object-arrays https://stackoverflow.com/questions/36008226/how-to-generate-matrix-from-dynamic-multidimensional-array-in-php お…
Laravel＠6.4.0 ubuntu@18.04.2 $request->image->store('test'); を実行したらLaravel Impossible to Create Root Directory とエラーメッセージが出た。 ＞＞＞ storage_path(config/filesystem.phpで確認)の権限の設定に不備。 対象フォルダにwrite権限を…
voyager@1.3 サーバーからのレスポンスでUserのavatarがnullの場合、javascript側でdefaultのavatarを設定していたがvoyagerをインストールしてからDB上でUserのavatarがnullでもusers/default.pngという値が勝手にサーバーからのレスポンスに付与されるよう…
updated: 2019/12/23 laravel@6.4.0 voyager@1.3 すでに作成済みのLaravel Appにvoyagerをインストールしたところphp artisan migrateをすると SQLSTATE[42S02]: Base table or view not found: 1146 Table 'databasename' doesn't exist とエラーメッセージ…
vue@2.6.11 Example computed: { items() { this.$store.state.items } } itemsは{name: "ITEM_NAME", quantity: 0}の複数配列とする。 <v-for item in items :key=item.key> {{ item.name }} <v-btn @click="item.quantity++"> >>>>> computedは基本的にgetterとして使用するのでボタンを押してもquantityの値を変化させられな</v-btn></v-for>…
updated: 2019/12/11 vue@2.6.10 vuex@3.1.2 以下要検証 vuexのstateを取得するときdataで取得することができるが data() { return { target: this.$store.state.target } } 取得したstateのプロパティにアクセスするときに取得前の値(null?)を参照してしま…
Updated: 2020/9/25 laravel@6.4.0 AWS Cloud9 Ubuntu 18.04.2 LTS projectのrootディレクトリでなく、/root/PROJECT_NAME/にLaravelをインストール AWS Cloud9 上に作成したLaravelで php artisan voyager:install >>> error: symlink(): No such file or d…
updated: 2019/11/6 proc_open(): fork failed errors 原因： メモリが足りない or ディスク容量が足りない 環境： php7.2 laravel6 t2micro swap memory 1GB で足りなかった → 2GBに設定 solution: qiita.com
updated: 2019/10/15 Vue@2.6.10 Vuex@3.1.1 前回の http://monteecristoo.hatenablog.com/entry/2019/09/16/074708 と同様にデータ取得のタイミングに関するエラー対応について syntaxでデフォルトで定義されていないディープにネストされたプロパティを含…
updated: 2019/12/11 Vue@2.6.10 Vuex@3.1.1 あるdata, vuex stateプロパティ等の初期値をnullにしておくと 参照したvue syntaxで値は正しく取得されるがコンソールにnullを参照したことによるエラーが表示される。 ""や{}等適当な値を初期値にセットしてお…
Laravel@5.8.33 mongoDB@4.0.10 あるEloquent ORMのネストされたデータdetails['description']をアップデートしたい。 $target = App\ModelName::first() $target->details['description'] >>> "test" と返るので直接 $target->details['description'] = "up…
updated: 2020/2/5 vue@2.5.7 vuex@3.0.1 ParentComponent.vue <app-child-component v-for="1 in n" > 親componentからv-forを使って複数の子componentが存在 子componentAで発生させたdoSomething()を兄弟componentB、C、D、、、でも同様に発生させたい。この方法について。 i) Vuexを使ってstat</app-child-component>…
v-layout と v-flex を使用する(full fluid + conditional) <v-layout wrap> <v-flex lg3>1/4画像</v-flex> <v-flex lg6>1/2画像<v-flex> <v-flex lg3>1/4画像<v-flex> <v-layout> css img { width: 100%; height: auto; } ** layout にwrap を忘れないように。子コンポーネントがlayoutに収まるようになる。 ref: https://vuetifyjs.com/en/componen</v-layout></v-flex></v-flex></v-flex></v-flex></v-layout>…
Updated: 2020/8/17 環境： AWS Cloud9 EC2 platform: ubuntu linux Laravel: 5.8 Mysql: 5.7 AWS Cloud9 上でphp artisan migrateをすると下記のエラー SQLSTATE[HY000] [1698] Access denied for user 'root'@'localhost' (SQL: select * from information…
