Chrome拡張機能には便利なものが多く、特にWeb制作時には積極的に利用しています。昨年も紹介しているのですが、2022年に入ってChrome拡張機能の見直しをして現在よく利用しているものだけで再構成してみたところ、無駄が減り使いやすくなりました。2022年版のおすすめChrome拡張機能を14個紹介します。 Toby for Chrome Chromeを利用しているとかならず出てくるタブ開きすぎ問題。パソコンが重くなる原因の一つで、タブは開きすぎない方が良いです。その問題を解消するのがChrome拡張機能 Toby for Chrome。ついつい増えがちなタブを一括で管理することができます。 私は、案件ごとにSPACESを用意し、関連ページや参考ページをタブで開いてまとめてブクマしています。ドラッグ&ドロップで並べかえができたり、SPACES内に複数のフォルダを用意できるので、タブ管理
Windows 11ではMicrosoft Edge以外のブラウザを既定のブラウザに設定する操作が非常に面倒になっています。新たに、Microsoft Edgeに「Google Chromeのインストールを中止するように促すポップアップ」を表示する機能が追加されたと報じられました。Microsoft EdgeがGoogle Chromeのダウンロードを阻止するようなポップアップを表示するのかを実際に確かめてみました。 Microsoft says its own Edge browser is more trustworthy than "so 2008" Google Chrome - Neowin https://www.neowin.net/news/microsoft-says-its-own-edge-browser-is-more-trustworthy-than-so-200
Chrome 97のDevToolsに新機能、Webブラウザ上の操作を記録、再実行、編集、保存。Puppeteerスクリプトへのエクスポートも Googleは、来年1月に登場予定のChrome 97で、DevToolsにWebブラウザ上での操作内容を記録し、再実行や編集、保存などを可能にする新機能を搭載することを明らかにしました。 Introducing the new Recorder panel You can now record, replay and measure user interactions with @ChromeDevTools. See it in action - ordering coffee. Learn more about this preview feature (available in Chrome Canary now): https://t.c
要約 ヘッドレス Chrome Chrome 59 でリリースされますChrome ブラウザをヘッドレス環境で実行する方法です。 基本的に Chrome なしで Chrome をご利用いただけます。Google が提供する最新のウェブ プラットフォーム機能をすべて使用可能 をコマンドラインに追加することもできます。 なぜこれが有用なのでしょうか ヘッドレス ブラウザは、自動化されたテストやサーバー環境に最適なツールです。 表示する UI シェルは不要です。たとえば、特定の環境に対する PDF を作成することも、ブラウザで URL がどのようにレンダリングされるのかを調べることもできます。 Headless（CLI）の起動 ヘッドレス モードを開始する最も簡単な方法は、Chrome バイナリを開くことです。 使用できます。Chrome 59 以降をインストールしている場合は、--headle
[レベル: 中級] コア ウェブ バイタルを測定する Chrome 拡張を Google は大きく改良しました。 CrUX データと比較 バージョン 1.0.x にアップデートした Web Vitals 拡張は Chrome ユーザー エクスペリエンス レポート (CrUX) のデータと、自分がそのページに今アクセスしたときのコア ウェブ バイタルのスコアを比較するようになりました。 バージョン 0.x では、今いるページのコア ウェブ バイタルを測定するだけでした。 ※すずき補足: CrUX は、Chrome ユーザーの実際の利用状況を元にしたデータ。PageSpeed Insights のフィールドデータや Search Console のウェブに関する主な指標レポートに使われている。またページ エクスペリエンス アップデートのデータしても利用されている。 Web Vitals 拡張を
.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
子供たちが僕たちが作ったChromebook (ChromeOS) でプログラミングを学んでいる (Codemonkey)。涙が出そうになった。 #STEAM前原小 pic.twitter.com/uhqUvpgSDT — 及川卓也 / Takuya Oikawa (@takoratta) November 26, 2016 Chrome OSが10周年を迎えたようだ。おめでとう。 Chromebook turns 10 東京にChromeチームが立ち上がりかけていた頃、将来計画などを説明に来ていた本社マウンテンビューのディレクターからOSを作ることを考えているという話を聞いた。Webに最適化されたOSが必要だと熱く語ったそのディレクターは東京のChromeチームの設立の支援者でもあり、東京にもそのOS開発チームを作りたいと言っていた。六本木ヒルズ近くの居酒屋だったと思う。2009年の頃だ
[レベル: 上級] ウェブ バイタルを記録するオプションが、安定版 Chrome 88 のデベロッパー ツールの [Performance] レコーディング機能に追加されました。 安定版の Chrome 88 は 1 月 19 日にリリースされました。 現在更新できます。 Web Vital オプションで CLS を調査する 大きな CLS (Cumulative Layout Shift) が発生しているページをデベロッパー ツールの [Performance] で計測してみます。 デベロッパー ツールで [Performance] を開くと [Web Vitals] というオプションが上部にあるので、チェックを入れてレコーディングを開始します。 レコーディング結果の赤色のひし形♦️が、発生した CLS です（Layout Shift の略で LS と表記さている）。 結果を下に少しスク
[レベル: 上級] Google Chrome が HTTPS をデフォルトのプロトコルとしてウェブページに接続するようになるかもしれません。 現在は HTTP がデフォルト プロトコル https または http のプロトコルを付けずに URL をオムニボックス（Chrome の URL バー）に打ち込んでアクセスした場合、現在は http:// を自動的に付加してそのページに Chrome はアクセスします。 たとえば、[example.com] とだけ入力してアクセスすると [http://example.com/] の URL に置き換えて Chrome はリクエストを送信します。 もしサイトが HTTPS 対応していてかつリダイレクト設定していれば [https://example.com/] にリダイレクトされて、再度接続し直します（※HSTS を設定していない場合、詳しくは
Extensions often need to inject code into every page, rather than only targeting certain domains. Password managers need to check if there's a login form. Spell checkers need to look for text fields. However, for performance it would be much better if the code that checks the relevant conditions was separated from the primary functionality of the extension. Then most of the code would only be load
[レベル: 初級] 今見ているページの Core Web Vitals を測定する Chrome 拡張を Chrome ウェブストアからインストールできるようになりました。 このブログで Web Vitals を紹介したときはまだアルファ版でした。 GitHub からファイルをダウンロードして、Chrome 拡張のデベロッパーモードを ON にし手動でインストールする必要がありました。 ウェブストアからであれば、ほかの拡張と同じように通常の方法でインストールできます。 ※アルファ版をすでにインストールしているときは、アンイストールしてから正式版をインストールすることを推奨します。 Web Vitals 拡張の使い方 使い方はいたってシンプルです。 Chrome に追加すれば、今見ているウェブページの Core Web Vitals (LCP/FID/CLS) をバックグラウンドで自動計測し
.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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
