A case study on scroll-driven animations performance | Blog | Chrome for Developers
What’s new with scroll-driven animations? Scroll-driven animations are a way to add interactivity and visual interest to your website or web application, triggered by the user's scroll position. This can be a great way to keep users engaged and make your website more visually appealing. In the past, the only way to create scroll-driven animations was to respond to the scroll event on the main thre
Chrome 125で追加された、CSSの新しい機能4つを紹介します。 今回のアップデートでは、今まではJavaScriptを使用しないと実装できなかったアンカーのポジションをCSSだけで設定できるようになりました。また、新しい関数やスクロールバーのカラースキームなど、Web制作者は要チェックです！ New in Chrome 125 Chrome 125 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに CSSによるアンカーのポジション CSSのステップ値関数 round(), mod(), rem() 明度がほぼ100%または0のOklabおよびOklchカラーの不連続性を除去 スクロールバーのカラースキーム はじめに 5/15にリリースされたChrome 125で4
Google カレンダーの予定を「ブロック」に見立ててブロック崩しをできるようにするChrome拡張機能「BreakTime」が登場したので実際に導入して遊んでみました。 BreakTime: Brick Breaker inside Google Calendar | eieio.games https://eieio.games/nonsense/game-13-breaktime/ まずは以下のサイトにアクセスし、「Chromeに追加」をクリックします。 BreakTime https://chromewebstore.google.com/detail/breaktime/efajcgehdfpliglonbkjmifmibpphafk?hl=ja 続いて「拡張機能を追加」をクリック。これで導入は完了です。 ゲームを始めるためにGoogle カレンダーへアクセスし、先ほど導入した拡
Long Animation Frames API | Web Platform | Chrome for Developers
The Long Animation Frames API is an alternative to the Long Tasks API which has been available in Chrome for some time now (since Chrome 58). As its name suggests, the Long Task API allows you to monitor for long tasks, which are tasks that occupy the main thread for 50 milliseconds or longer. Long tasks can be monitored using the PerformanceLongTaskTiming interface, with a PeformanceObserver: con
Chromeの拡張機能だけで｢ずんだもん｣になれるのだ！
Chromeの拡張機能だけで｢ずんだもん｣になれるのだ！2023.09.17 18:0025,251 ヤマダユウス型 お手軽VTuber体験ができる！ ｢あーあ、ずんだもん声でビデオ会議に出席できたらなー｣という人（どんな人？）に朗報。ボイチェンとアバター機能を簡単に使えるChrome拡張機能｢Vme!｣がリリースされましたよ。すごいよコレ。 Video: Vhigh!/YouTubeノートPC一台でバ美肉可能｢Vme!｣は、AI×Web3×株式会社ハイボールが手掛けているVTuberプロジェクト｢Vhigh!｣によって生まれたツール。Chromeブラウザの拡張機能として、こちらで配布されています。 この拡張機能を入れた状態でGoogle MeetやDiscordのビデオ会議に参加すると、｢Vme!｣内に用意されたアバターとアバターボイスをビデオ会議にて使用できる、というものになります。
ASUSのゲーミングChromebookで簡単にインストール可能になったSteamのゲームを遊んでみた|ガジェット通信 GetNews
現在ベータ版が公開されている、Steamのライブラリ上のゲームをChromebookで遊べるようにする「Steam for Chromebook」。以前はフラグを有効にしてからSteamアプリをインストールする必要がありましたが、11月のChrome OSのアップデートで、より簡単にインストールが可能になりました。ASUSからお借りしたゲーミングChromebookを使って、Steamのゲームを実際に遊んでみたので手順をご紹介します。 一部デバイスで利用可能なSteam for Chromebook Steam for Chromebookが動作するハードウェアの最小構成は下記のとおり。 ・Intel i3 または Ryzen 3 以上の CPU ・8 GB 以上の RAM ・128 GB 以上のストレージ Acer、ASUS、Dell、HP、Lenovoから対応するChreomebook
YouTube広告を16倍速であっという間に終わらせるChrome拡張が公開、広告ブロック警告を回避（テクノエッジ） - Yahoo!ニュース
YouTubeは今年、ブラウザーの拡張機能などで提供される広告ブロッカーへの対策を強化し、ユーザーが使用し続けると「広告ブロッカーの利用は、YouTube の利用規約で認められていません」と警告画面を表示するようになりました。 この画面が現れた場合、選択肢に従ってAdblock PlusやuBlock Originといった広告ブロッカーの設定からYouTubeを除外するか、広告表示のない有料プラン「YouTube Premium」を使うことが求められます。 警告画面は右上の×ボタンでいったん消すことはできるものの、そのままでは結局、動画再生時に再び警告画面を見ることになります。 この、いわば「広告ブロッカーブロック機能」は、非常に効果を発揮しているようで、今月はじめには、検出地域を全世界に拡大してさらに取り締まりを強化しつつある様子です。 しかし、先週Chromeウェブストアに公開された「
ウェブサーバーとブラウザ間の通信においてはさまざまなデータが圧縮されています。より圧縮率の高いアルゴリズムの開発と普及が進む中、Chromeで共有辞書を使用した圧縮のテストを開始するとGoogleが発表しました。 Supercharge compression efficiency with shared dictionaries | Blog | Chrome for Developers https://developer.chrome.com/blog/shared-dictionary-compression ウェブサイト閲覧時にはリソースの読み込み時間を削減するため、ウェブサーバーでHTMLやCSS、JavaScriptなどの一般的なテキスト形式のファイルを送信する前に圧縮を行い、クライアントで解凍することが一般的です。 長い間圧縮にはgzipというアルゴリズムが使用され
多数の延期と不確実性を経て、グーグルはついに、リターゲティング広告の中核であるサードパーティ・クッキーの段階的廃止を本格的に開始した。 世界が新年を迎えた直後、2024年1月4日に、Googleは、Chromeブラウザのユーザーの1%を対象に、サードパーティCookieの制限を開始したと発表した。 これは一見、広大な海の中の一滴に過ぎないと感じるかもしれません。 しかし、実際には、これはかなり重要なマイルストーンなのです。 この取り組みは、Chromeの32億人のユーザーベースの約1%に相当する約3,200万人に影響を与えるだけではない。 FirefoxやSafariのようなChromeのライバル（プライバシーを最優先事項としているBraveやTorのようなブラウザは言うまでもない）は、既に結構前からデフォルトでサードパーティCookieをブロックしている。 そのため、世界で最も人気のある
What's New in DevTools (Chrome 117) | Blog | Chrome for Developers
Network panel improvements Override web content locally even faster The local overrides feature is now streamlined, so you can easily mock response headers and web content of remote resources from the Network panel without access to them. To override web content, open the Network panel, right-click a request, and select Override content. If you have local overrides set up but disabled, DevTools en
Supercharge your PDF reading: Follow references, skim outline, jump to figures
Researchers have long loved PDFs for reading papers. You can focus on absorbing the scholarship – the format is simple and clean. Researche...
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 を付与するとこ
Chrome XSSThe article is informative and intended for security specialists conducting testing within the scope of a contract. The author is not responsible for any damage caused by the application of the provided information. The distribution of malicious programs, disruption of system operation, and violation of the confidentiality of correspondence are pursued by law. PrefaceThis article is dedi
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
はじめに 先日、Chrome 117がベータ版としてリリースされ、新たな6つのCSS機能が追加されました。 追加された6つの機能は以下の通りです。 アットルール @starting-style CSSトランジションの開始時のスタイルを指定するための新しいアットルールです。 transition-behavior プロパティ CSSトランジションの動作を制御するためのプロパティーです。 overlay プロパティ 最上位レイヤーでCSSトランジションが行われるようにするプロパティです。 CSS grid の subgrid プロパティ CSSグリッドのサブグリッドを制御するためのプロパティーです。 text-wrap プロパティの値 pretty テキスト折り返すためのプロパティにperttyが追加されました。 contain-intrinsic-size プロパティの値 auto と no
2023年11月28日(火)にGoogleがChromeのセキュリティアップデートを配信しました。修正された脆弱(ぜいじゃく)性の中にはすでに悪用が確認されているものも含まれています。 Chrome Releases: Stable Channel Update for Desktop https://chromereleases.googleblog.com/2023/11/stable-channel-update-for-desktop_28.html Google Chrome emergency update fixes 6th zero-day exploited in 2023 https://www.bleepingcomputer.com/news/security/google-chrome-emergency-update-fixes-6th-zero-day-exp
Vme! | オンラインMTGで、好きな自分に
ビデオ通話で、好きな自分に。 オンラインMTGで 好きな自分に。好きなアバターの姿になって、声も好きな声に。
WebAssembly Garbage Collection (WasmGC) now enabled by default in Chrome - Chrome for Developers
WebAssembly Garbage Collection (WasmGC) now enabled by default in Chrome Published on Tuesday, October 31, 2023 There are two types of programming languages: garbage-collected programming languages and programming languages that require manual memory management. Examples of the former, among many more, are Kotlin, PHP, or Java. Examples of the latter are C, C++, or Rust. As a general rule, higher-
macOS 14.0 SonomaではChromeでiCloud Drive上のフォルダを保存先に指定してファイルをダウンロードすると、ファイルが不可視になる不具合。
macOS 14.0 SonomaではChromeでiCloud Drive上のフォルダを保存先に指定してファイルをダウンロードすると、ファイルが不可視になる不具合があるので注意してください。詳細は以下から。 Appleは現地時間2023年09月26日にリリースした「macOS 14.0 Sonoma」では、Google DriveやDropbox, OneDriveなどFile Providerフレームワークを利用したクラウドストレージアプリでファイルの同期が止まったり、全ファイルがダウンロード&インデックスの再構築が行われる不具合が確認され、 各サービスとも可能ならばSonomaの最初のアップデート(macOS 14.1)までアップグレードを控えるようユーザーに通知していますが、頂いたコメントによると、macOS 14.0 Sonomaでは、Appleのクラウドストレージサービスである
Debugging speculation rules | DevTools | Chrome for Developers
Speculation rules can be used to prefetch and prerender next page navigations as detailed in the previous post. This can allow for much quicker—or even instant—page loads, greatly improving Core Web Vitals for these additional page navigations. Debugging speculation rules can be tricky. This is particularly true for prerendered pages, as these pages are rendered in a separate renderer—kind of like
2024年3月時点、また変わったGoogle Chromeのデザインを以前の見た目に戻す方法のご紹介です。 2023年10月20日頃、Google Chromeのデザインが突然変わりました。 その際は、chrome://flagsの「Chrome Refresh 2023」を変更することで、元に戻すことができました。 参考：【2023年12月】突然変わったChromeのUIを戻す方法 が、先日公開されたChrome 123でまた新しいデザインが復活しました。 そのため、このページでは再復活したGoogle Chromeの新しいUIを元に戻す方法をご紹介します。 動作確認をした環境 Windows 10 および 11 Chrome 123.0.6312.59 Google ChromeのUIを元に戻す方法 URL欄に chrome://flags/#customize-chrome-side
さまざまなサービスに手を広げている最近のGoogleですが、それでもやはり、Googleといえば検索がもっとも有名です。 Googleは、主力である検索エンジンの改良を続けており、ユーザーがより正確に検索を行なえるよう、新たなサポート機能を追加しています。 2024年2月29日（アメリカ時間）にも、iOS版、Android版、デスクトップ版それぞれのChromeをアップデートし、検索精度が向上する新機能をいくつか追加しました。そのアップデートによって起きた、Chromeの3つの変化について解説します。 ※まずはアメリカから、順次アップデートされていくとのことなので、その日を楽しみに待ちましょう。2024年3月12日公開時点、まだ日本ではアップデートされていません。
JSer.info #665 - Web ComponentsライブラリであるLit 3.0がリリースされました。 Lit Launch Day: Lit 3.0, Labs graduations, a compiler and more! – Lit Lit 3 upgrade guide – Lit Lit 3では、IE11のサポート終了、最小の実行環境をES2021をサポートしてるブラウザへ変更が行われています。 Lit 2.0で非推奨となったAPIの削除、Stage 3のDecoratorの対応なども行われています。 また、新しいLitテンプレートコンパイラーの公開、Preact Signalsを統合するパッケージも公開されています。 Chrome 118がリリースされました。 New in Chrome 118 - Chrome for Developers Chrome 11
ベータテスト中の「macOS 14 Sonoma」で、Safari以外のブラウザでもAppleの提供するパスワードマネージャー「iCloud キーチェーン」が利用可能になっています。 macOS 14にアップデートし、Google ChromeやMicrosoft EdgeなどSafari以外のサードパーティ製ブラウザで機能拡張「iCloudパスワード」をインストールすることで、「iCloud キーチェーン」が利用できるようになります。 各ブラウザの機能拡張「iCloudパスワード」は以前からありましたが、これまではWindowsユーザ向けとして提供されていました。 macOS 14: iCloudキーチェーンがSafari以外のブラウザでも利用可能に機能拡張「iCloudパスワード」は、各ブラウザのウェブストアからダウンロードできます。 iCloudパスワード - Chrome ウェブス
「Google Chrome 115」安定版リリース、スクロールに応じてコンテンツにアニメーション効果を適用することが可能に
ウェブブラウザ「Google Chrome」の最新安定版であるバージョン115.0.5790.99がリリースされました。アップデート内容は2023年7月14日に公開されたパッチノートの通りで、スクロール量に応じてプログレスバーを伸ばしたり、画像を変形・回転させたりする仕組みが導入されたほか、ユーザーをサードパーティーの追跡から保護するプライバシー向上の取り組みも行われています。 New in Chrome 115 - Chrome Developers https://developer.chrome.com/blog/new-in-chrome-115/ Google Chrome 115の更新内容は、2023年7月14日にパッチノート公開時に記事化した通りとなっています。内容を以下に改めて掲載しておきます。 Chrome 115のアップデート内容が公開される、スクロールに応じてコンテン
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作者は要チェック！ Chrome 125で新しく追加された4つのCSSの機能
Google カレンダーでブロック崩しができるようになるChrome拡張機能「BreakTime」レビュー
「Google Chrome」で「Manifest V2」廃止が開始へ ～2025年初めまでには移行を完了／プレビューチャネルから段階的に
Googleが2023年のお気に入り「Chrome」拡張機能を発表 ～今年はやっぱりAIに注目？／時短、オンラインミーティング、アクセシビリティ、ゲーム、ショッピングの分野で【やじうまの杜】
「Google Chrome」への攻撃を確認、ゼロデイ脆弱性を修正した最新版が公開／Windows環境にはv120.0.6099.129/130が展開中
Windows版Chromeの文字描画が改善、ClearTypeに対応、「Google Chrome 124」が正式公開／セキュリティ関連の修正は全22件
Chromeで共有辞書を使用した圧縮のテストが開始される、リピーターが多いウェブサイトで極めて効果的
「Google Chrome」にも3つの生成AI機能が導入へ……ただし、今のところ米国のみ／タブの管理、テーマの作成、テキストの下書きに機械学習技術の成果を
Googleの脱クッキー新技術、Chromeを広告オークションツールに変えてしまう
【レビュー】タブレットの新たな可能性「Pixel Tablet」 大画面+ハブモードの魅力
3PCA 21 日目: SameSite Cookie | blog.jxck.io
CVE-2023-5480: Chrome new XSS Vector
「Google Chrome 120」が正式公開 ～刷新された「安全チェック」ツールが展開開始／セキュリティ関連の修正は全10件
GitHub - liriliri/chii: Remote debugging tool
【CSS】Chrome 117でリリースされるCSSプロパティ - Qiita
Chromeが「すでに悪用が確認されている脆弱性」の修正アップデートを公開、グラフィックライブラリ「Skia」が関連
「ChromeOS 119」が正式版に ～「Critical」を含む多数の脆弱性に対処／画面キャプチャーの音声設定も改善
「Chrome」でもようやく！ Webページを読みやすくする「リーディング モード」が展開中／ナビゲーションや広告を排し、文字サイズや行間、背景色を自分好みに【やじうまの杜】
「Google Chrome 123」が正式公開 ～「zstd」データ圧縮などを新たにサポート／セキュリティ関連の修正は全12件
The next step toward phasing out third-party cookies in Chrome
【2024年3月】また変わったChromeのUIを元に戻す方法 | ハルパス
Chromeの検索に今後起きる、3つの変化とは？ | ライフハッカー・ジャパン
「Google Chrome 121」で4件の脆弱性が修正 ～セキュリティアップデートがリリース／いずれも解放後メモリ利用と呼ばれるタイプ
Google、「Chrome」のセキュリティパッチを隔週から毎週配信に ～「Chrome 116」から／「パッチギャップ」を短縮して「Nデイ」攻撃を削減。新しい通知もテスト
「Google Chrome 119」が正式公開 ～Android版は「Android 7.0 Nougat」対応を終了／セキュリティ関連の修正は全15件
2023-10-16のJS: Lit 3、Chrome 118、Zodの作り方
macOS 14 Sonoma、Safari以外のブラウザでもiCloudパスワードが利用可能に - こぼねみ
Google Chromeセキュリティ修正は今後“毎週”に
