並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 3381件

新着順 人気順

chromeの検索結果161 - 200 件 / 3381件

  • 悲報:紀州鉄道のWebサイトが「Google Chrome」に“近鉄の偽物じゃね?”と言われてしまう/京都産業大学も被害(?)を受けた模様【やじうまの杜】

      悲報:紀州鉄道のWebサイトが「Google Chrome」に“近鉄の偽物じゃね?”と言われてしまう/京都産業大学も被害(?)を受けた模様【やじうまの杜】
    • DevTools上でesbuildするChrome拡張を書いた - 詩と創作・思索のひろば

      社内ではドキュメントの共有に Scrapbox が活発に使われており、するといきおい UserCSS や UserScript もさかんである。具体的には、/customize という共有のプロジェクトがあってみんなの自慢の装飾やカスタマイズが共有されている。これを個々人で import して使うんである。 こんな感じ。 自分の場合は /motemen/UserCSS/common に常に適用したいスタイルを書いておいて各プロジェクトから読み込んでいる。このページからさらに、共有プロジェクトや他人の個人プロジェクトページからよさそうな設定を import している次第。 つまりは多段インポート。こういうことを続けていると、だんだんと読み込みの遅さが気になってくる。こういうのはバンドルすればいいのだけど、巷のツールを普通に使うことはできない。インポートしてるリソースに認証がかかっているからだ

        DevTools上でesbuildするChrome拡張を書いた - 詩と創作・思索のひろば
      • 「Google ブックマーク」が9月30日で提供終了/それまでに[ブックマークをエクスポート]機能で保存、「Chrome」へのインポートを

          「Google ブックマーク」が9月30日で提供終了/それまでに[ブックマークをエクスポート]機能で保存、「Chrome」へのインポートを
        • 「Chromeをアップデートしないで」――Salesforce“異例のお願い”の真相

          関連キーワード Google Chrome | Salesforce.com(セールスフォースドットコム) | セキュリティリスク | Webセキュリティ Salesforce(salesforce.com)は「混合コンテンツ」(mixed content、「混在コンテンツ」とも)の問題に関する情報発信で迷走している。混合コンテンツとは、エンドユーザーとWebサーバ間の通信が「HTTPS」で暗号化されているWebサイトにおいて、平文の「HTTP」通信でやりとりされているコンテンツを指す。 GoogleのWebブラウザ「Chrome」が混合コンテンツをブロックすることで発生する問題を受け、Salesforceは「Chromeの最新アップデートの適用を見送るか、旧バージョンにロールバックすること」を推奨した。 併せて読みたいお薦め記事 Webブラウザのリスクとセキュリティ ChromeやFir

            「Chromeをアップデートしないで」――Salesforce“異例のお願い”の真相
          • SQLite3 WASM/JS、Origin Private File Systemを用いてChrome上の高速なローカルDBが機能するとGoogleが明らかに、廃止されたWeb SQLの代替として利用可能

            SQLite3 WASM/JS、Origin Private File Systemを用いてChrome上の高速なローカルDBが機能するとGoogleが明らかに、廃止されたWeb SQLの代替として利用可能 Google Chromeの開発チームは昨年(2022年)9月に、非推奨となったWeb標準のWeb SQL Database API(以下Web SQL)をChromeから削除、その代替機能としてSQLite開発チームと協力してWebAssembly版のSQLiteを開発し、提供する予定であることを明らかにしていました。 参考:Chrome開発チームがSQLiteチームとWebAssembly版SQLiteを開発中。Webブラウザ上からのファイル書き込みで永続化も可能。Web SQL APIの代替として Web SQLはWebアプリケーションがSQLを通じてローカルなリレーショナルデー

              SQLite3 WASM/JS、Origin Private File Systemを用いてChrome上の高速なローカルDBが機能するとGoogleが明らかに、廃止されたWeb SQLの代替として利用可能
            • すぐにChrome拡張機能開発できるオープンソースのテンプレート「Chrome Extension CLI」

              ◆ Chrome Extension CLI https://github.com/dutiyesh/chrome-extension-cli 紹介 「Chrome Extension CLI」は、npmを使って簡単にChrome拡張機能の初期セットアップができるオープンソースのテンプレートです。 $ npm install -g chrome-extension-cli /usr/local/bin/chrome-extension-cli -> /usr/local/lib/node_modules/chrome-extension-cli/index.js + chrome-extension-cli@0.2.0 added 21 packages from 11 contributors in 2.879s まずは、Chrome Extension CLIをインストールします。 $

                すぐにChrome拡張機能開発できるオープンソースのテンプレート「Chrome Extension CLI」
              • ブラウザのロゴを高解像度でダウンロードできる! Chrome, Safariの現在のロゴをはじめ、IE, Netscapeなど古いのも

                Chrome, Edge, Firefox, Opera, Safariをはじめとする現在のロゴから古いバージョンのロゴをはじめ、デベロッパーツールやCanaryなどのロゴ、古いIE, Netscape, Mosaicなど、ブラウザのロゴをダウンロードできる「Browser Logos」を紹介します。 すべてのロゴは背景が透明で、高解像度です。

                  ブラウザのロゴを高解像度でダウンロードできる! Chrome, Safariの現在のロゴをはじめ、IE, Netscapeなど古いのも
                • “Google マップ”でマンションポエムごっこができるGoogle Chrome拡張機能が面白過ぎる/あなたの邸宅が今、光の柱に包まれる――【やじうまの杜】

                    “Google マップ”でマンションポエムごっこができるGoogle Chrome拡張機能が面白過ぎる/あなたの邸宅が今、光の柱に包まれる――【やじうまの杜】
                  • ChatGPTの嘘を克服できる?!Chrome拡張機能「WebChatGPT」を使ってみた | DevelopersIO

                    こんにちは、つくぼし(tsukuboshi0755)です! みなさんChatGPTは使ってますか?(もちろん私も使ってます) そのまま使うだけでも相当便利なChatGPTですが、以前ChatGPTをもっと便利に使えるようにするGhrome拡張機能が、以下のブログで紹介されています。 上記のブログでも紹介がありますが、Chrome拡張機能「WebChatGPT」を実際に使ってみた所、ChatGPTの欠点である嘘の大半を克服できるすごい拡張機能だと感じました。 これはChatGPTを使っている方にはぜひ試して頂きたい!と思い、今回改めて詳細について紹介します。 ChatGPTが嘘をつくメカニズム 巷で良く言われるChatGPTの欠点として、平気で嘘をつく事が挙げられます。 ここで、なぜChatGPTは嘘をついてしまうのでしょうか。 上記の疑問に対して、OpenAIの公式Q&Aにヒントとなる文献

                      ChatGPTの嘘を克服できる?!Chrome拡張機能「WebChatGPT」を使ってみた | DevelopersIO
                    • 便利なChrome拡張機能を見直してみた | Pulp Note

                      2ヶ月前にMacbook Proを購入した際、以前の設定移行ではなく、一から設定し直しました。そのおかげでストレージの無駄がなくなり、スッキリとした状態でPCワークできています。 今回Chrome拡張機能も見直しをおこない、2ヶ月が経過しました。現在利用しているChrome拡張機能について紹介します。 1Password – パスワード保管庫 パスワード管理ができる1Password。Chromeのパスワードマネージャーもいいのですが、ここ2ヶ月ほど便利に使えているのでこちらをメインに。 Touch IDで解除できるのはとてもラク。レビューは酷いですが、私は満足しています。 1Password – パスワード保管庫 Save image as Type WebP画像をJPG、PNG形式でダウンロードできるChrome拡張機能 Save image as Type。 右クリックからサクッとダ

                        便利なChrome拡張機能を見直してみた | Pulp Note
                      • AppleがついにChromeとFirefoxのフルバージョンをiPhone上で動かすことを許可

                        AppleがiOS 17.4でWebkit以外のブラウザエンジンを許可し、ChromeやFirefox、OperaなどSafari以外のブラウザを完全に動作させることを可能にしたことが明らかになりました。これはEUのデジタル市場法(DMA)施行を受けての対応で、EU圏のユーザーにのみ適用されます。 Apple announces changes to iOS, Safari, and the App Store in the European Union - Apple https://www.apple.com/newsroom/2024/01/apple-announces-changes-to-ios-safari-and-the-app-store-in-the-european-union/ Update on apps distributed in the European U

                          AppleがついにChromeとFirefoxのフルバージョンをiPhone上で動かすことを許可
                        • Chrome Devtools による フロントエンドパフォーマンスの計測

                          こんにちは。株式会社スタメンでFANTSのフロントエンドを担当している@0906kokiです。 今回の記事では、皆さんおなじみの Chrome Devtools にある Performance タブで、フロントエンドのパフォーマンスを計測する方法について書きたいと思います。 はじめに フロントエンドのパフォーマンス・チューニングと言うとバックエンドと比べて後回しになりがちですが、フロントエンドにアプリケーションの複雑性が寄ってきている現在、フロントエンドがボトルネックでレスポンスのレイテンシーが発生することは往々にしてあると思います。 バックエンドではユーザー数の増加や大量の同時接続に耐えられる負荷対策やパフォーマンス・チューニングが中心となりますが、フロントエンドではプロジェクトサイズの増加による JavaScript ファイルのダウンロードやスクリプティング、レンダリング速度の低下等が

                            Chrome Devtools による フロントエンドパフォーマンスの計測
                          • 「Firefox 79」からtarget=“_blank”なリンクの挙動が変更、より安全な仕様に/「Safari」は実施済み、「Google Chrome」も追随へ

                              「Firefox 79」からtarget=“_blank”なリンクの挙動が変更、より安全な仕様に/「Safari」は実施済み、「Google Chrome」も追随へ
                            • Googleの「おすすめ」バッジ付きChrome拡張がマルウェアに、ユーザー情報が外へダダ漏れ【3月8日追記】/問題の拡張機能を「Chrome」がブロックすることを確認、今すぐアンインストールを

                                Googleの「おすすめ」バッジ付きChrome拡張がマルウェアに、ユーザー情報が外へダダ漏れ【3月8日追記】/問題の拡張機能を「Chrome」がブロックすることを確認、今すぐアンインストールを
                              • 【Chrome拡張】英単語の意味をすぐに調べられ、忘れないように復習設定もできる「BooQs Dictionary」を試してみた【英語学習】 | DevelopersIO

                                英単語の意味すぐ忘れません? 英語で書かれたドキュメント、GitHub や Stack Overflow 内でのやりとり、海外の方のツイートなど日常生活には英語に接する機会がたくさんありますよね。 ただ情報を入手するだけならサクッと機械翻訳をかましてしまえばいいのですが、英語学習のためと思って英語で読むこともあるでしょう。そのような時に意味が分からない英単語に出会い、意味を調べても翌日には忘れてるといったことありませんか? 私はあります。 そのような方におすすめしたいのが Chrome 拡張機能の「BooQs Dictionary」です。 BooQs Dictionary があれば! BooQs という「挫折させない英単語アプリ」と連携ができる英単語辞書拡張機能です。 BooQs については以下のように説明されています。テスト効果や分散効果といった手法を用いて英語学習ができます。 BooQ

                                  【Chrome拡張】英単語の意味をすぐに調べられ、忘れないように復習設定もできる「BooQs Dictionary」を試してみた【英語学習】 | DevelopersIO
                                • 数百万人に影響の恐れ、悪意あるGoogle Chromeの拡張機能見つかる - 確認を

                                  Avast Softwareは6月2日(米国時間)、「Malicious extensions: Avast detects new threats on the Chrome Web Store」において、Google Web Storeで悪意のある拡張機能が配布されているとして、注意を呼び掛けた。合計インストール数が7500万回数にも及ぶ32の悪意のある拡張機能が特定されている。 Malicious extensions: Avast detects new threats on the Chrome Web Store Google Web Storeに、ブラウザハイジャッカーが組み込まれた悪質なWebブラウザ拡張機能が多数存在することがわかった。同社は、潜在的に世界中の数百万人に影響を及ぼす可能性のある重大な脅威と述べている。調査のきっかけは、サイバーセキュリティ・コミュニティに参

                                    数百万人に影響の恐れ、悪意あるGoogle Chromeの拡張機能見つかる - 確認を
                                  • Google・Mozilla・Apple・Microsoftが協力して「ブラウザ拡張機能の標準化」を図ることを発表、ChromeやFirefoxなどの「拡張機能の共通仕様」実現に向け

                                    2021年6月4日、Google・Microsoft・Mozilla・Appleが、ブラウザ拡張機能の標準化とパフォーマンスの向上などを図るコミュニティグループ「WebExtensions Community Group (WECG)」を立ち上げたことを発表しました。 Forming the WebExtensions Community Group | WebExtensions Community Group https://www.w3.org/community/webextensions/2021/06/04/forming-the-wecg/ Google, Microsoft, and Mozilla work together on better browser extensions https://www.bleepingcomputer.com/news/securit

                                      Google・Mozilla・Apple・Microsoftが協力して「ブラウザ拡張機能の標準化」を図ることを発表、ChromeやFirefoxなどの「拡張機能の共通仕様」実現に向け
                                    • ScrapboxでVJするためのChrome拡張を作った - hitode909の日記

                                      1月のKyoto.JSの休憩時間にMIDIコントローラとWeb MIDI APIでVJできるとよさそうって話になったので買ってみて、ちょっとずつ触ってみた。過去に作ったツールをMIDI対応する、とか、MIDIの入力に応じて絵を出す、という使いみちに加えて、既存のページにコードを差し込んでエフェクトをかけるのを作ってみた。 Scrapboxにエフェクトをかける Scrapboxのプロジェクトのトップページには四角いカードが並んでいるので、これをパーティクルとみなして毎フレーム見た目を書き換えると愉快なビジュアルを出せると考えた。 MIDIコントローラで操作するために、動きのパターンを座標、大きさ、色、背景、ページ全体の変形、などチャンネルがいくつかに整理して、縦フェーダーでエフェクトの種類がかわり、各チャンネルに対応するつまみでエフェクトの掛かり具合が変わるようにした。 こういう構造があって

                                        ScrapboxでVJするためのChrome拡張を作った - hitode909の日記
                                      • 【Chrome】textareaの改行時にカーソル位置がガタっとずれる問題の対処法

                                        Enterキーを押すとtextareaのスクロール位置がずれる問題 ふとZennのスクラップのエディターで、Enterキーを押すと、カーソルのあたっている部分のスクロール位置がガタっとずれる問題が発生することに気づきました。 Enterキーを押したタイミングでカーソルの位置がviewportの先頭もしくは末尾にジャンプするようなイメージです。 もう少し調べてみると、Chromeでは問題が発生するものの、FirefoxやSafariでは問題が再現できませんでした。 とりあえずautosize textareaを疑う スクラップのエディターではtextareaの高さがテキストの長さに応じて変わるreact-textarea-autosizeを使っています。最初はこのパッケージを疑ったのですが、HTMLの<textarea>タグに書き換えても問題は解消しませんでした。 Reactのcursor

                                          【Chrome】textareaの改行時にカーソル位置がガタっとずれる問題の対処法
                                        • Chromeの疑似クラス「:has()」がjQueryの「:has()」に悪影響を及ぼす問題が解決へ。Chromeは回避策実装、jQueryは新バージョンで対応

                                          Chromeの疑似クラス「:has()」がjQueryの「:has()」に悪影響を及ぼす問題が解決へ。Chromeは回避策実装、jQueryは新バージョンで対応 8月にリリースされたChrome 105で実装されたCSSの疑似クラス「:has()」が、jQueryに以前から備わっている「:has()」に悪影響を及ぼし、一定の条件下ではjQueryを使ったWebサイトが壊れるなどの問題を引き起こすことがあることを、9月の下記の記事で紹介しました。 参考:Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性 その後、Chrome側ではこの問題に対応する回避策が実装され、一方のjQuery側でも先日リリースされたjQuery 3.6.2で対応が行われたことが明らかになりました。 Chrome、jQueryそしてCSS

                                            Chromeの疑似クラス「:has()」がjQueryの「:has()」に悪影響を及ぼす問題が解決へ。Chromeは回避策実装、jQueryは新バージョンで対応
                                          • GitHubをむっちゃ多機能にするためのChrome拡張を紹介するぜ - Qiita

                                            概要 GitHub上で動作するChrome拡張についてざっくばらんに紹介 検証をChromeで行っただけで、他ブラウザでも使えるものも含む ご注意 紹介してるもの同士の互換性は考慮していません。組み合わせによって動作しなくなる拡張もあります 拡張機能は本家GitHubの変更を強く受けるため、突如使えなくなるリスクがあることをご認識ください プライベートリポジトリでは使用できない、あるいはAPIトークンを渡したり認可する必要があるものを含みます 本記事で紹介している拡張はいずれも2020/05/03時点の最新版をChrome81系で動作確認済み Refined GitHub 説明不要なレベルで、これを入れておけばまず外れないので迷ったらコレ 詳細は別途紹介記事を書いてます GitHubを圧倒的に便利にするRefined GitHub のTips集 Octotree サイドバーにディレクトリツ

                                              GitHubをむっちゃ多機能にするためのChrome拡張を紹介するぜ - Qiita
                                            • Google Chrome、南京錠アイコンを2023年9月に廃止

                                              Google Chromeチームは5月2日(米国時間)、「Chromium Blog: An Update on the Lock Icon」において、2023年9月にリリースを予定している「Google Chrome 117」からアドレスバーにおける南京錠アイコンの表示を廃止すると伝えた。代わりに「調整」を意味するアイコンを表示すると説明している。 Chromium Blog: An Update on the Lock Icon アドレスバーの南京錠アイコンはWebブラウザがHTTPSで通信を行っていることを示すものとして導入された。通信の多くがHTTPで行われていた時代、傍受を防ぎやすいHTTPSが使われていることを示すために南京錠のアイコンが導入された。導入当初このアイコンは役割を果たしたが、現在この意味は失われはじめていると点をGoogleは指摘している。 Googleは次の2つ

                                                Google Chrome、南京錠アイコンを2023年9月に廃止
                                              • Gyazo Chrome Extensionの再公開について - Gyazo Blog

                                                Gyazo Extensionの開発を主に担当しているid:Pasta-Kです。 Gyazo Extensionは日本時間の2020年5月21日〜2020年7月29日の間、Chrome Web Storeから取り下げられていました。いくつかの変更をExtensionに加えることで審査を経て本日遂に再公開となりました。同様にGyazo Teams向けのExtensionも引き続き非公開になっていますが、今回のGyazo Extensionの再公開を受け、数日中に再公開できる見込みです。 この件に関する、経緯と対応に関する具体的な内容について、主にChrome Extensionの開発に関わる皆さんに向けて共有しようと思います。もし同じような事象に遭遇している方の参考になれば幸いです。 経緯について Chrome Web Store側からはUse of Permissions*1に関する違反が

                                                  Gyazo Chrome Extensionの再公開について - Gyazo Blog
                                                • サーバサイドを含むWordPressのフルスタックをWebAssembly化した「In-Browser WordPress」、WordPressのコア開発チームとGoogle Chromeの開発チームが紹介

                                                  PHPやSQLiteなどのサーバサイドを含むWordPressのバックエンドをWebAssembly化し、WordPressのフルスタックをWebブラウザ上で実行する「In-Browser WordPress」が、「WordPress Playground」で公開されています。 これは昨年(2022年)9月にWordPressのコア開発チームが開発中であることを明らかにし、今年1月頃にWordPress Playgroundで公開が始まった、サーバサイドを含むWordPressの試験的なフルスタック実装です。 参考:WordPressのコア開発チーム、WordPressをWebブラウザで実行する「Client-side WebAssembly WordPress」を開発中 「WordPress Playground」でアクセスすると、Webブラウザ上で「In-Browser WordPre

                                                    サーバサイドを含むWordPressのフルスタックをWebAssembly化した「In-Browser WordPress」、WordPressのコア開発チームとGoogle Chromeの開発チームが紹介
                                                  • Amazonプライムビデオの字幕で語学学習できるChrome拡張

                                                      Amazonプライムビデオの字幕で語学学習できるChrome拡張
                                                    • Webアプリがジョイコンなどに対応する「WebHID」、NFCタグを読み書きする「Web NFC」、シリアルポートで通信する「Web Serial」など、Chrome 89ベータではデフォルトで有効に

                                                      Webアプリがジョイコンなどに対応する「WebHID」、NFCタグを読み書きする「Web NFC」、シリアルポートで通信する「Web Serial」など、Chrome 89ベータではデフォルトで有効に Googleは、現在公開中のChrome 89ベータ版で、「WebHID(Human Interface Device)」、「Web NFC(Near Field Communication:近距離無線通信規格)」、「Web Serial」など、これまでOrigin Trialsとして実験的実装とされてきた機能をデフォルトで有効にし、利用可能にしたことを明らかにしました。 WebHIDは、Webアプリケーションからヒューマンインターフェイスデバイス、例えばニンテンドースイッチのジョイコンやプレイステーションのデュアルショックコントローラ、あるいはMacBookのキーボードバックライトなど、キ

                                                        Webアプリがジョイコンなどに対応する「WebHID」、NFCタグを読み書きする「Web NFC」、シリアルポートで通信する「Web Serial」など、Chrome 89ベータではデフォルトで有効に
                                                      • 【知ってた?】PDFの分割はChromeでもできる! 必要なページだけを抽出する方法

                                                        WindowsやMac、スマホといった異なる環境でも、常に同じ見た目で資料を表示できるPDFファイルは、ビジネスの現場でもよく使れます。しかし、必要なページだけを取り出したいとき、手軽なアプリがなくて困っていませんか? 実はChromeで何とかなるのです。 専用アプリがなくてもPDFは分割できる 最近ではPDFファイルを使う機会がとても増えました。ExcelやPowerPointで作成したファイルを、ほかの人と共有する目的でPDFに変換している人も多いと思います。 PDFには、異なるパソコンやスマートフォンでも同じ見た目で表示できること、ファイルサイズが小さいこと、改ざんがしにくいことなど、いくつものメリットがあります。しかし、改ざんがしにくいゆえに、必要なページだけを抽出することもできず、困ったことはありませんか? 例えば、数十ページあるPDFファイルを参考資料として相手に送りたいとき、

                                                          【知ってた?】PDFの分割はChromeでもできる! 必要なページだけを抽出する方法
                                                        • 【2021年版】Chromeリモートデスクトップの使い方。職場や自宅のパソコンを遠隔操作できる

                                                          コロナ禍をきっかけにテレワーク(リモートワーク)が広まりましたが、週に何日かは出社する機会がある中では、職場から自宅、自宅から職場のPCを遠隔操作できると何かと安心です。ここでは「クロームリモートデスクトップ」のインストールと設定方法を解説します。 「手元にファイルがない!」をすぐに解決 長引くコロナ禍により、業務の中心がテレワーク(リモートワーク)となった人もいれば、出社する生活に戻ったという人もいるでしょう。また、その中間として「週に何日かは出社し、それ以外はテレワークをする」という人も多いのではないでしょうか。 さらに、ひとくちにテレワークといっても、その場所が自宅に限らず、カフェやホテル、コワーキングスペース、リモートオフィスなどへと広がっています。働く場所の選択肢が増えたことは、多くのビジネスパーソンにとって喜ばしいことだと思います。 しかし、そのような状況で起こりがちなのが、「

                                                            【2021年版】Chromeリモートデスクトップの使い方。職場や自宅のパソコンを遠隔操作できる
                                                          • Chrome・Firefox・Edgeなどブラウザは初回起動時にどのような通信を行っているのか

                                                            by Thomas William Microsoftの元エンジニアであるSampsonさんが、Google ChromeやFirefox、Microsoft Edgeなどのウェブブラウザを初めて起動した際に、ユーザーの見えない場所でどのような通信が行われているのかを調査し自身のTwitter上で詳細なデータを公表しています。 Sampson(@jonathansampson)さん | Twitter https://twitter.com/jonathansampson ◆Google Chrome Windows 10上で初めてGoogle Chromeを起動した場合、32件のリクエストが作成され、7.26MBのデータがダウンロードされます。 What happens when you launch Google Chrome for the first time on a Windo

                                                              Chrome・Firefox・Edgeなどブラウザは初回起動時にどのような通信を行っているのか
                                                            • Chrome向け広告ブロッカーが突如マルウェアへと変貌、アンインストールを呼び掛け中【やじうまWatch】

                                                                Chrome向け広告ブロッカーが突如マルウェアへと変貌、アンインストールを呼び掛け中【やじうまWatch】
                                                              • CSSアニメーションの実装がこれで簡単に! Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ

                                                                先週リリースされたChrome 117でサポートされた、CSSの6つの新しい機能とプロパティを紹介します。 今までのCSSでは不可能だったことやJavaScriptを使用しないとできなかったことが、数行のCSSで実装できるようになります。たとえば、アニメーションで変化する前のスタイルを設定したり、最上位レイヤーとの間で要素をアニメーションさせたり、本文テキストのレイアウトを自動で最適化したりできます。 Chrome 117 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに @starting-styleルール overlayプロパティ transition-behaviorプロパティ CSS Gridのsubgrid値 text-wrap: pretty; contain

                                                                  CSSアニメーションの実装がこれで簡単に! Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ
                                                                • 2022年版 Web制作が捗るChrome拡張機能14選 | Pulp Note

                                                                  Chrome拡張機能には便利なものが多く、特にWeb制作時には積極的に利用しています。昨年も紹介しているのですが、2022年に入ってChrome拡張機能の見直しをして現在よく利用しているものだけで再構成してみたところ、無駄が減り使いやすくなりました。2022年版のおすすめChrome拡張機能を14個紹介します。 Toby for Chrome Chromeを利用しているとかならず出てくるタブ開きすぎ問題。パソコンが重くなる原因の一つで、タブは開きすぎない方が良いです。その問題を解消するのがChrome拡張機能 Toby for Chrome。ついつい増えがちなタブを一括で管理することができます。 私は、案件ごとにSPACESを用意し、関連ページや参考ページをタブで開いてまとめてブクマしています。ドラッグ&ドロップで並べかえができたり、SPACES内に複数のフォルダを用意できるので、タブ管理

                                                                    2022年版 Web制作が捗るChrome拡張機能14選 | Pulp Note
                                                                  • 事実上の「Googleリーダー」復活? ChromeにRSSを用いたフォロー機能が搭載される【やじうまWatch】

                                                                      事実上の「Googleリーダー」復活? ChromeにRSSを用いたフォロー機能が搭載される【やじうまWatch】
                                                                    • Chrome の User-Agent 文字列削減に関する最新情報

                                                                      .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

                                                                        Chrome の User-Agent 文字列削減に関する最新情報
                                                                      • Google、オリジナルタブレットから撤退し、Chrome OSではノートPC「Pixelbook」に専念

                                                                        米Googleは、「Pixel Slate」を最後にオリジナルタブレットから撤退する。米Computerworldが6月20日(現地時間)、Googleの広報担当者に確認したとしてそう報じた。Chrome OS搭載のオリジナルハードウェアは、ノートPC型のChromebook、「Pixelbook」にフォーカスするという。 Googleは、2015年にAndroid搭載タブレット「Pixel C」を、2018年にChrome OS搭載タブレット「Pixel Slate」を発売したが、その後タブレット型の新モデルを発表していない。 同社の広報担当者はComputerworldに対し、新たなタブレットを開発していたが、19日に開発停止を決定したと語った。同社は、2モデルの来年立ち上げを目指していたが、Googleの品質基準に届かないため停止したと米Business Insiderに語った。 C

                                                                          Google、オリジナルタブレットから撤退し、Chrome OSではノートPC「Pixelbook」に専念
                                                                        • Emotet感染でChromeのクレカ情報が盗まれる。警察庁が警告

                                                                            Emotet感染でChromeのクレカ情報が盗まれる。警察庁が警告
                                                                          • デスクトップ「Chrome」Gemini統合

                                                                            この記事のポイント デスクトップ版「Chrome」に大規模言語モデル「Gemini」が統合(v124) アドレスバーに[@]と入力しつつ表示される項目から[Gemini]を選択してプロンプトを入力 「@gemini」ショートカットがまだ利用できない場合は有効的(ただし日本語では文字化けも) Google ブラウザサービス「Chrome」のデスクトップ版に、大規模言語モデル「Gemini」が統合されました。 デスクトップ版「Chrome」の「Gemini」統合では、アドレスバーに[@]と入力しつつ表示される項目(Gemini / タグを検索 / ブックマークを検索 / 履歴を検索)の中から[Gemini]を選択し、そしてそのままアドレスバーにプロンプトを入力して[Enter]キーを押すことで、「Gemini」が起動しそのまま半ダイレクトに「Gemini」からの回答を得ることができます。 デス

                                                                              デスクトップ「Chrome」Gemini統合
                                                                            • ChromeのHTTP/2サーバプッシュサポート廃止検討と、103 Early Hintsについて - ASnoKaze blog

                                                                              ChromeがHTTP/2サーバプッシュの廃止を検討し始めている。またPreload + 103 Early Hintsの有効性について実験していく模様 背景 HTTP/2(RFC 7540) にはサーバプッシュという機能があります。これは、クライアントからのHTTPリクエストをまたずにサーバがHTTPレスポンスを先行して送ることが出来る機能です。 たとえば、index.htmlに画像1,2,3が含まれているようなページがあるとします。このindex.htmlへのリクエストを受け付けたサーバは、クライアントが画像1,2,3がを要求してくることを予測しサーバプッシュでこれらのリソースを送りつけることが来でます。(クライアント側から、そのリソースが不要であればサーバプッシュをキャンセルすることもできます) そうすることで、ページの表示を効率化出来ると考えられていました。 しかし、様々な議論の中

                                                                                ChromeのHTTP/2サーバプッシュサポート廃止検討と、103 Early Hintsについて - ASnoKaze blog
                                                                              • 「ChromeはmacOS上でSafariの10倍もメモリを食う」という実験結果

                                                                                macOS向けのブラウザ「Flotato」を開発するモートン・ジャスト氏が、ChromeとSafariでのメモリ使用量を比較した結果を報告しています。 Chrome RAM/CPU usage vs. Safari vs. Flotato https://www.flotato.com/post/memory-chrome-safari-flotato ジャスト氏は、Intel Core i9(2.4GHz)・DDR4 32GB・AMD Radeon Pro 5500Mを内蔵したMacBook Pro(16インチ)を用意。そして、仮想マシンにmacOS Big Sur環境を構築し、psrecordで4ミリ秒間隔で使用状況をスナップショットしながら、新しくインストールしたChrome・Safariで比較実験を行いました。 ◆1つ目の実験 ChromeとSafariでTwitterとGmail

                                                                                  「ChromeはmacOS上でSafariの10倍もメモリを食う」という実験結果
                                                                                • RSSフィードリーダーがデスクトップ版「Google Chrome」にやってくる!/早ければ「Chrome 106」でお披露目か【やじうまの杜】

                                                                                    RSSフィードリーダーがデスクトップ版「Google Chrome」にやってくる!/早ければ「Chrome 106」でお披露目か【やじうまの杜】