9月3日、海外のテックメディアThe Registerが「Zen Browser is a no-Google zone that offers tiling nirvana」という題した記事を公開した。 この記事では、Zen Browserという新しいウェブブラウザの特徴や、その進化について詳しく紹介されている。 Zen Browserは、タイル配置やワークスペース機能などを取り入れ、ウェブブラウジングを近代化するために開発された新たなブラウザである。 その最大の特徴はFirefoxベースであり、Googleのコードを一切使用していない ことだ。近年登場したブラウザは、Googleが開発したChromiumブラウザをベースにしていることがほとんどで、Firefox由来の新たなブラウザは非常に珍しい。 現在は開発の初期段階（α版）にあるが、非常に活発に開発が行われており、速いペースでバージ

(2024/02/23)「omni.jaを編集する(zip使用)」を追記 FirefoxがQuantumになりキーカスタマイズアドオンのVimperatorが使えなくなってから久しい。 Vimperatorが開発終了となった当時、Chromeで同じく愛用していたキーカスタマイズアドオンのVimiumをFirefoxでも使ってQuantumに乗り換えるつもりでいたが、Vimiumでキーのリマップ設定をしてみたところ、Ctrl-Fで「ScrollDown」や、Ctrl-Pで「前のタブへ移動」など概ね問題なく設定できるのだが、「次のタブへの移動」に設定したCtrl-Nを押したところ、何かの呪いのように新しいウィンドウが開いてしまった。 以下に引用したVimiumの公式GitHubページのFAQによると、呪わしいことに、特定の(Ctrl-Nのような)Firefoxデフォルトのキーバインドは、拡張機

以前に 劇薬の The New CSS Reset という記事を書き、その中で「UAスタイルシートを理解していれば、どんなCSSリセットも使える」と言いました。 ただ改めてUAスタイルシートの事を検索にかけても「ブラウザのデフォルトのスタイルシートです」で終わる記事が多く、これでUAスタイルシートを理解しろというのは無理な話です。 そこで後進のために、UAスタイルシートとは何なのか？ UAスタイルシートとリセットCSSの付き合い方を文章として残しておきます。 UAスタイルシートとは？ UAスタイルシートとは、User Agent Style Sheet の略で、webブラウザがデフォルトで持っているスタイルシートのことです。これは、HTML要素をどのように表示するか、振る舞いを持たせるかを定義したものです。 スタイルシートの種類と階層 スタイルシートといっても、いくつかあります。 多くのド

Webブラウザ上にNode.jsを実装、Webブラウザ上のサーバサイドでNext.jsやVite、Astroなどが実行可能な「Sandpack 2.0」が登場 クラウド上でマイクロVMベースのオンライン開発環境などを提供するCodeSandboxは、Webブラウザ上で抽象化したNode.jsを実装しWebブラウザ上にJavaScriptのサーバサイド環境を作り出すことで、WebブラウザだけでNext.jsやAstroなどを実行可能にする新しいソフトウェア「Sandpack 2.0」を発表しました。 WindowsやMacなどのデスクトップPC用のWebブラウザだけでなく、iOS上のSafariでもNode.jsが実行可能。ただし現時点でのiOS版Safariへの対応は、メモリリークなどが発生するためβ版だと説明されています。 先週、StackBlitzからはWebブラウザ上で実行できるWe

Webブラウザ上でWebAssemblyベースのNode.js環境を実現する「WebContainer」がAPI提供開始。ブラウザ内ファイルシステム、HTTPサーバ、Node.js CLIなど WebAssemblyを用いてWebブラウザ上でNode.js環境を実現する「WebContainer」などを提供するStackBlitzは、WebContainerにアクセスできるAPIの提供を開始したと発表しました。 Today, after years of battle testing by millions of developers, in collaboration with browser vendors: WebContainer API is now available to everyone. Start building the next generation of inte

Apple、Google、マイクロソフト、Mozillaらがブラウザ間の相互運用性を測定し改善するためのプロジェクト「Interop 2023」を実施中 World Wide Webにとって、業界標準に対応した高い相互運用性と特定のベンダに依存しない多様なベンダによる実装は、どちらも重要な要素です。 しかし、複数の主要なWebブラウザがそれぞれ、つねに進化し続けるLiving Standardとして策定されているWebの標準の実装を実現しつつ、同時に高い相互運用性も保つというのは容易なことではありません。 そこで主要なブラウザベンダであるApple、Google、マイクロソフト、Mozilla、インクルーシブテクノロジーのコンサルティング企業であるBocoup、オープンソースに関するコンサルティング企業であるIgaliaの5社は、Webブラウザの互換性を測定し改善するためのプロジェクト「I

Get access to all features and updates during your subscription. With a 14 day money-back guarantee.

Mozillaは6月14日（米国時間）、Webブラウザ「Firefox」において、Cookieによる情報のトラッキングを防ぐ「トータルCookieプロテクション」機能を標準で有効化すると発表した。 トータルCookieプロテクションは、閲覧するWebサイトごとに「Cookieジャー（壺）」を作って隔離することで、サイト間の移動などの行動履歴を取得できないようにする機能。Cookieの機能のうち、Webサイトの正常な動作に必要な機能は制限しない。 既存のアンチトラッキング機能では、ブラックリストに載っているトラッカーをブロックしてCookieの利用を制限していたが、リストに載っていないトラッカーを制限できない問題があった。 トータルCookieプロテクションではブラックリストを使わないため、すべてのトラッキングを遮断できるとしている。 関連記事 脱Cookieも追い風に　ネットでテレビ広告を

