Hatena Blog Tags
はてなブログ トップ
Chrome Extension
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Chrome Extension

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
iimon TECH BLOG•3ヶ月前

Chrome拡張機能開発で意識したいセキュリティ対策（Manifest V3）

はじめに 前提: Content ScriptとService Workerの違い 公式ドキュメントに基づくセキュリティ対策 Content Scriptの信頼性が低い理由 1. Content ScriptがアクセスするDOMの信頼性が低い 2. Webページと同じレンダラプロセスで実行される 対策 1. Content Scriptからのメッセージは検証しサニタイズする 脆弱な実装例 安全な実装例 補足: 外部との通信（externally_connectable） 2. Content Scriptから実行可能なアクションの範囲を制限する 脆弱な実装例 安全な実装例 3. 機密情報はCo…

#Chrome Extension#JavaScript#Manifest v3#Security

ネットで話題

もっと見る
632ブックマークスピードアップに効く！Google Chrome Extension 厳選14本＋1 | シゴタノ！少し出遅れの感がありますが、2週間ほど実際に使い続けてみて「これなら仕事に役に立つかな」と思えたChrome Extensionをご紹介。いずれも「むしろ仕事の邪魔になるかも」あるいは「意味ないかも」と思えたものは自分でも無効化もしくはアンインストールしたので、「ちょっと便利」程度のものは入っていません。 また、...cyblog.jp
380ブックマークはてなブックマークのChrome Extensionを外した — どこか遠くでのんびり怠惰に暮らしたいmisc.mat2uken.net
319ブックマーク「Chrome Office Viewer」が熱い！ブラウザ内でパワポ、エクセル、ワードが直接閲覧できるGoogle Chrome Extension | ゴリミーgori.me
297ブックマークChrome ExtensionのLive HTTP Headersの調査(CoolBar.Pro導入 Extensionが何を行うかの調査)gist.github.com
279ブックマークアニメの名言を簡単に引用できるChrome extension『Kotoha』作りました - Konifar's WIPkonifar.hatenablog.com
240ブックマーク食べログのレビュー点数を正規化する Chrome ExtensionLink: 食べログのレビュー点数を正規化する Chrome Extension Tabelog is well known for its score system very crowded between 3.1 and 3.5. Most restaurants over 4 stars (or even 3.5) are exceptionally great, while those around 3.0 are not as good.“食べログ 3.4 以上” とかいうフレーズに代表されるように...miyagawa.co
156ブックマークGoogle chrome extension(拡張機能)を開発してみた | スマートネットワーク 開発ブログGoogle chromeの拡張機能について書かれた記事をよく見かけます。「Google chromeの拡張機能は開発がとてもカンタン！」ということが書かれていたので、それならちょっと作ってみようと思いました。 Google chromeのベータ版をダウンロード 以下のURLよりGoogle chromeのベータ版をダウンロードします。 Google Chrome（...blog.smartnetwork.co.jp
134ブックマークはじめてのChrome extensionwww.slideshare.net
124ブックマーク緊急地震速報をデスクトップへ通知するChrome拡張「緊急地震速報 by Extension」forest.watch.impress.co.jp

関連ブログ

サーバーワークスエンジニアブログ•4ヶ月前

AI-DLCでChrome拡張機能を爆速開発！

AI-DLCでChrome拡張機能を爆速開発 こんにちは、サーバーワークスで生成AIの活用推進を担当している針生です。 前回のブログでは、AI-DLC（AI駆動開発ライフサイクル）のクイックスタート方法を公開しました。 今回は実際にアプリケーションを開発した過程を公開したいと思います。 「ChatGPT、Gemini、Claudeに同時に質問を投げたい」 普段の仕事では検証の意味も含めて、この3つのAIチャットツールのWebサービスに対して同じ質問をして、回答を比較する事が多いのですが、毎回それぞれのサービスにアクセスし、同じ質問をコピペするのが面倒でした。 そこで、1回の入力で3つのWebサ…

#AI-DLC#Chrome Extension
CARTA TECH BLOG•5ヶ月前

ブラウザ拡張機能で MCP Server と会話する — Native Messaging と Vercel AI SDK を活用した MCP Client 実装

本記事は Model Context Protocol(MCP) Advent Calendar 2025 の 19日目の記事 & CARTA アドベントカレンダー2025 の18日目の記事です。 まず始めに3行まとめ この記事では、ブラウザ拡張機能と Native Messaging を組み合わせることで、ブラウザの制約を超えて MCP Server と対話するアーキテクチャを紹介します。 ユーザー体験の向上: webRequest で認証情報をキャプチャすることで、ユーザーは普段通り Web サイトにログインするだけで AI サービスが利用可能に。 ブラウザの制約突破: Native Me…

