備忘録 数秒間、処理を待ちたい時
function resolveAfter2Seconds() {
await new Promise(resolve => setTimeout(resolve, 2000))
// いかに2秒後に実行する処理を書く
}
...
備忘録
備忘録 
備忘録 googleでネットワークが遅い状態をシミュレートする
結論
開発者ツールを開き、NetworkタブのOnlineのプルダウンでslow 3Gを選択する
備忘録 Linuxコマンドのalias作成方法
ホームディレクトリに.bashrcファイルを作成する
$ touch ~/.bashrc
.bashrcファイルにaliasコマンドを追加する
$ vim ~/.bashrc
を実行し、.bashrcを開く
下記例のように、al...
備忘録 Vue.js 3.0で導入予定のCompositionApi について
※この記事は2020年2月22日に試したものです。現在はVue3.0リリースされています。
Vue.js 3.0の主要な変更点
Composition API
仮想DOMの書き換えパフォーマンスの向上
TypeScriptサポ...
備忘録 borderで作るカスタムCheckbox
ポイント
TABでフォーカスできるようにinput要素はdisplay:none;にはしない。
間接セレクタ(~)を使用することで、input要素がcheckedになった時のCSSを兄弟セレクタに当てる。
サンプルコード
...
備忘録 ヘッダー固定のレイアウトテンプレート
ポイント
ヘッダー自体にheightをもたせることで、mainをヘッダーに隠れないように表示できる。
body に、height: 100%;をもたせることで、web viewを100%とする。
headerにflex-shr...
備忘録 擬似クラス、擬似要素まとめ
シンプルセレクタ
ダイナミック擬似クラス（リンク擬似クラス）
:link リンク先に未アクセスの要素
:visited リンク先にアクセス済要素
ダイナミック擬似クラス(ユーザアクション擬似クラス)
:hover カーソルを重...
備忘録 Nuxt+typescriptでドラッグイベントを試す
デモページ
GitHub
備忘録 【React】vueのv-htmlに該当するもの
dangerouslySetInnerHTMLを使用する
備忘録 【React】dotenvメモ
インストール
yarn add dotenv
envファイルへの記法
REACT_APP_を接頭辞につける。
例：REACT_APP_API_KEY=hogehogehoge1234567890
環境変数の呼び出し
dotenvをimpor...