ツールチップを簡単に表示できる atomiks/tippyjs を触る機会があったので、簡単に使い方を整理した。
tippy(<target>, { content: 'my tooltip' }) でツールチップを設定<target> はセレクタ(#id など)でも、Node(document.querySelector('#id') など)でも OKcontent に HTML も設定可能tippy(<target>, { content: '<strong>my tooltip</strong>' })theme: 'light のように指定「画像クリックで拡大」を簡単に実現できる imgix/luminous を触る機会があったので、簡単に使い方を整理した。
デモページ を見ると、何ができるのかがすぐわかる。
npm i luminous-lightbox でインストール<script src="https://cdnjs.cloudflare.com/ajax/libs/luminous-lightbox/2.3.2/luminous.min.js"></script><a href="拡大画像"><img src="サムネイル"></a> に対して以下を実行new Luminous(document.querySelector('a'))LuminousGallery を使用new LuminousGallery(document.querySelectorAll('a'))JavaScript で 16進数 ランダム文字列を簡単に生成する方法を調べた。
CDN を使う方法(chance.js)、npm からインストールする方法(crypto-random-string)についてまとめた。
chance.string({length: 8, pool: '0123456789abcdef'})cryptoRandomString({length: 8})JavaScript で 16進数の固定長文字列を判定する方法を調べた。
/^[0-9a-f]{64}$/i.test(target) で確認できるCordova でアプリデプロイ時に、指定した端末やエミュレータにデプロイする方法についてまとめた。
cordova run --list で利用可能なデバイスの表示。cordova run ios --target=<target id> で実機へのデプロイcordova emulate ios --target=<target id> でエミュレータへのデプロイGitHub などに登録されている Cordova アプリのソースコードをクローンした後に、クローンしたコードを使って Cordova 環境を構築(初期設定)する方法。
mv <original name> <renamed name>--template オプションを使って cordova createcordova create <original name> --template=<renamed name>rm -rf <renamed name>Vue + Cordova の iOS アプリを Xcode v11 でビルドすると Cannot read property 'toLowerCase' of undefined のエラーが出たので、解決方法について整理した。
cordova-ios v4 系は互換性がないvue add cordova でインストールされるのは cordova-ios v4.5.5 (2019/11/21 現在)cordova platform rm ios → cordova platform add ios@latest で解決Node.js で node-rsa の代わりに、@bluecrypt/keypairs と node-forge を使って鍵の生成や 暗号化/復号化 を行う方法を整理した。
なお node-rsa を使わない理由は単純に処理速度の観点から。
node-rsa 以外の RSA 暗号化関連ライブラリについて整理@bluecrypt/keypairs が速い(※)node-forge が速い(※)※あくまで「自分の計測した範囲では」なので、環境や状況で結果は異なると思う。
続きを読むVue.js プロジェクトで Performance Timing API を使う方法についてメモ。
new Vue({performance: true}) とするmark と measure を使う
