VanillaJSで途中省略のページャーを実装する
以前にjQueryを使ったページ送りの実装の記事を投稿しましたが、今回はVanillaJSでページャーが長い場合に途中省...
Tailwind CSSで任意の値を指定する
Tailwind CSSの文字サイズなどで、用意されていない任意の値を指定する方法をメモ。...
横並びにした要素の子要素の高さを揃える
横並びに並べたアイテム内の特定の要素の高さを揃えたいということがたまにあるので、CSSで対応する方法について検討したこと...
MTブロックエディタでカスタムブロックを作成する
以前にMTブロックエディタを使用する記事を投稿しましたが、今回はカスタムブロックを使ってブロックの追加を行ってみます。...
ReactのclassNameを条件によって出し分ける
Reactで条件によってclassNameの値を変更する方法をメモ。...
スライダーの実装でアクセシビリティを意識する
スライダー(カルーセル)の実装をアクセシビリティ的な側面から考えた時、スライダーの機能やデザインによって考慮する点が色々...
v0を使ってみる
Vercelから提供されている、UI自動生成ツールの「v0」を簡単に使ってみます。...
Movable Typeのテンプレートの構成を考える
Movable Typeで新規構築する際に使用する想定で、テンプレートの構成のベースを考えてみます。...
入力したキーボードのキーを取得する
キーボード操作を行ったときにJavaScriptで何らかの処理を行うとき、キーの判別をどのようにすればいいかで少し迷うこ...
特定要素内にフォーカス可能な要素があるかどうか調べる
特定要素内にaタグやbuttonタグなど、フォーカス可能な要素があるかどうを判定したいということがあったので、その際に調...
三項演算子を使用する
三項演算子(条件演算子)の使い方についてメモ。...
Reactでフォームの入力パーツを使用する
Reactでフォームの入力パーツを使用する際の注意点をいくつかメモ。...
Cursorを使ってみる
AI技術を活用した機能が特長のコードエディタ「Cursor」を簡単に使ってみます。...
MTブロックエディタを使ってみる
Movable Typeのコンテンツタイプで使用できるブロックエディタは以前記事内で取り上げましたが、MTブロックエディ...
Yu Gothic UIで「」が重なって表示される
ChatGPTで調べ物をしていた際、「A」「B」のように「」を続けて入力すると 」「 部分が重なって表示される現象に遭遇...
WordPressのユーザーの権限グループ
WordPressでユーザー毎に設定する権限グループについて調べる機会があったのでメモ。...
ReactでCSSを利用する方法
Reactでスタイル設定を行う方法についていくつか試してみます。...
axe-coreでアクセシビリティのテストツールを作成する
以前にaxe DevToolsという拡張機能を使ってみる記事を投稿しましたが、そのコアエンジンにあたるaxe-coreと...
CSSの:not()で複数の条件を指定する
CSSの:not()で複数条件を指定した際の表示について試してみます。...
別タブを開いた際のsetIntervalとsetTimeoutの挙動と対策
setIntervalやsetTimeoutを使った処理中に別タブを開くと、元のタブに戻ってきた際に挙動がおかしくなるこ...