#MCP#Chrome Extension#Advent Calendar 2025
ミツカリ技術ブログ•5ヶ月前

Automaによる自動化 - CSVを使った大量データ登録

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 みなさんはWebページを操作していて、こんなことを思ったことはありませんか？ 「繰り返しが面倒だ。大量のデータを登録するのが大変だ。」 Webに限りませんが、こう言う問題は一般的によくあるため、これを解決する技術・領域としてRPA(Robotic Process Automation)というものがあります。 今回はそのRPAツールであるAutomaを使って、大量の操作を自動化するテクニックを共有したいと思います。 Automaとは AutomaはChromeの拡張です。 https://chromewebstore.…

#Automa#RPA#Chrome Extension
MANA-DOT•10ヶ月前

ブラウザ履歴をブックマークに無期限保存するchrome拡張機能｢Eternal-History｣をストア公開しました

Claude Codeのお陰で積ん趣味プロが一週間で片付いた - MANA-DOT でも紹介したChrome拡張機能をストア公開したので紹介します。 Eternal History on bookmarks - Chrome ウェブストア このChrome拡張機能は Chromeの90日しか保持できない履歴を永続化 し、検索で使いやすくする拡張機能です。以下のような特徴があります。 Chromeのhistory APIをもちいて、 すべての履歴をブックマークに保持 する 通常、Chromeの履歴は90日で消えてしまいますが、ブックマークに保存することで永続化します 新しいタブを置き換え、スクリ…

#プログラミング#Chrome Extension
ゆるりと•1年前

またねMUI、ようこそshadcn/ui

noteに最近のSnack Timeのアップデートについて書いたんですが、そこで脱MUIをしたことについて書きました。 note.com 今回は、MUIを導入していた経緯から脱MUIに至る理由、そして脱MUIでの具体的な作業について紹介します。 TL;DR MUIを導入した経緯 MUIを使っていて出てきた課題 またねMUI、ようこそshadcn/ui Shadow DOMでTailwind CSSを使う リリース後 さいごに TL;DR 当時、Reactで書く場合にMUIを使った方が個人的には早かったので導入した 以下の理由でやめたい気持ちがでてきた MUIがボトルネックでアップデートできない…

#Chrome Extension#Chrome拡張#CRXJS
freee Developers Hub•2年前

社内向けのChrome拡張機能を作ってみんなの生産性を上げた話

こんにちは、freee会計のエンジニアをしている 7kz です。 freee Developers Advent Calendar 2023 の8日目の記事です。 この記事は？ 私は、社内向けに便利なChrome拡張機能を作っています。 Chrome拡張機能を作ることになったきっかけと、自分がどんなものを作ってきたかについて紹介します。 拡張機能を作ることになったきっかけ Chrome拡張機能では、公開範囲を「非公開」とすることで、特定のGoogleグループのメンバーのみに機能を公開することが可能です。 その為、気軽に拡張機能を作ることが出来ます。 freeeには、以前QAエンジニアのMさんと…

#Advent Calendar 2023#Chrome Extension#カルチャー#ピックアップ
ほりひログ•3年前

Visual Studio CodeでChrome Extensionをデバッグする

俺的 Chrome Extension ブーム。 まだChrome Extensionが自分の中で熱いうちにもう一つ作って公開してみた。 といっても、新しいアイデアが思いついた訳ではなく、昔Userscriptとして作った以下二つの機能をがっちゃんこ（）して、一つのChrome Extensionに焼きなおしたもの。 uncaughtexception.hatenablog.com uncaughtexception.hatenablog.com 個人的には、Faviconを変えたり点滅させたりするのがお気に入りだけど、公開後の反応を見る限り、デスクトップ通知の方が人気の様子。 ただ、User…

#デバッグ
ブラウザ拡張開発日記•3年前

ブラウザ拡張機能を作る際に利用している外部サービス 3 つ

Sentry - エラー収集 https://sentry.io/ 言わずとしれたエラー収集サービス。アラートを Slack に流してる。 💡エラーに個人情報が混じってる場合は適切にマスクした上で送信すること。 無料プランだと Slack 連携が使えないので Sentry の Webhook → Vercel に立てているリクエスト中継アプリ → Slack の Incoming Webhook みたいな感じで Sentry の Webhook を Slack までリレーしている。 Vercel のリクエスト変換アプリのコードはこんな感じ。(クリックで展開) const { IncomingW…

#Chrome Extension#ブラウザ拡張#ブラウザ拡張機能#Chrome拡張#Chrome拡張機能