テーブルのスクロール可能領域を視覚的に示すために、水平スクロール時に影を付ける手法が存在する。 これまでの方法だと、スクロール可能領域の端に影を付けるためにJavaScriptを使用し ...

プロパティの「属性：読み取り専用」を外しても解除できない時に 以下のコマンドを実行すると再帰的に処理してくれる。 attrib-R /S *.* ...

SCSS（SASS）やCSS in JSのようなメタ言語を用いてネスティングを行う場合、&を使うことで親要素を参照できる。 そういう状況の中で、&がない場合のコードを見かけたのでどういった動作を ...

JavaScriptで要素をクリックするにはElement.click()を利用するが、ダブルクリックを実現するには少し工夫が必要となる。Element.click()では単一クリックのみしか発火せず、ダブルクリックを実行 ...

固定ヘッダがあるページで、ページ内リンクをクリックすると、リンク先のコンテンツがヘッダに隠れてしまうことがある。また、スクロールスナップ（スクロール時に特定の位置で自動的 ...

※スタイルは説明を割愛するためTailwind CSSを使用している。 button要素と同等の機能をある程度同じものを実装するだけでもこれぐらいは実装しなければならない。 button要素はデフォルトで ...

React 18 では、開発モードで useEffect が 2 回実行されるようになった。これは、React の厳密モード (StrictMode) による意図的な挙動であり、潜在的なバグを検出しやすくするための変更である。

GitHub 公式が公開した actions/ai-inference アクションで、ワークフロー内での AI モデルの利用が簡単になった。PR の変更内容を要約するワークフローを実装してみる。 PR へのラベル付与 (pull ...

本稿は、ZOZO Advent Calendar 2024シリーズ7の2日目の記事です。 かつてはInternet ExplorerがArray.fromやSpread構文をサポートしておらず、Babelなどでトランスパイルが必要だった。しかし、モダン ...

「ベイカー街の亡霊」や「隻眼の残像」といった作品において、平田さんの演じたキャラクターが死亡しており、悲惨な末路をたどる説を調べてみる。 早朝のゴルフ練習場にやってきた小五郎 ...

jQuery Migrateを使えば、実行時に Deprecated な API の利用箇所への警告を出すことは可能である。 ただ、対象が数百ファイルあり、実行前に静的に解析したい背景があり、ESLint で静的に検証を ...

Copilot Chatでの生成文章が無機質だったので、人格を与えるために「ずんだもん」の口調を追加する。 執筆現在、プロンプトファイルはパブリックプレビューのため変更される可能性がある。