とほほのChrome拡張機能入門 - とほほのWWW入門
Hello world ショートカットキーを設定する アイコンを設定する スクリプトを実行する オプション設定画面 Hello world Chrome の拡張機能を開発する手順について説明します。まずは、拡張機能が実行されたらポップアップを表示するだけのものを作成してみます。下記のフォルダとファイルを作成します。 my-extension manifest.json popup.html { "name": "My Extension", "description": "My Extension", "version": "1.0", "manifest_version": 3, "action": { "default_popup": "popup.html" } } <!DOCTYPE html> <html> <body> <h1>Hello world!</h1> </body>
ブラウザで Gemini がもっと身近に。Gemini in Chrome を提供開始
ブラウザは、私たちが仕事をこなし、新しい知識を学び、世界とつながるための大切な場所です。しかし、ときには長い化学の論文を読み解いたり、夕食の献立を素早く考えたりといったオンラインでの作業が、少し手間に感じたり、時間を取られたりすることもあります。 そこで私たちは、ユーザーが情報をよりスムーズに探し、理解できるように、Google Chrome で直接 AI を使えるようにしました。試験勉強やプレゼント選び、日々のちょっとした用事まで、あらゆるシーンで AI があなたをサポートします。本日、Google Chrome の最新 AI 機能、Gemini in Chrome を日本で提供開始します。Google の最新 AI モデルである Gemini 3.1 を活用したこれらの新機能は、デスクトップで順次利用可能になります。 展開予定の主な機能をご紹介します。 タブを切り替えずに AI アシス
Chrome、とうとう｢AIブラウザ｣になってしまうんだね
Chrome、とうとう｢AIブラウザ｣になってしまうんだね2026.01.29 18:45149,613 かみやまたくみ 変わっちゃう。 多くの人が日々利用しているブラウザ｢Google Chrome｣について、大きな発表がありました。GoogleのAI｢Gemini｣が統合され、本格的なAIブラウザへと進化します。 MacやWindowsのアプリ版を最新にすると利用可能とのことですが、筆者の環境ではまだ実装を確認できていません（おそらくは順次ロールアウトで時差があると思われます）。 アップデート後、Chromeウィンドウの右上にGeminiアイコンが出現。クリックすると右側にAIチャット欄が出てきます。 何ができるようになるのか？ 確認しておきましょう。 公式の機能紹介動画Video: Google Chrome/YouTube1. 複数のタブを使ったマルチタスクブラウジング中も常時、G
Google、ChromeブラウザもGemini3に サイドパネルUIでNano Bananaも統合
米Googleは1月28日（現地時間）、最新AIモデル「Gemini 3」を基盤とした「Chrome」ブラウザの大規模アップデートを発表した。エージェンティックAI機能やサイドパネル、「Nano Banana」などの統合が含まれる。 まずは米国のWindows、macOS、Chromebook Plusユーザー向けに提供を開始した。Google AI ProおよびUltra加入者向けには、自動ブラウジング機能のプレビューも開始した。 AIブラウザらしい常駐型サイドパネル 「Gemini in Chrome」機能として、画面右側に常駐するサイドパネルを導入。米Microsoftの「Edge」や米OpenAIの「ChatGPT Atlas」のサイドバーと同様に、タブを切り替えることなくAIにタスクを依頼できる。複数タブの内容を横断的に検索・比較したり、スケジュール調整や情報要約などの作業をサイ
これはかなり便利！ 1クリックであらゆるWebサイトのデザインやアセットを抽出できるChromeの拡張機能 -MiroMiro
昨年末にリリースされたばかり、Chromeの便利な拡張機能を紹介します。 MiroMiroは1クリックするだけで、表示しているサイトを分析、デザイン要素を抽出、本番環境で使えるアセットに変換するオールインワンの拡張機能です。 デベロッパーツールや似た拡張機能よりも直感的に操作でき、かなり便利です。 MiroMiro -Chromeウェブストア この拡張機能は年末にリリースされたばかりで、まだユーザー数は多くありませんが、これから伸びてくると思います。 MiroMiroの主な機能は、下記の通り。 使用されているカラー・フルパレットを抽出 使用されているフォントを抽出 画像ファイル、アイコン、SVGを抽出 Lottieアニメーションを抽出 CSSスタイルを抽出 これらを1クリックするだけで、すべてを見ることができ、必要なものだけダウンロードすることもできます。 ということで、MiroMiroを
Chromeのこの「拡張機能」で、積読してた記事がスラスラ読めるようになった | ライフハッカー・ジャパン
「お、これは役に立ちそう」とブックマークをしても、本当に読み返したことはどのくらいあるでしょうか。 結局、保存したままで終わりになりがち。そんな人におすすめなのが、Google Chromeの拡張機能です。ここでは、インプットするハードルを下げる拡張機能を4つご紹介します。 1. 「読む」環境をハックする。ノイズキャンセリング読書術Web記事を読もうとしても、サイドバーの派手な広告や、ポップアップ通知に気を取られて、集中できないこともありますよね。 「Just Read」は、ワンクリックでWebページ上の広告、コメント欄、ナビゲーションといった「ノイズ」を消し去ってくれる拡張機能です。残るのは、本当に読みたかったテキストと画像だけ。 さらに、夜遅くまでのリサーチ業務で目が疲れてしまう場合は、「Dark Reader」を併用するのがおすすめです。あらゆるWebサイトを強制的にダークモード化し
グーグル、「アカウント乗っ取り」防御を呼びかけ――今すぐChromeのこの設定を変更せよ | Forbes JAPAN 公式サイト（フォーブス ジャパン）
グーグルは、パスワードや多要素認証トークン、Cookie（クッキー）を盗み出そうとするハッカーの動きが激しくなる中、「アカウント乗っ取りへの防御」がますます難しくなっていると警告している。Google アカウントを失うこと自体が悪夢だが、事態はそれで終わらない可能性がある。その結果、ハッカーがグーグル以外のあらゆるサービスのあなたのアカウントにもアクセスできるようになってしまうかもしれないのだ。 複数のデバイス間でGoogle Chromeを同期しているのであれば、Chromeがどれほど多くのデータを収集し、あなたのGoogle アカウントに紐づけてグーグルのクラウド上に保存しているかを知れば、おそらく愕然とするだろう。それには、本来グーグルとは関係のない、個人的で注意の必要なデータも含まれている。そうしたデータは、ハッカーがあなたの認証情報の窃取に成功しさえすれば、すべて「取り放題」の状
これは便利！ ついにChromeでも分割表示がネイティブに、1つのタブ内を分割して2つのWebページを表示 -Split View
1つのタブ内に2つのWebページを分割表示したい、と思ったことはありませんか？ 現在はEdgeやZenなどの一部のブラウザのみが分割表示できますが、ついにChromeでも分割表示をネイティブにできるようになります。 1つのタブでマルチタスクを行えるようになり、2つのサイトを並べて表示するために新しくウインドウを開く必要はなりなります。ChatGPTを開きながら作業するときとかに便利ですね。 Chromeで分割表示を有効にする方法 Edgeで分割表示を有効にする方法 Chromeで分割表示を使ってみた Chromeで分割表示を有効にする方法 まだ正式にサポートされていない機能ですが、フラグから機能を有効にすると利用できます。 Chromeのアドレスバーに「chrome://flags/#side-by-side」を入力して、「Split View」を「Enabled（有効）」にするだけです。
Chromeの拡張機能ってAI使えば簡単に作れる説 - Qiita
「こんなChromeの拡張機能があったら便利なのにな～…」と、けっこう前からそう思ってはいたものの、私には拡張機能を自由自在に構築するほどの技術力がありませんでした。 ところが最近、ふと「AIを使えば簡単にできるのでは?」と思いつきました。 今回は、私が実際にAIを使って「Google検索結果からスポンサード広告 / 特定ドメインをブロックする拡張機能」を作った手順を紹介します。 制作時間はおそらく20分～30分程度。規約上、完成した拡張機能のコードをそのまま記事に貼り付けることはできませんが、やろうと思えば誰でも作れると思うので是非遊んでみてください。 1. 目標の整理 まずは作りたい機能をざっくり決めます。 今回の目標は以下の2つ。 Google検索結果内に表示されるスポンサード広告ブロック（#taw）を非表示にする 特定のドメインが検索結果に含まれていたら、そのブロックを丸ごと非表示
OpenAI、Webブラウザ発表へ Chromeに対抗
対話型生成AI（人工知能）「ChatGPT」を手掛ける米OpenAIが近くWebブラウザを発表すると、関係者3人が明らかにした。市場で支配的地位にあるAlphabet傘下Googleの「Chrome」に対抗する。 数週間以内に発表する予定で、AIを通じてWeb閲覧を根本的に変えることを目指しているという。Google成功の鍵となったユーザーデータに直接アクセスすることも可能になる。 関係者によると、新ブラウザは検索結果をクリックする形ではなく、ChatGPTのように利用者とやりとりするよう設計されている。OpenAIが提供するAIエージェント「オペレーター」などと統合すれば、ブラウザが利用者の代わりに予約やフォーム入力などのタスクも実行できるようになるという。 一方、週間で5億人に上るChatGPTのアクティブユーザーがOpenAIの新ブラウザを利用すれば、Googleの広告収入源に圧力と
「はてなのお知らせ」Chrome拡張機能 最新版リリースのお知らせ - はてなの告知
平素よりはてなをご利用いただきありがとうございます。 先日お知らせしておりました、「はてなのお知らせ」Chrome拡張機能サービスについて、本日最新バージョン（バージョン1.0.0）をリリースいたしました。 はてなのお知らせ chromewebstore.google.com 今回のリリースでは、以前のバージョンからの機能はそのままに、以下の対応を実施しました Chrome拡張機能プラットフォーム最新版「Manifest V3」に対応 パフォーマンス改善 ダークモード対応 デスクトップ通知のオン・オフをオプションから変更できるように 「はてなのお知らせ」拡張機能をすでにインストール済みの方は、Chrome ウェブストア 「はてなのお知らせ」にアクセスし「今すぐ有効にする」をクリックしてください。 引き続き、皆様に安心してご利用いただけるよう、機能改善やアップデートを継続してまいります。 今
DevTools の使い方を可能な限りスクショ付きで解説してみる
以下の公開計測会でやったものを個別に解説してみる。 細かいテクニックが多いのだが、それを可能な限りテキストとスクショで解説したい。使い方の解説が中心で、どういう意味があるかは解説しない。 Chrome131時点のスクリーンショットで、後で読む場合は頻繁にUIが変わっている点に注意。大事なのは意図。 宣伝: これを御社のサイトで解説する仕事をやっています。 デモのURL これに意味はなく、今日偶然見ていただけで意図はない。関係ないがエッジランナーズは最高のアニメ。 DevTools を開く F12 or 右クリックから「検証」 DevTools > Lighthouse この状態で計測 このとき、新しいプロファイルを作ったりして、可能な限り Chrome拡張が入ってない状態にすること。Chrome拡張による処理も計測に含まれてしまう。 Lighthouse レポートの読み方 点数部分にマウス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザのChromeにGeminiが統合、グーグルが「Gemini in Chrome」日本で提供開始
文章を読むスピードが最大2倍。「読書アシスト」無償公開
「Google Chrome」に3つの新機能が追加 ～PDFビューワーに注釈機能追加など／PDFビューワーから文書を「Google ドライブ」へ直接保存する機能も
「Gemini in Chrome」が強化 ～表示中の画像をAI加工、エージェントがブラウザ操作する「自動ブラウズ」、Googleアプリ連携など／米国で展開、サイドパネルも強化
「Google Chrome」で垂直タブを試せるように！ 使い勝手を探る／ベータ版で試験フラグを有効に【やじうまの杜】
「ChatGPT Atlas」を使ってみたら感動モノだった！ ～エージェント機能が賢すぎる、Chromeの牙城を崩す“新時代のブラウザー”となるか【柳谷智宣のAI ウォッチ！】
地味に注目したい「Gemini in Chrome」【Watch+】
URL共有に革命？「ChatGPT」× Chrome拡張「cocopy」は実用性・楽しさ無限大 - 窓の杜
