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で指定した月の最後の日を取得する方法をメモ。...
Reactの環境をViteを使って作成する
Viteを使ってReactの環境を作成する流れをメモ。...
スクリーンリーダーのPC-Talkerを使ってみる
アクセシビリティ対応でPC-Talkerを使用する機会があったので、簡単にメモ。...
create-react-appでルートパスを変更する
create-react-appで環境を構築した際、http://localhost:3000/ のようなURLで起動し...
Netlifyでプルリクエスト毎に確認環境を作成する
以前にNetlifyブランチ毎に確認環境を用意する記事を投稿しましたが、プルリクエスト毎でも確認環境を用意することができ...
WordPressでfunctions.phpを分割して管理する
WordPressのテーマをカスタマイズしていくとfunctions.phpのコードが長くなりがちなので、functio...