備忘録 WAI-AREA属性についてのリンク集
ARIA を使用する: ロール、ステート、プロパティ
WAI-ARIA Cheat Sheet
備忘録
備忘録 
備忘録 要素を見えないようにするが、スクリーンリーダーには読ませるcss
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(100%);
height: 1px;
overflow: hidden;
posit...
備忘録 PMBOK入門6章 テスト・移行フェーズ
テスト・移行フェーズのPMの役割
確実に作業を進める
1つ一つの作業を確実に行う
確認が十分にされずに行われている作業がないか手順や役割が不明確になっている作業がないかなどを調査し、迅速かつ適切に対応する
システムの移行作業の...
備忘録 Docker バインドマウント メモ
docekr run --name <コンテナ名> -d \
-v <ホスト側のディレクトリ>:<コンテナ側のマウントポイント>:<オプション>
-p <ホスト側のポート番号>...
備忘録 数秒間、処理を待ちたい時
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...