Index
2026
2025
- 2025 年を振り返る
- 3PCA 33 日目: Outro
- Background Fetch API が消えそうだった話
- Web とは何か
- TPAC 2025 参加記録
- 1Password AC #10: SSH と Git コミット署名
- 1Password AC #9: Travel Mode
- 1Password AC #8: 1Password CLI
- 1Password AC #7: Group と Vault の運用
- 1Password AC #6: Business アカウント特典の無料 Family アカウント
- 1Password AC #5: 1Password アカウントへの 2FA
- 1Password AC #4: Secret Key の運用とアカウントリカバリ
- 1Password AC #3: Master Password の作り方
- 1Password AC #2: Master Password をマルチアカウントで使い回すべき理由
- 1Password AC #1: Business アカウント運用の検証
- 3PCA 32 日目: Privacy Sandbox の後始末
- サプライチェーン攻撃への防御策
- Nx の攻撃から学べること #s1ngularity
- 企業向け Web Bootcamp 2025 開催後記
- 1Password と遺言保管制度を用いたデジタル終活
- 親にエンディングノートを書いてもらう
- Passkey への道 #10: 1Password 導入セミナー
- Passkey への道 #9: ユーザに求められる令和のアカウントリテラシ
- Passkey への道 #8: サービスにとって「移行」のゴールは何か?
- Passkey への道 #7: そして Username-Less へ
- Passkey への道 #6: タブーを破った Apple
- Passkey への道 #5: 2FA/WebAuthn
- Passkey への道 #4: 文字列の限界
- Passkey への道 #3: 手入力の限界
- Passkey への道 #2: 2FA/TOTP
- Passkey への道 #1: 平成の Password 感
- Passkey への道 #0: Intro
- CSS の ident() による動的な custom-ident の生成
- 大フィッシング攻撃時代における攻撃手法と自衛手段の考察
- 3PCA 31 日目: 3rd Party Cookie 廃止の廃止
- 閲覧履歴があってもリンクの色が変わらないケースについて
- Web における Security, Safety, Trust の相対性
- 悪いのは全部 Eve だと思ってた
- CSS における if と function の提案
- OWASP に Cookie Theft 対策 Cheat Sheet を執筆した
- Web における Beacon の変遷 (sendBeacon(), fetch() keepalive, fetchLater())
- "Less Password" 時代のアカウント防災訓練
- Web 技術年末試験 2024 講評 #web_exam2024
- Cookie Theft 対策と Device Bound Session Credentials
2024
- 2024 年を振り返る
- 3PCA 30 日目: 2024 年の 3rd Party Cookie まとめ
- Dialog と Popover #12
- Dialog と Popover #11
- Dialog と Popover #10
- Dialog と Popover #9
- Dialog と Popover #8
- Dialog と Popover #7
- Dialog と Popover #6
- Dialog と Popover #5
- Dialog と Popover #4
- Dialog と Popover #3
- Dialog と Popover #2
- Dialog と Popover #1
- Web Developer Conference 2024 開催後記 #wdc2024
- 3PCA 29 日目: Privacy Sandbox の方針転換は何を意味するか
- なぜブラウザエンジンは 1 つではダメなのか? または Ladybird への期待
- 「1 分 de Web 標準」のやり方 at Web Developer Conference 2024 #wdc2024
- URL.parse を Chromium で Ship するまで
- Web Developer Conference 2024 開催告知 #wdc2024
- Reverse HTTP Transport が描く新しい Web サービスデプロイ構成
- Referrer-Policy の制限を強めると安全になるという誤解
- 令和時代の API 実装のベースプラクティスと CSRF 対策
- RFC の URL はどのドメインで貼るのが良いか
- Chromium にコントリビュートするための周辺知識
- mozaic.fm 10 周年記念イベント開催後記
- Promise.withResolvers によるイベントの Promise 化
- TC39 に新設された Stage 2.7 について
- Apple によるブラウザエンジン規制の緩和
- Web 技術年末試験 2023 講評 #web_exam2023
2023
- 2023 年を振り返る
- 3PCA 最終日: 3rd Party Cookie 亡き後の Web はどうなるか?
- 3PCA 27 日目: FedCM
- 3PCA 26 日目: Related Website Sets
- 3PCA 25 日目: Measurement
- 3PCA 24 日目: Retargeting
- 3PCA 23 日目: Interest Based Advertising
- 3PCA 22 日目: Privacy Sandbox
- 「議論だけ」のカンファレンスの作り方
- 次世代 Web カンファレンス 2023 開催後記
- 3PCA 21 日目: SameSite Cookie
- 3PCA 20 日目: 3rd Party Cookie Deprecation
- 3PCA 19 日目: Super Cookie
- 3PCA 18 日目: Cloaking
- 3PCA 17 日目: Fingerprinting
- 3PCA 16 日目: Bounce Tracking
- 3PCA 15 日目: Work Around
- 3PCA 14 日目: Partitioning
- 3PCA 13 日目: ITP
- 3PCA 12 日目: 終わりの始まり
- 3PCA 11 日目: Cookie Banner
- 3PCA 10 日目: なぜ Cookie には同意が必要なのか?
- 3PCA 9 日目: DNT
- 3PCA 8 日目: P3P
- 3PCA 7 日目: Cookie2
- 3PCA 6 日目: トラッキングの問題
- 3PCA 5 日目: 認証の連携
- 3PCA 4 日目: 3rd Party Cookie の正体
- 3PCA 3 日目: 自動で送られる Cookie
- 3PCA 2 日目: Cookie による区別と識別
- 3PCA 1 日目: 3rd Party Cookie Advent Calendar Agenda
- なぜ HTML の form は PUT / DELETE をサポートしないのか?
- 次世代 Web カンファレンス 2023 開催告知
- ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ
- Cookie2 とは何か
- Compression Dictionary Transport (Shared Brotli) によるコンテンツ圧縮の最適化
- Cookie Store API による document.cookie の改善
- AbortSignal.any(), AbortSignal.timeout(), そして addEventListener() の Signal
- URL バーの表示の変遷
- IETF RFC における ABNF と Parsing Algorithm の関係
- 技術書籍をシンタックスハイライトする話
- OpenAI API を用いた文書校正(誤字脱字検出)
- 誇りを被った仕様の針に意図を通す
- 次世代 CSS 仕様が与えるコンポーネント時代の Web への影響
2022
2021
- 2021 年をふりかえる
- Web のセマンティクスにおける Push と Pull
- 自作 Markdown プロセッサベースの blog.jxck.io v2 リリース
- ABNF Parser の実装
- Private Relay と IP Blindness による Fingerprint 対策
- mouseover 中に表示される DOM のデバッグ
- Cross Origin iframe からの alert/confirm/prompt 呼び出しの無効化
- 本サイトの AMP 提供の停止とここまでの振り返り
- Non AMP SXG による Prefetch 対応と AMP 提供の停止
- IE11 サポート終了の歴史
- Public Suffix List の用途と今起こっている問題について
- Web Font のメトリクス上書きによる CLS の改善
- Cache-Control: must-understand ディレクティブとは何か
- Structured Field Values による Header Field の構造化
2020
- 2020 年をふりかえる
- AMP SXG 対応
- CSS Layout API で Masonry Layout
- Web 技術の調査方法
- Puppeteer で静的サイトの Font Subsetting
- WebCodecs と WebTransport でビデオチャット
- img の srcset 指定時に選択される画像
- Webbundle によるサブリソース取得の最適化
- ローカル開発環境の https 化
- QuicTransport によるアプリケーションレイヤでの QUIC 活用
- Site Isolation 及び Web のセキュリティモデルの更新
- mozaic.fm v3 リリースと Podcast の PWA 化
- Periodic Background Sync 及び Web を Install するということ
- Scroll to Text Fragment を用いたサイト内検索の実装
- 牧歌的 Cookie の終焉
- 3rd Party Cookie 調査のための Web 広告導入
- Service Worker の Background Fetch によるメディアのキャッシュ
- ブラウザで何が起こっているのかを知る Reporting API と ReportingObserver
2019
- 2019 年をふりかえる
- WebBundle によるコンテンツの結合と WebPackaging
- Intel NUC で自宅 Ubuntu 開発環境構築と SSH Port Forwarding によるアクセス
- Scroll To Text Fragment と :~:text
- Noto Sans Hinted と font-feature-settings: 'palt'
- Promise.allSettled と Promise.any
- WebTransport と WebCodecs そして Web はどこまで "ゲーム化" するか
- Nullish Coalescing と Optional Chaining
- Display Locking によるレンダリングの最適化と Async DOM
- 画像最適化戦略 Lazy Loading 編
- mozaic bootcamp 2019
- Web における技術の解釈とエコシステムによる合意形成プロセスについて
- Private Class Field の導入に伴う JS の構文拡張
- 安全な文字列であると型で検証する Trusted Types について
- Cache Digest と HTTP2 Server Push の現状
- 次世代 Web カンファレンス 2019 開催後記
2018
- 2018 年をふりかえる
- WebPackaging の Signed HTTP Exchanges
- prefers-color-scheme を用いた Dark Mode 対応と User Preference Media Features
- Cookie の性質を利用した攻撃と Same Site Cookie の効果
- Referrer-Policy によるリファラ制御
- 次世代 Web カンファレンス 2019 開催告知
- Clear-Site-Data Header
- Element.toggleAttribute
- Monthly Web の作り方 2018 年版
- Web Authentication API で FIDO U2F(YubiKey) 認証
- Layered APIs と High Level API の標準化指針
- Linux で出力を別の shell に pts 経由で表示する
- Certificate Transparency の仕組みと HPKP から Expect-CT への移行
- Feature Policy による Permission Delegation
- WebFont の WOFF2 対応によるサイズ最適化
- Safari による User-Agent 固定化と Web における Feature Detection
- Apple の AOM 加盟と AV1 への期待
- record to map in Erlang
- Form で submit されたデータの収集と FormData & URLSearchParams
- Bookmarklet という一番身近な自動化技術
- SDP の Unified Plan と Plan B
2017
- 2017 年を振り返る
- ResizeObserver による変更検知と Element Query
- WHATWG の IPR Policy と Governance Structure
- Font Display プロパティを用いた FOIT/FOUT 最適化
- Houdini Paint API
- CSS Rhythmic Sizing で Vertical Rhythm
- 予約済みドメイン (.example, .localhost, .test) について
- ブラウザで適当なランダム文字列
- Foreign Fetch が削除されそうな理由と Cookie の double keying
- Brotli を用いた静的コンテンツ配信最適化と Accept-Encoding: br について
- .mjs とは何か、またはモジュールベース JS とエコシステムの今後
- Promise.prototype.finally
- Service Worker の Navigation Preload による表示遅延回避
- Fetch の中断と Promise のキャンセル方法の標準化
- ネットワーク中立性について #NetNeutrality
- EventTarget の継承可能化による EventEmitter の代替
- ES Modules への橋渡しとしての nomodule 属性
- Web Budget API と Web に導入されつつある Budget と Cost の概念
- Safari 11.0 will support WebRTC
- WebRTC 1.0 に向けたロードマップ
- gen_fsm から gen_statem へ
- Web Share API
- JavaScript における文字コードと「文字数」の数え方
- Monthly Web 2017/02
- Polyfill のあり方と Web の進化と協調するためのガイドライン
- CSP Report 収集と実レポートの考察
- Monthly Web 2017/01
- mixed contents 対応を促進する CSP ディレクティブ
2016
- 2016 年を振り返る
- HTTP の新しいステータスコード 103 Early Hints
- Foreign Fetch による Micro Service Workers
- Link rel=serviceworker ヘッダによる API やアセットの Offline 対応
- Node v7 で入った WHATWG URL 実装について
- Web 標準化のフィードバックサイクルを円滑にする Origin Trials について
- Google Developer Experts (GDE) になりました
- 「Socket.IO は必要か?」または「WebSocket は通るのか?」問題について 2016 年版
- SQL でファイル検索するコマンド selects を書いた話
- Fetch での Stream を用いたプログレス取得とキャンセル
- Cache-Control の Immutable 拡張によるリロード時のキャッシュ最適化
- Intersection Observer を用いた要素出現検出の最適化
- mozaic.fm の v2 のリリースと Podcast の実装と移行
- リンクのへの rel=noopener 付与による Tabnabbing 対策
- Passive Event Listeners によるスクロールの改善
- 中級者向け Service Worker Tutorial
- Stale-While-Revalidate ヘッダによるブラウザキャッシュの非同期更新
- HTTP Strict Transport Security(HSTS) 対応
- Public Key Pinning for HTTP(HPKP) 対応と report-uri.io でのレポート収集
- Content Security Policy(CSP) 対応と report-uri.io でのレポート収集
- 画像最適化戦略 SVG/Font 編
- 画像最適化戦略 WebP 編
- 画像最適化戦略 Picture 編
- 画像最適化戦略 PNG/JPEG 編
- Noto Sans の Web Font 対応とサブセットによる最適化
- Preload を用いたリソースプリローディングの最適化
- JSON-LD と Open Graph で構造化メタデータ対応
- zopfli で静的コンテンツの gzip 配信と Content/Transfer-Encoding について
- HTTP2 を前提とした HTML+CSS コンポーネントのレンダリングパス最適化について
- Resource Hints API でリソースの投機的取得
- Atom の RSS Feed 対応
- h2o で https/2 のデプロイと設定
- AMP HTML 対応
- HTML の省略によるサイズ最適化
- Blog を移転しました