長い記事なので先に結論を書きます。 Spectre の登場で、ウェブサイトに必要とされるセキュリティ要件は増えました。具体的に必要な対策は下記の通りです。 すべてのリソースは Cross-Origin-Resource-Policy ヘッダーを使って cross-origin なドキュメントへの読み込みを制御する。 HTML ドキュメントには X-Frame-Options ヘッダーもしくは Content-Security-Policy (CSP) ヘッダーの frame-ancestors ディレクティブを追加して、cross-origin なページへの iframe による埋め込みを制御する。 HTML ドキュメントには Cross-Origin-Opener-Policy ヘッダーを追加して popup ウィンドウとして開かれた場合の cross-origin なページとのコミュニ

プライベートブラウジングのウィンドウや「厳格」モードで特に強力なプライバシー保護の仕組みを構築しようとする中で、私たちは根本的な問題に直面してきました。 それは、ウェブ上のトラッカーを全面的にブロックするポリシーを導入すると、一部のウェブサイトが正常に機能するために欠かせないコンポーネントもブロックしてしまう危険が避けられないという点です。 これにより、画像が表示されない、機能が動作しない、パフォーマンスが低下する、極端なケースではページそのものが全くロードされないといった問題が生じます。 Mozillaはこのブログ投稿で、SmartBlockの技術的な詳細には深く立ち入っていませんが、その概要をこう説明しています。 代用スクリプトはFirefoxにバンドルされています。 トラッカー由来のサードパーティのコンテンツは、実際には全くロードされません。 ですから、トラッカーがユーザーの行動をこ

Electronic Frontier Foundation サードパーティクッキーは死につつある。そしてGoogleはその代替手段を作ろうとしている。 ご承知の通り、クッキーの死を嘆く必要など微塵もない。サードパーティクッキーは20年以上に渡り、ウェブ上の不気味で胡散臭い、数十億ドル規模の広告監視産業の要であった。だが、その基盤に暗雲が立ち込めるようになったことで、最大手のプレイヤーはなんとか窮地を脱しようとしている。 Googleは、サードパーティクッキーを新たなターゲティング広告テクノロジーにリプレイスするべく奔走している。その提案のいくつかは、Googleが従来の監視ビジネスモデルへの批判から正しい教訓を学んでいないことを露わにしている。本稿では、おそらく最も野心的で、最も有害な影響を及ぼしうる提案の1つであるFLoCに焦点を当てる。 FLoCは、サードパーティトラッカーが行ってい

この記事はNikkei Advent Calendar 2020 19 日目の記事です。 日経電子版ウェブチームの伊藤です。 この記事では CSS Containment の紹介と電子版での利用例について書きます。 CSS Containment とは 概要 CSS Containment は DOM のレンダリングを開発者側で調整できるようにするパフォーマンス系のプロパティです。 web サイトが効率的にレンダリングされるようユーザーエージェントに伝えることができます。 次のような値を取ります。 contain: none | strict | content | [ size || layout || paint ] プリミティブな値として size, layout, paint があり、strict と content はこれらを複合した値のエイリアスで、それぞれ size layo

vimb - the vim like browserVimb is a fast and lightweight vim like web browser based on the webkit web browser engine and the GTK toolkit. Vimb is modal like the great vim editor and also easily configurable during runtime. Vimb is mostly keyboard driven and does not distract you from your daily work. If your are familiar with vim or have some experience with pentadactyl the use of vimb would be a

プライバシー重視のブラウザ｢Brave｣、もはや存在意義を投げ捨てた？2020.06.11 21:0060,215 Shoshana Wodinsky - Gizmodo US ［原文］ （ Rina Fukazu ） CEOのコメントが（色々な意味で）印象的。 ユーザーのプライバシー最優先を掲げていたブラウザ｢Brave｣。それが今では｢言っていることとやっていることが違うじゃないか｣というような指摘が飛び交っています。いったい何が起きていて、今後どうなるのか、米GizmodoのShoshana Wodinskyが説明しています。 ｢アフィリエイトURLに自動で切り替わる｣Decryptによると、特定の暗号通貨サイトからユーザーの追跡や収益のすくい上げに使用できるアフィリエイトURLにリダイレクトされると報告されています。 あるツイッターの投稿で明かされたところによると、暗号通貨交換サイ

Intro ブラウザに追加される新しい機能に対して、 Vender Prefix の代替となる Origin Trials の導入が徐々に始まっている。 今回は、これまでの Vender Prefix の問題点と、代替として提案された Origin Trials のデザインや導入方法などについて記す。 Avoid Breaking the Web Web が壊れることは、避けねばならない。 Web に関する、特にブラウザが実装するような機能については、その仕様や実装を変更することにより、既存の資産の挙動が壊れることがある。 これを Breaking the Web といい、プロトコルにしても API にしても、標準化団体やブラウザベンダなどは、これを避けることを念頭に置いて作業を行っている。(セキュリティ的な理由など、例外は多く有る。) 一方で、新しく提案される仕様はフィードバックを集めな

はじめに みなさんHTMLタグの一つであるinputタグはご存知だと思います。 その中でもtype="file"についてぼくはこんな疑問を持ちました。 選択したファイルはどこのファイル？コピーとかされているの？ これみなさん知っていますか？ ちょこっと調べたんですがなかなか情報がなかったので いろいろ自分で調査してみました。 （本音は調査が面白そうだったのでそんなに本気で調べてないだけです 仮説を立てる まずは仮説をいくつか立ててそれぞれを検証していきます A. ブラウザはファイル参照だけ持っている B. ファイル選択時にTemp領域へコピーしている C. メモリ上に抱えている たぶんこれらのどれかじゃないかなと思っており、 個人的にはBが濃厚だと勝手に考えています。 調査開始 ファイルアップロード機能が必要なので 簡単にファイルをアップロードするだけのアプリを自前で作りました。 http