4月11日、AppleはSafari Technology Preview Release 192を発表した。このリリースは、認証、CSS、編集、JavaScript、メディア、レンダリング、Web API、Web Extensions、およびWeb Inspectorに関連する多数の改善と新機能が導入されている。 4月11日、AppleはSafari Technology Preview Release 192を発表した。このリリースは、認証、CSS、編集、JavaScript、メディア、レンダリング、Web API、Web Extensions、およびWeb Inspectorに関連する多数の改善と新機能が導入されている。 特に注目すべき新機能には、View Transitions APIのサポート、メディアソース拡張（MSE）のワーカーでのサポート、JavaScriptのObject
Mac と Windows に無償で付属してくる日本語フォントに「游ゴシック」があります。両環境で共通して利用できる希少な「日本語」のデバイスフォントであることから重宝され、ウェブサイトでもCSSのローカルフォント参照で利用されるケースがありました。 「サイトの書体に “游ゴシック” を適用させるCSS記述方法」のような記事は最近になっても大変多く、あたかもMac・Windowsの全てのブラウザで表示可能と錯覚してしまいがちなのですが、 結論から言うと Mac の Safari・Brave・Firefox（プライベートウィンドウ）ではもうローカルフォントとしての「游ゴシック」をウェブサイトの表示に使うことはできません。（Safariにおいては5年前の macOS Mojave 以降から使えなくなっているはず…。） フィンガープリントなぜそんな事態になっているかと言うと、最近のブラウザ界隈の
CSSの@counter-styleがSafari 17でも対応、すべてのブラウザでサポートへ iOSやiPadOSが18日にリリースされ、同OS向けにSafariが更新されてSafari 17.0もあわせてリリースされた。なお、macOSのSafari 17.0は現在パブリックベータ版であり、9月26日にリリースされる予定となっている。 Safari 17.0の新機能の詳細は公式ブログを参照してもらうとして、ここでは、このバージョンのSafariからCSSの@counter-styleに標準で対応したことを取り上げたい。 @counter-styleを使うことで、順序付き箇条書きの連番（マーカー）や章タイトルの見出しなどで出てくる章番号などのカウンタースタイルが単純ではない場合の指定を設定できるようになる。 そして、擬似要素で使われるcontentプロパティで指定できるcount
GitHub - LadybirdBrowser/ladybird: Truly independent web browser
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
WebKit Features in Safari 17.5
Happy May! It’s time for another release of Safari — our third significant update of 2024. With just a month until WWDC24 and the unveiling of what’s coming later this year, we are happy to get these 7 features and 22 bug fixes into the hands of your users today. CSS There are several exciting new CSS features in Safari 17.5, including text-wrap: balance, the light-dark() color function, and @star
Ladybird
Welcome to Ladybird, a truly independent web browser. We are building a brand-new browser from scratch, backed by a non-profit. Get Involved About Ladybird Ladybird is a brand-new browser & web engine. Driven by a web standards first approach, Ladybird aims to render the modern web with good performance, stability and security. From its humble beginnings as an HTML viewer for the SerenityOS hobby
多数の延期と不確実性を経て、グーグルはついに、リターゲティング広告の中核であるサードパーティ・クッキーの段階的廃止を本格的に開始した。 世界が新年を迎えた直後、2024年1月4日に、Googleは、Chromeブラウザのユーザーの1%を対象に、サードパーティCookieの制限を開始したと発表した。 これは一見、広大な海の中の一滴に過ぎないと感じるかもしれません。 しかし、実際には、これはかなり重要なマイルストーンなのです。 この取り組みは、Chromeの32億人のユーザーベースの約1%に相当する約3,200万人に影響を与えるだけではない。 FirefoxやSafariのようなChromeのライバル（プライバシーを最優先事項としているBraveやTorのようなブラウザは言うまでもない）は、既に結構前からデフォルトでサードパーティCookieをブロックしている。 そのため、世界で最も人気のある
Google、Qualcommと協力し、Snapdragon搭載Windows PC向けChromeブラウザをリリース
GoogleでChromeなどを担当する上級副社長、ヒロシ・ロックハイマー氏はQualcommの発表文で「Qualcommとの緊密な連携により、ChromeユーザーがArm搭載PCでWebを閲覧する際、可能な限り最高の体験を確実に得られるようになる」と語った。 Qualcommのクリスティアーノ・アモン社長兼CEOは、Chromeの新バージョンは、「Windows PC向けのプレミアムプラットフォームとしてのSnapdragon X Eliteの役割強化に役立つだろう」と語った。 関連記事 Google、Chromeブラウザにリアルタイムフィッシング対策機能追加へ Googleは、Chromeブラウザの「セーフブラウジング」機能を強化し、ほぼリアルタイムで安全でない可能性のあるサイトへのアクセスに警告を表示するようになる。 Google、Chromeブラウザに3つのAI機能 タブの自動グル
JSer.info #679 - TypeScript 5.4 Betaがリリースされました。 Announcing TypeScript 5.4 Beta - TypeScript クロージャーにおけるNarrowing結果の改善、NoInfer Utility Typeが追加されています。 また、ES2024のObject.groupBy/Map.groupByをサポート、Import Attributesのサポートが追加されています。 そのほかには、target: "ES3"やoutオプションなどを非推奨として、次のTypeScript 5.5で削除されることがアナウンスされています。TypeScript 5.5で削除されるオプションは、次のIssueにまとめられています。 Feedback: 5.0 deprecations · Issue #51909 · microsoft/T
Intro このエントリは、 3rd Party Cookie Advent Calendar の 21 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie Google が 3rd Party Cookie を Deprecate していく方針を発表してから、最初に始めたのが SameSite Lax by Default だった。 これが何のために行われたのかを解説する。 eTLD+1 とは SameSite とは「eTLD+1 が同じ」という説明になる。これを理解するには eTLD を理解する必要がある。 例として example.com ドメインを持ち、そこに以下のような Cookie を付与するとこ
Eyes Above The Waves Robert O'Callahan. Christian. Repatriate Kiwi. Hacker. Archive 2024 June Waihohonu Hut 2024 So You Want To Build A Browser Engine Real-Time Settlers Of Catan April Auckland Waterfront Half Marathon 2024 Whanganui River Journey 2024 2023 December Rees-Dart Track 2023 Caples/Routeburn Track 2023 Abel Tasman Kayaking November Mount Pirongia 2023 Blog Migrated April Why I Signed T
Interop 2022、Interop 2023に続き、Interop 2024の取り組みがスタートした旨を知らせる記事が、参加組織それぞれから一斉に公開されました。 Interop 2024 | Blog | web.dev The web just gets better with Interop 2024 | WebKit Interop 2024 Launch - Bocoup Interop 2024 Launches | Igalia Microsoft Edge and Interop 2024 - Microsoft Edge Blog Announcing Interop 2024 - Mozilla Hacks - the Web developer blog 加えて、既にInterop 2024 Dashboardが公開されています。Interop 2023より引き
Misconceptions about view transitions | Blog | Chrome for Developers
The View Transition API is a web development game changer. Whether your website is single or multi-page, this powerful API lets you create seamless transitions between views, resulting in native-like experiences that captivate users. Currently available in Chrome, with same document view transitions soon to be available in Safari. With more and more people starting to look into the View Transition
はじめに みなさんは身近にあるブラウザについてどこまで理解しているでしょうか？ 「ブラウザを説明してください！」と言われたら困ってしまう方もいるのではないでしょうか？ そこで、この記事ではブラウザの概要・歴史・基本的な仕組みについて解説を行いたいと思います。ブラウザについて知りたい、改めて学びたいという方はぜひ参考にしてみてください。 最初にブラウザの概要、次に雑談としてブラウザの歴史、最後にブラウザの仕組みについて解説します。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 ブラウザって何？ ブラウザとは、Webサイトを見るためのソフトウェアのことを指し、皆さんがQiitaを閲覧するためのソフトを指します。ブラウザがあ
Re: HTMLのルート要素ではcolorとbackground-colorをセットで指定すべき - 水底の血
ちょっと間が空いて、亀リプっぽくなっちゃいましたけど、HTML のルート要素では color と background-color をセットで指定すべきというお話について。 昔からブラウザには配色設定があり、テキスト色と背景色をユーザーが任意に指定できます。 ……という話は Web アクセシビリティとフェイルセーフの記事に以前書いたのでその詳細は省略しますが、WCAG 2.2 達成方法集の F24(W3C) において達成基準 1.4.3（レベルAA）などの失敗事例として掲載されているにも関わらず、このことは世間ではなぜか認知が薄いようです。 認知も薄いというか、私も言われるまで気づかなかったあたり、まあそういうことなんじゃないかなと*1。……という話だけはあまりにもアレなので、ざっくりとですが、ほんのちょっと深掘りしてみましょう。 WCAG 2.1 達成方法集のF24のタイトルは、「達成基
PySkyWiFi: completely free, unbelievably stupid wi-fi on long-haul flights | Robert Heaton
The plane reached 10,000ft. I took out my laptop, planning to peruse the internet and maybe do a little work if I got really desperate. I connected to the in-flight wi-fi and opened my browser. The network login page demanded credit card details. I fumbled for my card, which I eventually discovered had hidden itself inside my passport. As I searched I noticed that the login page was encouraging me
Floorp ブラウザー
Floorp は強力なトラッキングブロッカーを搭載しており、ウェブに潜むさまざまな悪質なトラッカーからユーザーを保護します。さらに、フィンガープリント保護も提供します。
ChromeやEdgeのショートカットキー17選｜タブ管理、ブックマークもワンタッチで | ライフハッカー・ジャパン
優秀で便利なキーボードショートカットは、コンピューター上で作業をテキパキこなしたいときの大きな味方です。 以下で紹介するキーボードショートカットは、Chrome、Edge、Firefox、Safari以外のブラウザでも使えます。 タブ管理に大活躍するキーボードショートカットImage: Lifehacker現在開いているタブを閉じる：Ctrl/Cmd＋W 最後に閉じたタブを復元する：Ctrl/Cmd＋Shift＋T 特定のタブに移動する：Ctrl/Cmdと同時に、移動したいタブの番号を押す 開いているタブをひとつずつ移動する：Ctrlを押した状態で、Tabを押します（逆に、ひとつずつ左へと移動していきたいときは、Ctrl＋ Shiftを押した状態でTabを押す） 新しいタブを開く：Ctrl/Cmd＋T 新しいウィンドウを開く：Ctrl/Cmd＋N シークレットウィンドウを開く：Ctrl/C
In Chrome M117 we introduced a new optimizing compiler: Maglev. Maglev sits between our existing Sparkplug and TurboFan compilers, and fills the role of a fast optimizing compiler that generates good enough code, fast enough. Background # Until 2021 V8 had two main execution tiers: Ignition, the interpreter; and TurboFan, V8’s optimizing compiler focused on peak performance. All JavaScript code is
のように実装することが多いと思います。 このような実装の罠として、変数がbool型ならよいのですが、たとえばnumber型かつ0が格納されている際、式の評価としては左辺の0が返されてしまい、ブラウザ上に「0」とだけ表示されたり、React Nativeでは最悪の場合クラッシュを引き起こします。 対策としてはシンプルで、かならず!!を先頭に付与すると良いです。
ブラウザ間で統一された挙動がWeb標準どおりとは限らない話(WebRTCの例) - NTT Communications Engineers' Blog
この記事は、 NTT Communications Advent Calendar 2023 4日目の記事です。 この記事では、Web標準の仕様と実際のブラウザの挙動についての体験談を紹介します。 W3C(World Wide Web Consortium)はWeb StandardsというWebの標準仕様を制定しています。 この中でブラウザのWeb APIの挙動についても定義されています。 挙動が統一されていないなら別ですが、長く使われ標準化もされている技術において、すべてのモダンブラウザ1で挙動が同じ場合、それが仕様化された動作だと思うでしょう。 しかし、実際にはすべてのブラウザが同じ仕様違反をしているという例をWebRTC2で用いられるRTCPeerConnectionを用いて説明します。 SDP3に手を入れているような開発者の方には特に興味深いかもしれません。 目次 目次 はじめに
Floorp
Unlimited customization with FloorpFloorp は Firefox ベースで作られており、日本で誕生し、プライバシーに優れた新しいブラウザです。
「スクリーン上でブラウザのウィンドウを動かしたら描画に影響」「2つのブラウザのウィンドウの一方を動かすと他方に影響」という方向の実装作品の技術メモ - Qiita
「スクリーン上でブラウザのウィンドウを動かしたら描画に影響」「2つのブラウザのウィンドウの一方を動かすと他方に影響」という方向の実装作品の技術メモJavaScriptブラウザmqttp5.js 自分が観測していた中では、以下のポストが発端になっていると思われる話です。 この作品にインスパイアされた作品を作られた方も見かけていて、その作品や技術面のメモを残したく、記事を書きました。 技術的な部分について 「素敵な作品だなー！」と思って、も「し実装するとしたら必要そうなものは何か」と考えたら、「スクリーン内のブラウザのウィンドウの位置を取得する仕組み」と、「異なるページ間で情報をやりとりする仕組みがあれば良さそう」と思いました。 ページ間の通信の仕組み 上記の 2つの技術のうち、「異なるページ間で情報をやりとりする仕組み」については、別端末間で IoT の仕組み（技術的には MQTT）を使って
EUのデジタル市場法によりOpera・DuckDuckGo・Brave・Vivaldi・Ecosia・Aloha Browserなどのサードパーティーブラウザがユーザー数を伸ばしていることが明らかに
2024年3月7日に欧州連合(EU)のデジタル市場法(DMA)が発効してから、スマートフォン市場におけるウェブブラウザの競争が激化していることが明らかになりました。 Exclusive: EU's new tech laws are working; small browsers gain market share | Reuters https://www.reuters.com/technology/eus-new-tech-laws-are-working-small-browsers-gain-market-share-2024-04-10/ Alternative browsers report uplift after EU’s DMA choice screen mandate | TechCrunch https://techcrunch.com/2024/04/10/eu
Please do not implement `Enter key to Submit` behaviors by directly hooking into the raw keypress event.
Please do not implement Enter key to Submit behaviors by directly hooking into the raw keypress event. 🙏🏻Last Updated: Oct 05, 2023 Setting the Enter key as a send trigger can make it challenging for Japanese users utilizing Safari to use the form. In Japanese, users compose text using the Enter key to convert into Kanji. If the Enter key is set as the send trigger, the text might be submitted p
DisclaimerAll projects mentioned in this blog post have been contacted, and I confirmed that the behavior described in this article is either working as intended, already fixed, or will not be fixed. TL;DRThe browser loads elements in the HTML from top to bottom, and some JavaScript libraries retrieve data or attributes from the DOM after the page has been completely loaded. Because of how the con
FOSDEM 2024 - vscode-container-wasm: An Extension of VSCode on Browser for Running Containers Within Your Browser
FOSDEM 2024/Schedule/Events/Developer rooms/Containers/vscode-container-wasm: An Extension of VSCode on Browser for Running Containers Within Your Browser vscode-container-wasm: An Extension of VSCode on Browser for Running Containers Within Your Browser One of the limitations of on-browser VSCode is the lack of Linux-based terminals and containers running completely within the browser. In this ta
iOS 版 Vivaldi がリリースされました。App Store からダウンロードして、新しいブラウジングスタイルを体験してください。 Apple ユーザーの皆さまお待たせしました：iOS 版 Vivaldi が遂に登場です！ Vivaldi ではユーザーがブラウザに合わせるのではなく、ブラウザがユーザーに合わせるべきだと考えて開発を行っています。このアイデアを iPhone と iPad でも遂に実現しました。 Vivaldi のパワフルな機能と圧倒的なカスタマイズ性能を駆使して、日々たくさんブラウジングする人もそうでもない人も、快適・安全にネットを活用しましょう。 iOS 版 Vivaldi には、パネル、デスクトップスタイルのタブ、スピードダイヤル、メモ、リーディングリスト、広告・トラッカーブロッカーなどのツール一式が内蔵されており、ひと味違う便利な機能が揃っています。加えて、同
Speedometer 3.0
Speedometer is a browser benchmark that measures the responsiveness of Web applications. It uses demo web applications to simulate user actions such as adding to-do items. Your browser window is too small. For most accurate results, please make the view port size at least 850px by 650px. It's currently .
はじめに こんにちは、カナダにコンピューターサイエンス留学中の大学1年生です。 今回は先日良すぎるブラウザ「Arc」を見つけたので力説していきたいと思います。触れば触るほど楽しめる、クセになる、新感覚のブラウザって感じでした。（巷では話題になってるみたいですね） 長くなりますが読んでいただけると嬉しいです！ たまにArcのアプデに合わせて記事のアプデもしていくのでストックして見返してみてください！(後述しますがArcは毎週アプデがあります) 第二弾である【ブラウザ】Arc ＆ Arc Searchの新機能と使い方を徹底解説！〜第二弾〜という記事を書きましたので是非ご覧ください！ Mobile版であるArc searchやArc(desktop版)に追加された新機能について書いてあります。 Desktop版Arcに追加された機能はこの記事にも追記しました。 リンク↓ 【ブラウザ】Arc ＆
Vitest Browser Mode · vitest-dev/vitest · Discussion #5828
It's been some time since we gave any update on the Browser Mode, and Vitest 2.0 seems like a good time to explain how we feel about it. And we have a lot of plans! The initial purpose of Vitest was to allow running tests without a complex Jest setup but with the battle-tested Jest API everyone is already familiar with. This also meant faking the browser environment (with jsdom or happy-dom). With
For this post, we used data from page navigations with a subresource image LCP in Chrome to take a look at the LCP sub-parts. We've looked at this kind of data before, but never from field data to see where real users are spending their time while waiting for a page's LCP. Like with Core Web Vitals, we took the 75th percentile (p75) of each LCP sub-part for each origin in the CrUX dataset, resulti
The end of third-party cookies and its impact on Miro apps and integrations
In this blog post, we discuss the phasing out of third-party cookies, the impact (if any) these changes will have on Miro app developers, and possible solutions to address these issues. Why are third-party cookies going away?Privacy on the web is a major concern these days. Every day users share their data on websites that they trust but if that data were to fall into the wrong hands, it could be
Extension
Extension is a plug-and-play, zero-config, cross-browser extension development tool for browser extensions with built-in support for TypeScript, WebAssembly, React, and modern JavaScript. Designed with practicity and fast prototyping in mind, running a single terminal command is enough to start developing your extension and requires no extra knowledge to get started. Create cross-browser extension
GoogleのChromeのブラウザにおいて、開いているサイトが海外サイトなど日本語以外のページの場合は、自動的に検索バーの右側に翻訳ツールが表示されます。 検索バーは、Chromeブラウザの上部のURLが表示される部分をいい、アドレスバーともいいます。 明示的にツールをOFFにしていない限りは、英語などの他言語のページにおいては、このツールがデフォルトで出てくるはずです。 この翻訳ツールを使うと、開いているページ丸ごと翻訳してくれて、全体を日本語で読むことができます。 この翻訳ツールをクリックすると、すぐ下に「Google Translate」（Google翻訳）というダイアログが表示されます。つまり、「Google翻訳」が機能してWebページの内容を自動的に翻訳してくれるということです。これは、Chrome標準装備のツールです。 なお、スクリーンショットはmacOSのものですが、Win
Zen Browser
Zen is the best way to browse the web.Beautifully designed, privacy-focused, and packed with features. We care about your experience, not your data. Your Browser, your way With Zen's Theme Store, you can customize your browsing experience to reflect your unique style and preferences. Choose from a wide array of themes, colors, and layouts to make Zen truly your own, transforming your browser into
Replacing WebRTC The long path to use something else for real-time media. tl;dr If you primarily use WebRTC for… real-time media: it will take a while to replace WebRTC; we’re working on it. data channels: WebTransport is amazing and actually works. peer-to-peer: you’re stuck with WebRTC for the forseeable future. Disclaimer I spent almost two years building/optimizing a partial WebRTC stack @ Twi
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
View Transitions APIがSafariで利用可能になる ー フロントエンドの進化を促進するか
ウェブサイトでローカルフォントの「游ゴシック」はもう使えない｜Takehiko Ono
CSSの@counter-styleがSafari 17でも対応、すべてのブラウザでサポートへ | gihyo.jp
Googleの脱クッキー新技術、Chromeを広告オークションツールに変えてしまう
2024-02-05のJS: TypeScript 5.4 Beta、Learn Testing/Performance、Interop 2024
「Microsoft Edge」に新しいAI機能 ～テーマの自動生成とワークスペースの提案が追加／プロンプトでテーマを生成したり、検索ワードに関する複数ページを一括で開ける
3PCA 21 日目: SameSite Cookie | blog.jxck.io
So You Want To Build A Browser Engine
Interop 2024がスタート | フロントエンドBlog | ミツエーリンクス
あなたはブラウザについてどこまで説明できますか？ - Qiita
Maglev - V8’s Fastest Optimizing JIT · V8
【ESLint】Reactで”&&”で分岐した際、うっかり「0」を表示しないためのルール3選
PC版「マイナポータル実証ベータ版」が提供開始 ～Edge、Chromeからもログイン可能に／マイナポータルのサイト設計や表現を見直した、実証中のWebサイト
DOM-based race condition: racing in the browser for fun
「Edge」にWebフォームのテキストをAIがその場で書き換える機能導入 ～入力機能を改良／「Windows Ink」対応でデジタルペンによる直接入力も可能
Apple ユーザーの皆さまお待たせしました：iOS 版 Vivaldi 正式リリース | Vivaldi Browser
【ブラウザ】Arcについて力説＆使い方 - Qiita
Common misconceptions about how to optimize LCP | Blog | web.dev
Chromeの検索バーに翻訳ツールが出ない場合の解決方法
Replacing WebRTC - Media over QUIC