フォーム要素のデザイン変更でアクセシビリティに配慮する
ラジオボタンやセレクトボックスなど、フォームのパーツをデザイン変更することがよくありますが、そういった際にアクセシビリテ...
dialog要素を使ってみる
dialog要素を使った実装を試してみます。...
スクリーンリーダーのNVDAを使ってみる
アクセシビリティ対応の検証でスクリーンリーダーのNVDAを使う機会があったので、使用方法についてメモ。 今回使用するのは...
JavaScriptのreplaceAll()を使ってみる
文字列を置換する際、複数箇所マッチした場合でもすべて置換できるreplaceAll()を使ってみます。...
Movable Typeのコンテンツデータの情報でCSVファイルを作成する
Movable Typeの記事の場合はエクスポートする機能が標準で用意されていますが、コンテンツデータの場合はその機能が...
margin-inlineとmargin-blockを使ってみる
margin-inlineとmargin-blockを使ってマージンを設定してみます。...
フォームのマークアップでアクセシビリティを考慮する
フォームのマークアップについて、アクセシビリティを考慮したコードを考えてみます。...
オプショナルチェーン演算子を使ってみる
オプショナルチェーン(optional chaining)演算子を使って、オブジェクトの中を参照する方法を試してみます。...
Movable Typeのテンプレートでファイルへのリンクを設定する
Movable Typeでサーバ上のファイルをテンプレートとして読み込める「ファイルへのリンク」の機能を使ってみます。...
CSSの入れ子を使ってみる
CSSのネストでの記述を試してみます。...
アクセシビリティを考慮したアコーディオンを実装する
アコーディオンの実装をすることはよくありますが、アクセシビリティを考慮した場合の実装についてあまり意識したことがなかった...
Vite + Reactの環境でルートパスを変更する
Vite + Reactの環境でビルドを行った際、ルートパスはデフォルトだと「/」になりますが、別のディレクトリをルート...
SourceTreeでブランチ名を変更する
リモートにプッシュしたブランチ名を変更したいということがあったので、変更方法をメモ。...
Reactでリストの絞り込みを実装する
以前にReactでリストのデータを表示する記事を投稿しましたが、この中にフィルターの処理を追加してみます。...
Google Apps Scriptで再デプロイした際にURLを変更しないようにする
Google Apps Scriptでデプロイ済みのコードを変更して再度デプロイする際、デプロイ後のURLが変更されない...
Movable Typeで記事のエクスポートを行う
Movable Typeで管理画面上から記事のエクスポートを行うことができますが、その際のデータがどういった形式や内容に...
Figmaでマスクを作成する
Figmaでマスクを作成する方法をメモ。...
Reactでリストのデータを表示する
Reactを使って、複数の配列の情報をループの入れ子を使って出力してみます。...
Netlifyのビルドイメージを変更する
過去にNetlifyを使って開発した案件で久しぶりの更新対応を行おうとした際、デプロイがうまくいかないということがあった...
JavaScriptで月末日を取得する
JavaScriptで指定した月の最後の日を取得する方法をメモ。...