2018-01-01から1年間の記事一覧
updated: 2019/1/21 jimp で加工した list 表示でうまく表示タイミングが調整出来なくて加工前や表示自体されなくて躓いた 理由） Due to limitations in JavaScript, Vue cannot detect the following changes to an array: When you directly set an item …
jquery を vue component のどこからでも使えるようにする 参考： stackoverflow.com //
→ @click="method1() & method2()" & でつなげれば出来る ここで（）をつけないでメソッド名だけでは動作しない。 ＆無しの単体のメソッドならば（）は不要 別途両方を実行するメソッドを作ってもいいが mixin や vuex で作ったものを2つ利用したいときに無…
vue-router の meta が便利 これで $route.meta.profile に値が付くので v-if="this.$route.meta.profile" 等でブラウザバックにも対応した routing ごとの conditional rendering ができて便利 //
フロントからクエリパラメーターを二つ付けて送った where では intval() で型を変える必要があったがforPage() では $request->page のままで処理が可能だったことに注意 //
updated: 2018/10/23 環境： Laravel 5.7.6 PHP7 特定のコレクション内のcomments array の特定の _id をもつバリューを削除したい。 $db = (new MongoDB\Client)->YOUR_DB; $collection = $db->YOUR_COLLECTION; $pid は削除したい pixieImage collection …
webpack.mix.js で指定したコンパイルするscss内でインポートさせる 例： node_module perfect-scrollbar の css をコンパイルしたい @import '~perfect-scrollbar/css/perfect-scrollbar.css'; 参考： stackoverflow.com //
mysql の select XX に当たるのが mongoDB では projection 'user_id' => 1 は true という意味 参考： github.com jenssegers/laravel-mongodb を使わないで mongoDB php driver を使うなら 参考： MongoDB\Collection::findOne() — PHP Library Manual 1.4…
新しい ObjectId を作る @mongo shell ObjectId(); @php new MongoDB/BSON/ObjectId; PHP側でnamespaceを使っていたら… use MongoDB\BSON\ObjectID; new ObjectID; 参考： BSON — PHP Library Manual 1.4 PHP: MongoDB\BSON\ObjectId - Manual //
updated: 2018/10/3 @vue ?page=1 のクエリを添えてGET @laravel $request->page で欲しいpage番号を指定 forPage() はpage1 と page2以降で返り値の挙動に差があるエラーがあるので下記参照 github.com // gist.github.com
updated: 2021/6/1 jenssegers/mongodb の mysql relationships で使用可能なことが確認済み php artisan make:factory FACTORY_NAME factory1 factory2 seeds/DatabaseSeeder.php おまけ ランダムな文字列を生成 return [ 'randomText' => $faker->regexify…
updated: 2018/10/1 Mysql relationships については下記参照 monteecristoo.hatenablog.com mongoDBとMysqlをjoin して返したい場合、mongoDBはjoinに対応していないので、 PixieImage は mongoDB上のデータベース user はmysql のデータベース さらにこれ…
データベーステーブルを適切に削除しなかったため。 solution: php artisan migrate:refresh //
Updated: 2018/9/27 php7.2 を cloud9 にインストール monteecristoo.hatenablog.com MongoDB のインストール monteecristoo.hatenablog.com PHP 用の MongoDB ドライバーをインストール PHP: Installing the MongoDB PHP Driver with PECL - Manual sudo pe…
環境： php7.2 cloud9(ubuntu14.0.4) cloud9 で php5 から php7 にアップデート済み MongoDB ver 4.0.2 sudo pecl mongodb ＝＞ Parse error: syntax error, unexpected 'new' (T_NEW) in /usr/share/php/PEAR/Frontend.php on line 91 solution: sudo apt-g…
font-weight を指定しないといけない場合がある 参考： www.genius-web.co.jp saruwakakun.com //
updated: 2018/9/13 Navigation-drawerを子componentで使用したいため、default の data: drawer を親子間で共有したいため、 mixinを使ってcomputed: {drawer: true} で共有した。 すると下記のエラー Computed property “drawer” was assigned to but it h…
updated: 2022/2/18 より良い方法： monteecristoo.hatenablog.com blade template 内の vue component にデータをパスしたい場合 例えば authHome.blade.php / guestHome.blade.php の二つに共通で PageBody.vue という vue component を使うとき、Laravel …
laravel-mix@2.1.11 vue-loader@15.3.0 vue-loader を @14.2.2 から @15.3.0 にアップでしたらエラーが発生 solution: webpack.mix.js にプラグインを適用 let mix = require('laravel-mix'); const VueLoaderPlugin = require('vue-loader/lib/plugin') mix…
updated: 2018/8/4 cloud9 では初めから Nginx がインストールされている。 初期設定ではポートが 80 になっている。cloud9 で使用できるポートは 8080, 8081, 8082 なので 設定を変える。 docs.c9.io @/etc/nginx/sites-available sudo nano default >>> se…
まず github 上で fork したいレポジトリを fork 次に cloud9 で新規ワークスペースを作成。この時 git clone の clone 元はオリジナルではなく fork した自分のレポジトリにする。(そうしないと cloud9 から push 出来ない。) github 上で fork し、git clo…
resultタブを開くと0~2の数字がランダムに13個出力されます。 もう一度出力したい場合は他のタブを開いた後、resultタブを開いてください。 楽天toto //
responseは[{prop1: {}, prop2: {}}, {prop1: {}, prop2: {}}] とする messages ではこのresponse をすべて格納して modifiedMessages ではprop2を削除して格納したい。 @messages.vue 親コンポーネント <app-messages v-for="message in messages" m=message key=message.id > mounted() { axios.get('getMessages').then(respons</app-messages>…
ｍethods: { testFunc() { console.log('OK'); } }, mounted() { setTimeout(function(){ this.testFunc(); // エラー }, 1000); } this.testFunc() だとエラー。以下に訂正 mounted() { var self = this; setTimeout(function(){ self.testFunc(); // OK },…
computed: { swiper() { return this.$refs.swiper.swiper },} この swiper を孫以降の component で共有したい場合 provide - inject >>> provide は data, method しか共有できない mixin >>> this.$refs が使えない Vuex の state で共有 >>> 〇 親 compo…
大規模開発のため vuex の store.js をモジュール化すると各 component から vuex の action をインポートした際、action がどこのモジュールに含まれているかわからなくなってくる。 @store.js import Vue from 'vue'; import Vuex from 'vuex'; import act…
親子ならprops で可能だが、孫などには provide, injection を使う vuejs.org ただし共有できるのは data, method で computed はできない。 The provide options allows us to specify the data/methods we want to provide to descendent components. では…
updated: 2018/7/8 sdparm を使用して HDD のスピンを制御するときのコマンド sudo sdparm --command=stop /dev/sda1 のショートカットを作る ＞＞＞＞ 今あるショートカットの確認 >>> alias 新規にショートカットの登録 cd home/pi sudo nano /.bashrc 元…
updated: 2018/5/2 この記事は検証途中で内容が不正確 方法１ Laravel Mix から @webpack.mix.js let webpack = require('webpack'); mix.webpackConfig({ plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jquery: 'jquery', window.jquery: 'jquery' …
// updated: 2018/4/27 vueJS でスクリーンサイズに応じて処理を切り替えたい場合に関して過去に書いた記事のフォローアップ monteecristoo.hatenablog.com 上記方法だとリロードごとには適用されるが例えばタブレットの縦横を回転させたときなどには適用さ…
