Vue.js + TypeScript で CDN からスクリプトを読み込んで、xxxx.ts で window.hoge にアクセスするコードをビルドすると Property 'hoge' does not exist on type 'Window'. のビルドエラーが出たので、解決方法を調べて整理した。
declare global を使うdeclare global { interface Window { hoge: any } }window.hoge = window.hoge || {};GitHub で 2FA(2段階認証・2要素認証) を設定したアカウントの Private Repository を Clone する方法。
サーバなど普段使いの PC 以外で Private Repo をクローンしたい時など。
git clone https://<user>@github.com/<repo user>/<repo>.git でいけるgit clone https://<user>@github.com/<repo user>/<repo>.git のパスワードにトークンを入力credential.helper を設定git config credential.helper cache で一時保持git config credential.helper store で保存Git で自分の変更履歴だけを見たいことがあったので、--author オプションと Bash のコマンド置換($()) を組み合わせてエイリアスにした。
git log --author=$(git config user.email) で自分の変更だけを取得できるlogme = !git log --author=$(git config user.email) などを追加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 を使うyuki24/rambulance で動的なエラーページを表示する方法についてまとめた。
Gemfile に gem "rambulance" 追加 → bundle (or bundle install) でインストールrails g rambulance:install でセットアップconfig/initializers/rambulance.rb に "例外" => "対応ファイル" のペアを記述app/views/errors/対応ファイル.html.xxx にエラーページの内容を記述/rambulance/対応ファイル にアクセスすると、エラーページの内容が確認できる最近のサイトでよく見かける「このサイトでは 〜 Cookie を利用します」という表示を、osano/cookieconsent を用いて簡単に実現する方法について調べた。
jQuery Select2 で、選択肢に存在しない情報を動的に追加する方法を調べた。
ユーザー入力で一致する選択肢がある場合は既存選択肢を、そうでなければユーザー入力をそのまま選択肢として追加する、というイメージ。
tags: true を指定すると選択肢を動的に追加できるcreateTag で選択肢追加時の挙動を制御できるmultiple の場合は複数選択しを追加できるjQuery Select2 で、ajax で選択肢を取得する方法方法を調べた。
ajax オプション内で設定url, data オプションで API Request に関する設定processResults オプションで API Response を受信した後の処理templateResult, templateSelection オプションで見た目(HTML)の設定jQuery Select2 で、複数選択(multiple)を有効にした場合の、最大選択可能数を設定する方法を調べた。
$('xx').select2({maximumSelectionLength: n}) で最大選択可能数を設定できるmultiple は <select multiple> でも、select2({multiple: "multiple"}) でも良いlanguage: maximumSelected でメッセージをカスタマイズできる
