Node.js でミリ秒よりも高精度のタイマーやタイムスタンプを利用する方法について整理した。
microtime (node-microtime) を使うperformance.now() と perfomance.timeOrigin を組み合わせてもマイクロ秒オーダーで Unix Timestamp が取得できるprocess.hrtime() でナノ秒オーダで計測が可能Vue.js プロジェクトで vue-svg-loader を使って SVG ファイルを描画する方法について整理した。
npm i -D vue-svg-loader で vue-svg-loader をインストールvue.config.js に設定を追加xxxx.vue で import して components に登録して <YourSvgIcon /> で描画Vue.js で FontAwesome を使う方法について整理した。
new Vue する前にライブラリのインポートと使用するアイコンの設定<font-awesome-icon :icon="[]" /> タグで表示GitHub で公開されているソースコードをベースにして、プライベートリポジトリで何かを作りたい時にクローンする方法を調べた。
※書いた後に「clone して、remote set-url で変更するだけで良いのでは？」と思ったが検証してない。
git clone --bare <src repo> でクローンgit push --mirror <dest repo> でプライベートリポジトリにプッシュVue.js を使って Chrome 拡張機能を開発する方法について簡単に整理した。
前回の記事 では、Kocal/vue-web-extension を使った Chrome 拡張機能の開発方法について調べた。が、「Kocal/vue-web-extension では Popup Page や Options Page で Vue.js を使うもの」、つまり「メインページ(メインコンテンツ?)側では使えないもの」という結論に至った。(※自分の中では、の話)
冷静に考えて「メインページ側に使えないわけがない」と思って、どのようにすれば実現できるかについて調査した。
実際に拡張機能を作ってリリースした話 : Vue.js を使ってChrome 拡張機能を作った話(はてなブックマークのコメントを Qiita 記事内に表示) - Qiita
vue.config.js を用意して vue-cli-service でビルドすれば動作することを確認manifest.json では chunk-vendors.js を先に読み込むChrome 拡張機能の開発をしていて、ファイルの変更後に毎回 chrome://extensions を開いて手動で更新するのがダルかったので、ファイルの変更を検知して自動で更新してくれる方法を調べた。
ほぼほぼ元記事通りの内容だけど、忘れないようにメモしておく。
manifest.json に "background": { "scripts": ["hot-reload.js"] } を追加chrome://extensions で読み込み(更新)Laravel で View 用のロジックを分離できるライブラリ robclancy/presenter の使い方について整理した。
composer require robclancy/presenter でインストールJavaScript のソースコードの圧縮・難読化ツールについて調べたり試したりしたので記事にまとめた。
Google chrome の拡張機能の開発で javascript-obfuscator/javascript-obfuscator を使って minify をしていたが、Google さんから「Policy 違反」と言われてしまったため、何がまずかったのかと代替できそうなツールを探した。
※2019/09/28 現在では、新しいツール(terser/terser を選択)を使って minify したソースをまだ提出していないので、もし Chrome 拡張機能の JS 圧縮について調べていてこのページにたどり着いた場合は鵜呑みにしないように注意。
MacBook Pro を修理に出したので、修理状況を定期的に確認できる Python スクリプトを書いた…んだけど、全部終わった後に「ステータス変わったらメールで通知ある(はずだ)から要らないんじゃね？」ってなった。
とは言え腐らせるのももったいないので記事にまとめておく。
git clone git@github.com:17number/fetch-apple-repair-status.git)cron などで定期的に実行すると良さげ
