JavaScript 記事
Web における Beacon の変遷 (sendBeacon(), fetch() keepalive, fetchLater())
Webページ終了時に確実にデータを送信する技術の変遷を解説。sendBeacon()、fetch() keepalive、fetchLater()などのAPIを比較。
2024 年を振り返る
Web開発者による2024年の活動振り返り。ブログ執筆、Chromiumへのコントリビュート、ポッドキャスト運営、カンファレンス開催など技術的な一年をまとめています。
Dialog と Popover #8
Dialog と Popover の仕様を使った Cookie バナーの実装方法について解説。HTML、CSS、JS の具体的なコード例を紹介。
Web Developer Conference 2024 開催後記 #wdc2024
Web Developer Conference 2024の開催後記。40分セッションと1分LT「1分de Web標準」の形式で開催されたWeb開発カンファレンスの内容と運営方法を振り返ります。
「1 分 de Web 標準」のやり方 at Web Developer Conference 2024 #wdc2024
Web Developer Conference 2024で開催される「1分de Web標準」LT大会のフォーマット解説。1スライド1分でWeb標準技術を紹介するユニークなイベント。
URL.parse を Chromium で Ship するまで
Chrome 126 で実装された URL.parse の開発と Chromium へのコントリビューションについての技術記事。
Promise.withResolvers によるイベントの Promise 化
Promise.withResolvers() の使い方とイベントベースAPIをPromise化する方法について解説。ES2024候補の新機能。
Web 技術年末試験 2023 講評 #web_exam2023
2023年のWeb技術の変化やトレンドを振り返る試験の結果と問題解説。Baseline、3rd Party Cookie廃止、CSS新機能などを扱う。
Cookie Store API による document.cookie の改善
Cookie Store API の紹介と、従来の document.cookie の問題点を改善する方法について解説します。
AbortSignal.any(), AbortSignal.timeout(), そして addEventListener() の Signal
AbortSignal.any()、AbortSignal.timeout()、addEventListener()のSignalなど、非同期処理の中断に関する最新APIの動向と設計思想を解説。
XMLHttpRequest とはなんだったのか
XMLHttpRequest (XHR) の歴史と進化を解説。Microsoft による独自実装から始まり、Ajax を可能にした技術が Fetch API に取って代わられるまでの道筋をたどる。
JavaScript のメディアタイプと RFC 9239
JavaScriptのMIMEタイプに関するRFC 9239が公開され、推奨タイプがtext/javascriptに統一された経緯と歴史的背景を解説。
Navigation API による「JS での画面遷移」と SPA の改善
Navigation API の仕様と実装を解説。History API の課題を解決し、SPA/MPA の UX 改善を目指す技術について。
自作 Markdown プロセッサベースの blog.jxck.io v2 リリース
自作Markdownプロセッサを使ったブログサイトv2のリリースと、要件定義や実装詳細について解説しています。
mouseover 中に表示される DOM のデバッグ
Chrome DevToolsでmouseover中に表示されるDOM要素をデバッグする方法を紹介。Chrome 123の新機能や従来のテクニックを解説。
Cross Origin iframe からの alert/confirm/prompt 呼び出しの無効化
Chrome M92以降、Cross Origin iframeからのalert/confirm/prompt呼び出しが無効化されるセキュリティ変更について解説。影響と背景を説明。