自分に合ったブラウザー拡張機能を見つけるのはなかなか難しい。興味のあるものを検索して見つけるだけでなく、実際に追加して使い勝手をひとつずつ試してみる必要があるからだ。 Googleが先頃発表した、2023年のお気に入り「Chrome」拡張機能をチェックすれば、そうした手間が少し省けるかもしれない。 Googleはまず、「Get tasks done faster」（タスクを迅速に終える）というカテゴリーで同社お気に入りの5つの拡張機能を挙げている。これらはいずれも人工知能（AI）を活用したものだ。 「Scribe」はAIを用いてユーザーのワークフローを文書化することで、職場でのさまざまなプロセスの訓練を実施するためのガイド作成を支援してくれる。「DeepL翻訳」はウェブページの内容を即座にさまざまな言語に翻訳する拡張機能だ。「QuillBot」は、文章作成時（電子メールの作成や返信）におけ
Chromeのloading属性は、指定しなくてもデフォルトで"lazy"の挙動となりうる ～loading属性の落とし穴から学ぶ、機能拡張と初期値・デフォルト挙動の話～ - Qiita
Chromeのloading属性は、指定しなくてもデフォルトで"lazy"の挙動となりうる ～loading属性の落とし穴から学ぶ、機能拡張と初期値・デフォルト挙動の話～CSSJavaScriptChrome 【事前知識】loading属性について Chromeのimg・iframe要素には、loading属性というものがある。 こいつをHTMLでloading="lazy"のように指定すると、遅延読み込みする（画像等がスクロール等で画面内に入ってきた時に初めて読み込み始める）。 こうすることで、時間がかかる無駄な読み込みが抑えられ、ページ表示速度が速くなったり、通信量を減らせたりする。 値には次の3種類があり、"lazy"が遅延読み込みオン、"eager"は遅延読み込みオフ（遅延せず愚直にすぐ読み込み）、"auto"はlazyかeagerかをChromeがネットワーク速度などを考えて自動
ウェブ制作をする上でCSSでのスタイルの記述は必須ですが、意外とデバッグが難しくデザイン通りに実装するには手間がかかります。 そんなときに活躍するのがGoogle Chromeの「デベロッパーツール」です。視覚的にCSSのスタイルが確認、変更できるので、うまく活用することでCSSのデバッグを迅速に行うことができます。 この記事ではデベロッパーツールでCSSをデバッグする方法や便利な機能などを紹介します。記事で使用しているデモは以下のリンクから確認できるので、実際にデベロッパーツールで操作しながら読み進めてみてください。 サンプルを別ウインドウで開く ソースコードを確認する 1. DOMのスタイルを確認 / 変更する デベロッパーツールでは、画面上でスタイルの確認、変更ができます。 (1)デベロッパーツールを開く まずはGoogle Chromeを開きます。 確認したい箇所を右クリックし、［
複雑化が進むIT業界。新卒や他業界からの転職組では、PCやソフトウェアの使い方、業界用語などで分からないことも少なくない。本連載では、デキるITビジネスパーソンなら誰もが知っている基礎知識をクイズ化。仕事を円滑化するヒントとして発信していく。 Q.タブを消さずにChromeを再起動するには「chrome://〇」と検索。〇に入るのは？
.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
Apple、Google、Microsoft、Mozillaは6月4日（米国時間）、W3CでWebブラウザの拡張機能を改善するためのコミュニティグループ「WebExtensions Community Group」（WECG）を立ち上げたと発表した。 Appleは「Safari」、Googleは「Chrome」、Microsoftは「Edge」、Mozillaは「Firefox」というWebブラウザを提供している。WECGは他のWebブラウザメーカーや開発者などにも参加を呼び掛けた。 拡張機能の共通のビジョンに沿って、将来の標準化に向けて取り組むことを目指す。開発者が簡単に共通の拡張機能を作成できるよう、一貫性のあるモデル、機能、API、アクセス許可の共通コアを指定することや、悪用されにくいアーキテクチャの概要を説明していく。 まずは、各Webブラウザの既存のモデルとAPIを基盤とし、仕様
Googleで検索した際に、内容の薄いコピーサイトといった表示して欲しくないサイトが結果として表示されてしまうことがあります。そんなサイトをドメインごと指定し、検索結果に表示させないようにすることができるアドオンが「uBlacklist」です。FirefoxとChrome、Safariで利用可能なので、それぞれで使用してみました。 GitHub - iorate/uBlacklist: Blocks specific sites from appearing in Google search results https://github.com/iorate/uBlacklist ◆Firefox まずはアドオンの配布ページにアクセスし、「Firefoxへ追加」をクリックします。 「追加」をクリックすることで導入が完了。 特定のサイトをブロックするには、検索結果に表示された「このサイトをブ
PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?
「Fraidycat」は、TwitterやYouTube、Instagram、Tumblr、RSSなどをまとめてチェックでき、ウェブサイトごとに更新のタイミングを個別に設定することができるアプリです。Google ChromeおよびFirefox向けに拡張機能が公開されているほか、Windows、macOS、Linux向けソフトウェアも公開されています。 Fraidycat https://fraidyc.at/ 今回はGoogle Chromeの拡張機能を使ってみます。まずは以下のURLにアクセス。 Fraidycat - Chrome ウェブストア https://chrome.google.com/webstore/detail/fraidycat/hecfkgekabkkhiidlinmifelhdooeool 「Chromeに追加」をクリック。 「拡張機能を追加」をクリック。 ツ
無料でJavaScriptによるトラッキングを防げるマルウェア対策拡張機能「JShelter」をフリーソフトウェア財団が発表
フリーソフトウェア財団が2021年9月30日に、トラッキングやデータ収集などJavaScriptを悪用したマルウェアによるリスクを軽減するブラウザ拡張機能「JShelter」を発表しました。 JShelter: Home https://jshelter.org/ FSF announces JShelter browser add-on to combat threats from nonfree JavaScript — Free Software Foundation — Working together for free software https://www.fsf.org/news/fsf-announces-jshelter-browser-add-on-to-combat-threats-from-nonfree-javascript JavaScriptを使えば、ブラウ
スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張 -Scroll-Driven Animations Debugger
スクロールをトリガーにしたCSSアニメーションは、どのようにデバッグしていますか？ ブラウザの枠内で完結するアニメーションであれば、ブラウザ上ですべての挙動を確認できますが、枠外で開始や終了するアニメーションだと確認できません。 スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張がリリースされたので、紹介します。 参考: Scroll-Driven Animations Debugger by Bramus! 記事の掲載にあたり、元サイト様にライセンスを得ています。 まずは、さっそく機能拡張のインストールから。 下記のページにChromeでアクセスし、「Chromeに追加」をクリックするだけです。起動方法や使い方は後述します。 Scroll-Driven Animations Debugger -Chrome ウェブストア この機能
ユーザーの直帰率や離脱率とパフォーマンスの関係から、コンテンツを表示する速度や応答性（ページがユーザー入力に応答する速度）がいかに重要であるかは、既によく知られるようになってきています。 ではコンテンツを表示する速度や応答性を上げるにはどうしたらいいでしょう。 結論から述べるとパフォーマンスを客観的な指標に基づいて正確かつ定量的に測定し、そこから課題を見つけて解決することが必要になります。 GoogleはChrome User Experience Reportに新しく応答性指標INPを導入しました。 INPとは INP（Interaction to Next Paint）は、ページの読み込みを開始してからユーザーがページを離れるまでの間に発生するユーザー入力の応答性（インタラクション）を評価する測定基準で、遅延時間を計測します。 計測対象のインタラクションは、以下となります。 ユーザー入
PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?
$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
iPad Air M2 hands-on: A big-screen iPad that doesn't break the bank
Notionやウェブページからフラッシュカードが作れるChrome拡張機能｜勉強効率化【今日のライフハックツール】 | ライフハッカー・ジャパン
三井住友カード ゴールド(NL)のデメリットは?メリットない・いらないは勘違い【年会費無料になる100万円修行のコツ】
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
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」を使えば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 Chromebooks HP」より コンピューターの動作を司るOS（オペレーティング・システム）。OSといえばWindowsやMac OSがお馴染みだが、近年、グーグルが開発したChrome OSが注目を集めている。ASUSやデルなどといった名のあるメーカーも、このOSを搭載したデスクトップパソコン・Chromeboxや、ノートパソコン・Chromebookの販売に乗り出しており、OSの世界市場において4位にランクインするなど、徐々にシェアを拡大しているという。 また、自動的に更新プログラムをアップグレードしてくれるという安全性の高さや、比較的安価に端末が販売されているという状況から、いくつかの有名企業もChrome OSを業務に使用し始めている。 とはいえ、85％超のシェアを誇っている1位のWindowsに対して、Chrome OSのシェアは約0.3％と、その存在感はまだ
PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?
ChromebookにおけるブラウザのChromeは、Chrome OSに組み込まれているため、現状ではChrome OSのアップデートとともにブラウザのChromeもアップデートされる仕組みとなっています。 そのため、Chrome OSに定められている自動更新ポリシーの期限が来てしまった場合、OSがアップデートされないためブラウザもアップデートされず、期限切れのChromebookを使い続けるとセキュリティ面でリスクが発生します。 この問題を解決するため、Googleは1年ほど前からChrome OSのアップデートとChromeブラウザのアップデートを切り分けるプロジェクトを開始しましたが、最近になってさらに動きが出ているようです。 GoogleはChrome OS用に新しいスタンドアロンのLinuxベースのChromeブラウザの開発をはじめ、これを｢Lacros｣と呼んでいます。 海外
.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 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
電子情報学特論： Chromium のアーキテクチャを解き明かす 〜 EEIC の授業が生きるプロダクトの世界〜 Kentaro Hara 2020 April (๑>ᴗ<๑) * * * *
Ankerさんありがとう。デスク配線が片付く12 in 1モニタースタンドがほぼ1万円引きはおかしい #楽天5のつく日
ChatGPTの会話はNotionで管理。ワンクリックで保存できるChrome拡張機能『ChatGPT to Notion』 #TrendBuzz | ライフハッカー・ジャパン
今話題のChatGPT。みなさんも、会話する機会が日に日に増えているのでは？ せっかくうまく答えが引き出せたプロンプトは何度も使い回したいところですが、いまのところ公式の履歴機能はあまり使いやすいとはいえません。会話が埋もれてしまう前に保存しておきたいときには、ワンクリックでNotionに追加できるChrome拡張機能『ChatGPT to Notion』が便利です。 長い会話もまとめて保存、ほしい答えをピンポイントで見返すこともできます。『ChatGPT to Notion』でどんなことができるのかをサクッとご紹介していきます。
ダークモード対応のサイトを制作する時に面倒なのが、ダークモードとライトモードでの表示確認方法です。OSでモードを切り替えたり、2つ用意するのは面倒です。 Chrome 79 デベロッパーツールの新機能で、簡単にダークモードの検証ができるようになりました。下記のようにOS（ブラウザ）がライトモードでも、Webページをダークモードで表示できます。 画像はダークモード対応サイト: Tom Brow ダークモードの実装については、当ブログの以前の記事をご覧ください。 CSSのメディアクエリ「prefers-color-scheme」でダークモード対応にする方法と注意点 Chrome 79 デベロッパーツールで、prefers-color-schemeとprefers-reduced-motionの設定がシミュレートできるようになりました。 What's New In DevTools (Chrom
VerisignのCSO Applied Research部門の主任エンジニアであるMatthew Thomas氏は、APNICのブログで、DNSルートサーバーのトラフィックの半数は、Chromium系ブラウザから出ている大量のクエリが原因であると指摘する（APNIC、ZDNet）。 Chromiumには初期の頃から、ユーザーがウェブサイト名、URL、または検索語を入力できるアドレスバーの機能が存在していた。しかしアドレスバーには、入力された単語を検索語として扱うのか、URLとして扱うのかといったインターフェースとして問題があるという。通常は「marketing」と打ち込めば検索語として扱われる。しかし「もしかして http:// marketing」というようにURLではないかとして判断する挙動を見せるときも多い。 この原因はChromiumがネットワークを信頼しているかどうかにあるとい
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グーグルが選ぶ、2023年のお気に入り「Chrome」拡張機能--AI関連が多数
使いこなして効率アップ！ ChromeのデベロッパーツールでCSSを検証する方法 - ICS MEDIA
タブを消さずにChromeを再起動するには「chrome://〇」にアクセス
2020 年 2 月の SameSite Cookie の変更: 知っておくべきこと
Apple、Google、Microsoft、MozillaがWebブラウザ拡張機能改善グループ結成
セキュリティソフト「ESET」でWebブラウザーがクラッシュ ～Edge/Chrome 110で発生中／「セキュアーブラウザー」機能の無効化で回避可能
Googleの検索結果から邪魔なサイトやページをブロックして非表示にできる「uBlacklist」の簡単な使い方
Chromeのシェアがじわじわ減少中？ いま勢いを増しつつある「あの」ウェブブラウザーとは【やじうまWatch】
ChromeのGoogle検索ボックスを「本物」に変える設定方法 | ライフハッカー・ジャパン
Twitter・YouTube・RSSなどの更新通知をまとめて確認できる拡張機能「Fraidycat」
「確定申告書等作成コーナー」に問題、「Google Chrome」で［次へ］を押しても先へ進めない／国税庁が回避策を案内 【1月19日追記】
見出しが出なくなったX(Twitter)。一発でタイトルとURLをコピペできるChrome拡張が便利
応答性を示す新しい指標「INP」 | フロントエンドBlog | ミツエーリンクス
Google Chromeの拡張機能を1つに集約する管理方法 | ライフハッカー・ジャパン
Chrome is deploying HTTP/3 and IETF QUIC
Engadget | Technology News & Reviews
混合コンテンツはすべてデフォルトブロックへ ～「Google Chrome 79」から段階的に実施／サイト運営者はできるだけ早めの対応を
Chrome 108にはCSSの新しい機能がたくさん含まれている、新機能と変更・削除された機能のまとめ
25億人以上に影響か、Google Chromeに「重要」の脆弱性 急ぎ更新を
画期的に使いやすいChrome OS、急速に拡大…Windowsのデメリット解消
Chromeをより一層便利にしてくれる拡張機能まとめ | ライフハッカー・ジャパン
ChromebookのブラウザがLinuxベースのChrome(Lacros)になります | HelenTech
Chrome のフォーム コントロールとフォーカスのアップデート
https://twitter.com/knowrealkey/status/1542706937497718789
Chrome 111のココに注目！ 三角関数やスタイルクエリなどCSSに関する新機能がけっこうたくさんサポートされました
日本語Webページの漢字にふりがなを付与するChromeブラウザ拡張
TLS 1.0/1.1サイトは完全にブロック ～「Google Chrome 98」安定版がリリース／軽量カラーベクターフォント「COLRv1」をサポート。脆弱性の修正は27件
人気のGoogle Chrome拡張機能「PushBullet」が存続の危機 ～ストアの再承認に奔走／PCやタブレット、スマートフォンをシームレスに連携させるサービス
電子情報学特論：Chromiumのアーキテクチャを解き明かす
YouTubeの登録チャンネルをグループ分け。整理して見やすくする方法 | ライフハッカー・ジャパン
ダークモードの検証が簡単にできるようになった！Chrome 79 デベロッパーツールの新機能
Microsoft自身が提供 ～「Edge」の保存パスワードを「Chrome」で利用可能にする拡張機能／「Authenticator」モバイルアプリと組み合わせれば、ほぼすべての環境でパスワードを同期できる【レビュー】
「Chrome」のアドレスバーに最近追加された5つの改良 ～Googleが紹介／賢くなった自動補完、タイプミスの検出、ビジュアルと応答性の改善など
DNSルートサーバへのアクセスのうち、45.80%はChromiumの検索仕様による無駄な通信だった | スラド IT