ユーザーの直帰率や離脱率とパフォーマンスの関係から、コンテンツを表示する速度や応答性(ページがユーザー入力に応答する速度)がいかに重要であるかは、既によく知られるようになってきています。 ではコンテンツを表示する速度や応答性を上げるにはどうしたらいいでしょう。 結論から述べるとパフォーマンスを客観的な指標に基づいて正確かつ定量的に測定し、そこから課題を見つけて解決することが必要になります。 GoogleはChrome User Experience Reportに新しく応答性指標INPを導入しました。 INPとは INP(Interaction to Next Paint)は、ページの読み込みを開始してからユーザーがページを離れるまでの間に発生するユーザー入力の応答性(インタラクション)を評価する測定基準で、遅延時間を計測します。 計測対象のインタラクションは、以下となります。 ユーザー入
Google Chromeで新しいタブを開いたときに表示されるGoogle検索ボックスはご存知のはず。 実はこれ、「本物の」検索ボックスではありません。 実際には、操作内容がブラウザのアドレスバーにリダイレクトされるだけで、新しいタブのなかで検索が行われるわけではありません。 はっきり言えば、無意味なお飾りです。少なくともデフォルト設定のままでは。 Chromeのフラグメニューには隠された設定があり、新しいタブ画面の検索ボックスを、本物のGoogle検索ボックスに変えることができます。手順は以下の通り(gHacksより)。 Screenshot: Brendan HesseパソコンのGoogle Chromeで、[chrome://flags/]にアクセスする。検索ボックスに[Real search box in New Tab Page]と入力し、検索する。ドロップダウンボックスをクリッ
米GoogleのWebブラウザ「Google Chrome」のアイコンが、突如ゆるキャラやマスコットとして人気になり出した。Xでは「Chromeくん」などとして、手足の生えたアイコンのファンアートなどが相次いで投稿されている。きっかけはGoogle日本公式Xアカウントが6月5日に投稿したとある図版だ。 公式アカウントが投稿したのは「実はChromeのアイコンにはグラデーションがかかっている」ことを示す画像。青・白の丸を赤・黄・緑のパーツが囲むおなじみのマークだが、実は赤・黄・緑の部分は単色でなく、微妙にグラデーションがかかっていることを紹介するものだ。 これだけでもちょっとした豆知識だが、Xユーザーには違った受け止められ方をした。この図版がまるでキャラクターのように見えるという意見が相次ぎ、ファンアートが作られ始めたのだ。 というのも、図版はアイコンに引出線(説明する箇所を強調する線)をつ
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
英語学習や資格勉強を効率よく行いたい…そんなときフラッシュカードに頼る方も多いのではないでしょうか? アプリや紙の暗記カードなど、フラッシュカードの選択肢はたくさんありますが、今回は暗記項目の登録が速いウェブサービスをご紹介します。 『zorbi』なら、Notionやウェブページからフラッシュカードが作成可能。 Notionではブロックを利用して暗記項目が登録できて、ウェブページでの登録にはショートカットキーも用意されています。 さっそく使い方を見ていきましょう! Notionでフラッシュカードを作るための前準備Screenshot: 山田洋路 via Notion『zorbi』を利用するには、まず拡張機能を追加します。 すると、Notionのページ右上に「Sync Cards」ボタンが表示されるように。 フラッシュカード用のページを作成して、「Sync Cards」ボタンを押せば同期がで
Impervaは、CVE-2022-3656の影響力を確認するためのPoC(概念実証)を「SymStealer」として作成し、実際にユーザーのファイルシステムからファイルが窃取可能であることを確認している。これを悪用されると、暗号ウォレットやクラウドプロバイダーの認証情報などの機密ファイルが窃取される可能性があるため注意が必要だ。 CVE-2022-3656は共通脆弱性評価システム(CVSS)スコア値で8.8と分析されており、深刻度は「重要」(High)に分類されている。Impervaは既に同脆弱性についてGoogleに情報を提供済みだ。同社によれば、本問題は「Google Chrome 107」で修正されたが解決しておらず、「Google Chrome 108」で完全に修正されたと説明されている。 Google Chromeは全世界で利用されているWebブラウザであり、脆弱性があった場合
ウェブサイトを閲覧していると「クッキーの保存許可」を求めるメッセージが表示されることがあります。このメッセージが表示されるたびにポチポチクリックしてCookieの設定を行うのを面倒に感じている人も多いはず。無料で公開されているブラウザ拡張機能「I don't care about cookies」を使えばCookieの許可設定を自分の代わりに自動操作してくれます。 I don't care about cookies 3.3.8 https://www.i-dont-care-about-cookies.eu/ 「I don't care about cookies」はChrome版・Firefox版・Edge版・Opera版・Pale Moon版・広告ブロッカーのフィルター版が配布されていますが、今回はChrome版を使ってみます。まずは「I don't care about cooki
当サイトは Google Adsense、Amazon アソシエイト等 アフィリエイト広告を利用して収益を得ています. ChromebookにおけるブラウザのChromeは、Chrome OSに組み込まれているため、現状ではChrome OSのアップデートとともにブラウザのChromeもアップデートされる仕組みとなっています。 そのため、Chrome OSに定められている自動更新ポリシーの期限が来てしまった場合、OSがアップデートされないためブラウザもアップデートされず、期限切れのChromebookを使い続けるとセキュリティ面でリスクが発生します。 この問題を解決するため、Googleは1年ほど前からChrome OSのアップデートとChromeブラウザのアップデートを切り分けるプロジェクトを開始しましたが、最近になってさらに動きが出ているようです。 GoogleはChrome OS用に
本日リリースされたChrome 111で、CSSに関する新機能がけっこうたくさんサポートされたので、紹介します。 sin(), cos(), tan()などの三角関数をはじめ、親要素のスタイルに応じて子要素のスタイルを適用できるスタイルクエリ、:nth-child()で「of S」構文が使用できるようになったり、他にもいろいろ盛りだくさんです。 コンテナクエリは先月のFirefox 110ですべてのブラウザで使用できるようになりましたが、今度は三角関数がChromeでサポートされ、すべてのブラウザで使用できるようになりました。 sin()のサポートブラウザ CSSで使用できる三角関数は、sin(), cos(), tan(), asin(), acos(), atan(), atan2()です。すでに2022年にリリースされたSafari, Firefoxではサポートされています。 202
11/30(日本時間)にリリースされたChrome 108では、CSSの新しい機能がたくさん含まれています。また、変更・削除された機能もあります。特に、Android版のChromeでposition: fixed;を使用している要素の配置が期待通りにならない可能性があります。 Chrome 108の新機能、変更・削除された機能を紹介します。 chrome-108-beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づき、翻訳しています。 Chrome 108のCSSの新機能 変更・削除された機能 Chrome 108のCSSの新機能 Chrome 108でデフォルトで有効になったCSSの新機能は、下記の通りです。 新しいビューポート単位(lvh, svh, dvhなど) 新しいプロパティ(break-after, break-before, break-insid
.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
「Google Chromebooks HP」より コンピューターの動作を司るOS(オペレーティング・システム)。OSといえばWindowsやMac OSがお馴染みだが、近年、Googleが開発したChrome OSが注目を集めている。ASUSやデルなどといった名のあるメーカーも、このOSを搭載したデスクトップパソコン・Chromeboxや、ノートパソコン・Chromebookの販売に乗り出しており、OSの世界市場において4位にランクインするなど、徐々にシェアを拡大しているという。 また、自動的に更新プログラムをアップグレードしてくれるという安全性の高さや、比較的安価に端末が販売されているという状況から、いくつかの有名企業もChrome OSを業務に使用し始めている。 とはいえ、85%超のシェアを誇っている1位のWindowsに対して、Chrome OSのシェアは約0.3%と、その存在感は
無料でどんどん登録できてしまうYouTubeチャンネル。 その数が増え続けると、せっかく見つけたチャンネルの大半が埋もれていくことになります。 そこで、登録チャンネルのグループ分けができるChrome拡張機能『PocketTube』で、見たいYouTube動画へ簡単にアクセスできるように整理してみましょう。 チャンネル一覧からグループに追加できるScreenshot: 山田洋路 via YouTube/PocketTube『PocketTube』をGoogle Chromeに追加すると、YouTubeページのサイドバーに「購読チャンネルのグループ」なる項目が追加されます。 ここの「+」ボタンから、ジャンルなどザックリと新規グループを作成していきます。 Screenshot: 山田洋路 via YouTube/PocketTubeグループが作成できたら、次は登録済みチャンネルの振り分けです。
VerisignのCSO Applied Research部門の主任エンジニアであるMatthew Thomas氏は、APNICのブログで、DNSルートサーバーのトラフィックの半数は、Chromium系ブラウザから出ている大量のクエリが原因であると指摘する(APNIC、ZDNet)。 Chromiumには初期の頃から、ユーザーがウェブサイト名、URL、または検索語を入力できるアドレスバーの機能が存在していた。しかしアドレスバーには、入力された単語を検索語として扱うのか、URLとして扱うのかといったインターフェースとして問題があるという。通常は「marketing」と打ち込めば検索語として扱われる。しかし「もしかして http:// marketing」というようにURLではないかとして判断する挙動を見せるときも多い。 この原因はChromiumがネットワークを信頼しているかどうかにあるとい
[レベル: 上級] Chrome 94 のデベロッパーツールが日本語を含む 80 以上の言語で利用できるようになります。 デベロッパーツールを日本語で使う デベロッパーツールを日本語で表示にするには、右上にある歯車アイコン⚙️から言語設定を変更します。 [Language] という項目があります。 ここから [Japanese – 日本語] を選びます。 もしくは [Browser UI Language] を選択すると Chrome 本体で設定している表示言語に合わせられます。 Chrome を日本語で使っていれば、それに合わせてデベロッパーツールの UI も日本語になります(ブラウザ全体の言語とデベロッパーツールの言語は独立している)。 Chrome 94 でデベロッパー ツールを初めて起動したときに、言語変更ができるようになったことを通知するバナーが出てくるかもしれません。 言語を変
先日リリースされたChrome 108で「メモリセーバー(Memory Saver)」と「省エネモード(Energy Saver)」が導入されました。これらは、Chromeがシステムリソースをどのように利用するかをユーザーがより詳細に制御できる機能です。 ユーザーとしてはメモリ節約モードのメモリセーバーも省エネモードも嬉しい機能ですが、Web制作者は認識しておくべき重要なことがいくつかあります。 What developers need to know about Chrome's Memory and Energy Saver modes メモリセーバーと省エネモード メモリセーバーと省エネモードの確認方法 メモリセーバーと省エネモード 先日リリースされたChrome 108のデスクトップ版で、2つの新しいパフォーマンス設定が導入されました。 メモリセーバー(Memory Saver)
Chromeの使用中に「無料でGPT-4とチャットしましょう!」「Bingを規定の検索エンジンに設定しましょう」といった内容のポップアップを表示する機能がWindowsに追加されました。ポップアップ表示機能はMicrosoftが追加した正規の機能ですが、「このポップアップはマルウェアでは?」と不安に感じるユーザーも出現しています。2024年3月18日17時33分追加:GIGAZINE読者が「日本語版のポップアップ」のスクリーンショットを送ってくれたので追記しました。 Microsoft confirms Bing pop-up ads in Chrome on Windows 11 & Windows 10 https://www.windowslatest.com/2024/03/15/microsoft-confirms-bing-pop-up-ads-in-chrome-on-win
非アクティブ状態のタブを一時停止してメモリを解放してくれるという人気Chrome拡張機能「The Great Suspender」をインストールしている場合には削除を促す通知が表示されるようになりました。誘導に従って削除を実行した場合には「一時停止していたタブも巻き添えで消える」という仕様であるため、削除時には注意が必要です。 Malware? · Issue #1307 · greatsuspender/thegreatsuspender · GitHub https://github.com/greatsuspender/thegreatsuspender/issues/1307 The Great Suspender removed from Chrome for malware - 9to5Google https://9to5google.com/2021/02/04/the-g
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く