Clear-Site-Data header - HTTP | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2023. * Some parts of this feature may have varying levels of support. Learn more See full compatibility Report feedback The HTTP Clear-Site-Data response header sends a signal to the client that it should remove all browsing data of certain types (cookies, stora
cmux — The terminal built for multitasking
The terminal built for Native macOS app built on Ghostty. Vertical tabs, notification rings when agents need attention, split panes, and a socket API for automation. Features-Vertical tabs: sidebar shows git branch, working directory, ports, and notification text-Notification rings: panes light up when agents need attention-In-app browser: split a browser alongside your terminal with a scriptable
Choosy: A smarter default browser for macOS
Choosy opens every link in the right browser Instead of opening links in the default browser, Choosy sends them to the right browser. Every time. Pick a browser Choosy can prompt you to select from the browsers on your Mac, or just the ones that are running, so you can decide which browser is right for a particular link. Let Choosy pick for you Powerful behaviour rules mean that Choosy can pick th
Global Privacy Control という法的効力を持つヘッダ | blog.jxck.io
Intro GPC (Global Privacy Control) の策定と実装が進んでいる。 このヘッダは、サービス、ユーザ、ブラウザ、全てにとって「無視することができない特別なヘッダ」となりつつある。 たかだか 1 という値を送るだけのヘッダに、何の意味があるのか? 失敗して歴史に消えつつある DNT と何が違うのか? 解説していく。 DNT 長らく問題視されていた "3rd Party Cookie" は、技術そのものではなく、「トラッキング」というユースケースに問題があった。 したがって、Web の歴史の前半では「トラッキングからの Opt-Out」という手段を、ユーザが手に入れるための戦いが繰り広げられていた。 GDPR などが求めた Cookie Banner などが、その最たる例の 1 つだ。しかし、どうしても UI は邪魔になるし、毎回 Deny を押すのも不便だ。 それ
AI エージェントのために CLI でブラウザを操作する agent-browser
agent-browser は Vercel が開発した CLI でブラウザを操作するツールであり、AI エージェントにブラウザ操作能力を提供するために設計されています。この記事では agent-browser のインストール方法、基本的な使い方、AI エージェントからの利用方法について紹介します。 AI エージェントにより効果的にタスクを実行させるためには、適切なフィードバックループを構築することが重要です。特にフロントエンドの開発においては、ブラウザ上での動作確認が欠かせません。しかし AI エージェントは通常ブラウザを直接操作する能力を持っていないので、ツールを提供して AI エージェントがブラウザを操作できるようにする必要があります。 AI エージェントにブラウザを操作させるツールとして Playwright MCP や ChromeDevTools/chrome-devtools
ブラウザのレイアウトエンジンを自作してみた
前々から自作ブラウザを作ってみたかったんですよね。作ります。 今回はブラウザのGUI周りの、主にレイアウトの座標計算モジュールを自作しました。CSS のボックスモデル, Flex, Grid の座標計算というのが伝わりやすいでしょうか。 HTMLパーサ/CSSパーサ/CSSクエリエンジン/ペインティングも一部実装しましたが、レイアウト可視化のテスト用と割り切っていて、ちゃんと作ったのは主にレイアウトの座標計算周りになります。 作ったもの 雑なプレイグラウンド こんな感じです Terminal で Sixel を描画して Google を表示したもの。今回は主に座標計算周りの実装なので background-color やフォント周りは未実装なんですが、矩形だけでは自分の目視デバッグもしんどかったので、最低限のビットマップフォントをレンダリングできるようにしました。 リポジトリ npm:@m
Background Fetch API が消えそうだった話 | blog.jxck.io
Intro 「Background Fetch を使っているのが、世界であなたのサイトだけなんだけど、この機能消しても良い?」 と、TPAC 2025 の会場で、Chrome の Service Worker チームの開発者と話していた際に言われた。 Background Fetch Background Fetch は、Service Worker を使って、文字通り Fetch をバックグラウンドで行う機能だ。 特に Android では、ダウンロードの UI にプログレスが表示され、終わったら Cache API に保存される。 筆者が運営している mozaic.fm のサイトは、Podcast アプリと同じようなことを Web でもできるように PWA 化し、様々な機能を試していた。 PWA: モバイルでインストールしてアプリとして使える Background Fetch: エピソ
Browserleaks - Check your browser for privacy leaks
BrowserLeaks is a suite of tools that offers a range of tests to evaluate the security and privacy of your web browser. These tests focus on identifying ways in which websites may leak your real IP address, collect information about your device, and perform a browser fingerprinting. By understanding these risks, you can take appropriate steps to protect your online privacy and minimize your exposu
ブラウザ上でお手軽動画圧縮 | gihyo.jp
本連載は分散型マイクロブログ用ソフトウェアMisskeyの開発に関する紹介と、関連するWeb技術について解説を行っています。 今回は、Misskey v2025.10.0に含まれる予定の「動画圧縮機能」で採用した、ブラウザ上で動画処理を行えるライブラリ「Mediabunny」を紹介します。 モチベーション Webサービスにおいては、アップロードされた動画をサーバーにそのまま保存するのではなく、ストレージ節約のため非可逆的に圧縮したり、互換性向上のため再エンコードを行う、というシチュエーションは一般的です。 Misskeyでも動画の投稿が可能なので、サーバーサイドでffmpegを利用してサムネイルの生成を行うなどの処理を行っています。 しかし、サーバーサイドで動画処理を行うのは画像と比べてもはるかに負荷がかかりますし、最終的に圧縮されるとしてもユーザーはオリジナル動画をいちどアップロードする
Helium Browser
Internet without interruptions Best privacy and unbiased ad-blocking by default. Handy features like native !bangs and split view. No adware, no bloat, no noise. Made for people, by people. Fully open source. Best privacy by default, not as a hidden option Helium blocks ads, trackers, phishing websites, and other nonsense by default, thanks to community filters and uBlock Origin. Helium blocks all
input[type="number"]における全角入力対応をChromium/WebKitへ提案と実装をした話
どのような問題点があったか 日本語入力環境では「全角数字（１２３４…）」を入力するケースが多く存在します。ところが、 <input type="number"> は仕様上「半角数字のみ」を受け付ける設計となっており、主要ブラウザの実装でも全角数字は「非数値」と判断され、入力が拒否されてしまいます。
![input[type="number"]における全角入力対応をChromium/WebKitへ提案と実装をした話](https://cdn-ak-scissors.b.st-hatena.com/image/square/55ecc0e848ab90d979de1992913f8c379dc838f4/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fwww.fourier.jp%2Fstorage%2Fblog%2Fpost-outline%2F72p4chSEDv2ghmnU9xADoSgwBWvhGumO.jpg)
How modern browsers work
Note: For those eager to dive deep into how browsers work, an excellent resource is Browser Engineering by Pavel Panchekha and Chris Harrelson (available at browser.engineering). Please do check it out. This article is an overview of how browsers work. Web developers often treat the browser as a black box that magically transforms HTML, CSS, and JavaScript into interactive web applications. In tru
typeof x > 'u' は typeof x === 'undefined' より小さいけど遅い
こないだuhyoさんがこういうツイートをしていた。 typeof x === "undefined" が typeof x>"u" にminifyされるのを見たんだけど、 これってのちのちtypeofの結果が増えたら壊れるやつではないか。いいのかな。もう増えない読みか（？） — 🈚️うひょ🤪✒📘 TypeScript本発売🫐 (@uhyo_) August 29, 2025 確かに typeof 演算子で得られる結果の中で辞書準比較で最も大きいのは "undefined" だから、typeof x > "u" は typeof x === "undefined" と同じ意味になる。なので、この minification は一見理にかなっているように見える。実際esbuildがこの方法でminifyをしている(Webのplaygroundでの実行結果)。 しかし少なくともJSCにおい
Why I Won’t Use JSDOM
If you’ve been testing anything front-end related in the past 10 years, you’ve likely used JSDOM. In itself, JSDOM is not an environment or runtime. It’s a polyfill library, containing implementations for a bunch of WHATWG standards, like HTML and DOM, for Node.js. Why Node.js? Well, because the library’s goal is to execute browser-oriented code without paying the cost of spawning the actual brows
Vitest Browser ModeにVisual Regression Testが来るぞ
先日VitestにこちらのPull Requestがマージされ、Vitest Browser ModeでVisual Regression Test（VRT）ができるようになりました（まだ正式リリースはされていません）。 おそらくVitest v4のリリースで正式に使えるようになりますが、beta versionで実際に試すことができるので試してみました。 デモ デモ用のコードはこちらのRepositoryにあります（ProviderはPlaywrightを使用しています）。vitest.configなどの設定は従来のbrowser modeの設定と全く同じで問題ないです。Vitestのバージョンは4.0.0-beta.7を使用しています。 expectの引数にElementを渡し、toMatchScreenshotを実行することでVRTができます。以下は実際のコードと生成された画像です。
開いているブラウザの内容を読める MCP サーバー - ぽ靴な缶
を作りました @pokutuna/mcp-chrome-tabs デモ AppleScript を使っている都合上 macOS でのみ動きます。 なぜ作ったか 既に LLM にブラウザを操作させる技術は色々ある。browser-use、playwright-mcp、mcp-chrome などなど。 これらの Tool, MCP は便利だけど、様々なツールが入っていてコンテキストへの圧迫が大きく、Chrome の debugging port を開けたり、普段のユーザディレクトリは使えなかったり、ブリッジとなるブラウザ拡張入れたりなど、まあまあめんどく、普段遣いしたいかというと否である。なのでタスクに応じて MCP サーバーのセットを切り替えて暮らしている。 ただ今開いているページを LLM に読ませたい 普段はブラウザ操作をしたいわけではなく、今見ているページを LLM に読ませたいことが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://openai.com/index/building-chatgpt-atlas/
ChatGPT Atlas
1から理解するWeb Push
登場からわずか3年……次世代ブラウザー「Arc」が開発停止。その理由とは【やじうまWatch】
