JavaScript│株式会社シーポイントラボ

【JavaScript】指定した要素の親またはその祖先に特定の要素が存在するか調べる

タイトル通り、JavaScript で指定した要素の親またはその祖先に、特定の要素が存在するか調べる方法についてです。例えば、親要素なら .parentNode で取得できますが […]

　よく日時に依存する処理を書くことがあります。JavaScript においてこれはカレンダーやスケジュールなどで今日を基準にしてデザインを変えたりなどなんやかんやする、という処理で […]

　video 要素はフレームをはじめとした動画のメタ情報を取得するには貧弱な要素です。 <video>：動画埋め込み要素 – HTML： HyperTex […]

　しばしばユーザの権限ごとに画面を切り替えたい、という要望があります（まず間違いなくそれに伴って API 等のロジック面でも権限による機能の封鎖も行います）。この権限の分割の仕方は […]

　setInterval は渡された関数を定期実行する関数です。 WindowOrWorkerGlobalScope.setInterval() – Web API ｜ […]

　Laravel の Blade テンプレートから JavaScript に構造体データを渡すとき、しばしば json_encode が使用されます。次はその例です。　これを実行 […]

　jotai は useState 的にグローバルに状態を管理する React のライブラリです。Redux 等の他のライブラリよりも小さくまとまっていて、React 組み込みのコ […]

　題ができるとクリックしたらポップアップが出てなんやかんやする、マウスを上に置いたら（hover イベントが起きたら）ある要素に色々機能を付与するコンポーネントを作る時に便利な方法 […]

　右クリックで開くコンテキストメニューをプログラム独自に上書きしたい時があります。そういった時メニューを開こうとした場所を知る必要があります。これを TypeScript 的に実装 […]

position – CSS：カスケーディングスタイルシート｜ MDN#sticky 　端の一列は簡単です。td 要素にposition: stickyをつけ、固定 […]

　何かしらのスクリーンショットを取りたい要望があったとしても、余分なものが映ったり、画面が要素に対して小さすぎるが故に画像化できない時があります。そういった要望を解決できる任意要素 […]

　Web サイト上で JavaScript のエラーが発生した時、エラーログに残るとうれしいです。しかしながらこういった時の JavaScript はブラウザ上で動いており、基本的 […]