はじめに
Laravel でネストした構造(リレーション)において、取得するカラムを絞りつつ Eager Load する方法についてまとめた。
TL;DR
- カラムの絞り込み:
:の後に,区切りでカラムを列挙 - ネスト構造:
.で繋げる - 上記の組合せ:
withに渡す引数を分けて書くwith(['posts:title', 'posts.images:url'])
はじめに
/events?areas=1,2,3 のような URL で検索などの処理を行う際に、良い感じにバリデーションする方法を調べた。
※なるべく自前で各値が DB の値と一致するかを検証したくないよね、というお話。
TL;DR
prepareForValidation内でデータを変更すると幸せになれるgetValidatorInstanceでもいけるかも（試してない）
はじめに
Cordova の iOS ビルドなどで ios-deploy を使っていて、以下のエラーが出た場合の対処方法。
1 | ... |
ちなみに、自分の環境ではビルド・デプロイまではできるが、Mac に繋いで Safari 経由でのデバッグができない(iOS デバイスを認識しない)という状態だった。
TL;DR
ios-deployをアンインストール→再インストール で解決rm ~/Library/Developer/Xcode/DerivedData/ios-deploy-*- 削除が不安なら一度
mvでリネームするのが良い
- 削除が不安なら一度
npm un -g ios-deploynpm i -g ios-deploy
はじめに
JavaScript で 16進数 ランダム文字列を簡単に生成する方法を調べた。
CDN を使う方法(chance.js)、npm からインストールする方法(crypto-random-string)についてまとめた。
TL;DR
- CDN なら chance.js
chance.string({length: 8, pool: '0123456789abcdef'})
- npm なら crypto-random-string
cryptoRandomString({length: 8})
はじめに
JavaScript で 16進数の固定長文字列を判定する方法を調べた。
TL;DR
/^[0-9a-f]{64}$/i.test(target)で確認できる- 元ネタ: javascript - How to check if a string is a valid hex color representation? - Stack Overflow
はじめに
MySQL で DB を複製(dump & load)する方法、リネーム(新DBに対して旧DBのテーブルを移動)する方法について整理した。
内容としては MySQLでdumpせずに “RENAME DATABASE” を実現する - Qiita の通り。
TL;DR
- 複製(dump & load)
mysqldump [options] db_name > db_name.dumpmysql [options] new_db_name < db_name.dump
- リネーム(旧DBのテーブルを移動)
RENAME TABLE db_name.table_name TO new_db_name.table_name× 全テーブル
はじめに
Chrome 拡張機能で、同梱しているファイルにアクセスする方法について整理した。
本記事では、画像をページ中に追加表示する例を示す。
TL;DR
manifest.jsonでweb_accessible_resourcesを指定*などのワイルドカードが使用できる
chrome.extension.getURLで URL を取得して使う
はじめに
display, visibility プロパティについて簡単に整理した。
TL;DR
display: none;⇔display: block;(flex, etc…) で要素の 表示/非表示- 表示に影響が出る(他要素の位置が変わったりする)
visibility: hidden;⇔visibility: visible;で要素の 表示/非表示- 表示に影響が出ない(他要素の位置は不変)
display: none;もvisibility: hidden;も、アクセシビリティ(読み上げ)に影響が出る- アクセシビリティを保つにはここを参考(試してない)
はじめに
Chrome 拡張機能で外部サイトへの HTTP リクエスト時に Request Headers をカスタマイズする方法について整理した。
User Agent を変更したり、Cookie を付与したり、色々とできるようになる。
TL;DR
chrome.webRequest.onBeforeSendHeadersを使う- 一部の内容はイベントハンドラ内で参照できないし、設定しても保証されない
- User Agent を変更したり、Cookie を付与したりできる
