Chrome拡張機能をmanifest v3で開発した簡易記録とハマりポイントの解消方法 - 雑多に技術メモと他色々
Chromeの拡張機能（プラグイン）を自作で作ってみたので、色々書く。 やってみたこと やった結果 動かせたの？ 開発した時の環境 ハマりポイントと解消方法の一覧 そもそも拡張機能を作るために必要な構成や作るべきファイルがわからない 開発成果物のそれぞれの役割がよくわからない 自作したChrome拡張機能の取り込み方法がわからない ツールを修正した時の取り込み方法がよくわからない service_workerが動作しない原因がわからず、デバッグもできない content_scriptsに指定したcssの参照先画像(URL)にアクセスできない 拡張機能アイコンクリック時の動作が定義しても動かない service_workerで外部jsが使えない 自作した拡張機能用HTMLでonclick属性が動作しない Local Storageから読み込んだ情報が想定外にObjectになった Javasc
Chrome拡張 つくりかた 令和最新版
数年ぶりにChrome拡張のつくりかたを調べた。 本当に何も分からなかったので、Twitterで「2022年にChrome拡張つくりたかったら何見て学べばいい？」とつぶやいてみたところ、何人かの人が教えてくれた。教えてもらった中から幾つかのリンク先を紹介するような形で記述していく。 Create a Vite-React Chrome Extension in 90 seconds - DEV Community 2022年時点だと比較的新しめのフロントエンド向けツールであるviteと、viteのChrome拡張向けプラグインである@crxjs/vite-pluginを使ってChrome拡張をつくってみよう、という記事。今回自分は主にこれを参考にしながら開発を進めた。Reactと言っているが、自分のChrome拡張ではUIは存在しなかったので、Reactに関する部分は読み飛ばして、vite
Chrome拡張機能 manifest.json Ver.3の書き方 - Qiita
はじめに 現在のChrome拡張機能のマニフェストのバージョンはV2とV3がありますが、こちら によると、 - 2022/1/17 でmanifest v2で新規公開はできなくなる - 2022/6でmanifest v2で非公開でも新規登録はできなくなる - 2023/1で例外を除き,既存のmanifestV2の機能は動かなくなる - 2023/6でmanifestV2は例外なく動かなくなる とのことなのでよっぽどの理由がない限りV3を今後は使うことになります。 V2で書かれた情報の記事はいっぱいあったのですが, V3の記事はあまりなかったので自分用メモも兼ねて整理しようと思います。 manifest.jsonの基本設定 manifest_version 拡張機能自体のバージョンではなく、マニフェストのバージョンです。 ここはとにかく 2 ではなく 3 にしておきましょう！
フォトショップ凄すぎ！継ぎ目のないパターンを作成するプラグイン Adobe Textile Designer の使い方完全ガイド
Photoshopをつかって継ぎ目のないパターンテクスチャを作成するのは、なかなか面倒な作業で、時間もかかってしまいます。この記事では、繰り返しパターンをラクラク作成できるPhotoshop向け拡張プラグイン Adobe Textile Designer のインストール方法から詳しい使い方、利用上の注意点までまとめてご紹介します。 コンテンツ目次 1. Adobe Textile Designer プラグインとは？ 2. 入手、インストール方法は？ 3. 詳しいプラグインの使い方 4. 編集したアートファイルの保存について 5. Photoshopを使うならフォトプランがおすすめ Adobe Textile Designer プラグインとは何？ Aodbe Textile Designer プラグインとは、継ぎ目のないパターンテクスチャを瞬時に作成できるAdobe謹製のフォトショップ拡張プ
Google Sheets for Adobe XD
WHAT’S IN THIS PLUGIN? The Google Sheets plugin for Adobe XD enables designers within XD to enrich their designs with real content and data from Google Sheets. This allows collaboration with other team members to create dynamic designs, right from XD. How To Install In XD, use the Plugin Manager to search for Google Sheets. Simply click Install to get stared! You can also download our plugin from
ブラウザ拡張の権限でどこまで悪いことをできるのか？とその対策【デモあり】 - Qiita
[2018/07/07 追記] 本記事ではChrome拡張について説明していますが、Firefox1やEdgeの拡張機能もほぼ同じ仕組みで動いています。 [2023/11/06 追記] #参考 ページを追加しました。 Chrome拡張。便利な機能を簡単に追加できるので使っている人も多いと思います。 ただ、インストール時の権限の注意書きが分かり難いので無条件に承認（追加）していることもあるのではないかと思われます。 そこで、本記事ではChrome拡張の権限の種類・確認方法の他、拡張がどこまで（悪いことを）できるのかとその対策を3段階の権限（危険性）レベルごとに紹介していきたいと思います。 便利だが危険性もあるChrome拡張 Chrome拡張をインストールすると、Webページを読むというブラウザ本来の機能だけでなく様々なことができるようになります。 例えば、Webメールの新着通知や記事などの
SessionBox - Multi login to any website
Using websites with multiple accounts at the same time is made easy. Create an independent tab with a click of a button. Use one browser with multiple active sessions per site. Log into multiple accounts on the same site simultaneously. No more need for secondary browsers, private sessions, let SessionBox handle these for you. Your sessions are securely synchronised between your devices by using y
Photoshopで1クリックの時代がきた！Webページ用のグリッドも簡単に作成できる便利すぎる無料の機能拡張 -Bootcomp 2.0
Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデザイン作業でも強力な機能を発揮します。 Web制作に携わるすべての人が、入れておいて損はない機能拡張です。 Bootcomp Bootcompの特徴 Bootcompのインストール Bootcompの使い方 Bootcompの特徴 先日当ブログで紹介したBootcompが昨日、CC2015.5にも対応してアップデートされました。1.0でも便利でしたが、2.0で更に便利になっています！ OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。
Mixmax for Google Chrome
The Sales Engagement Platform built for B2B revenue teams. Create powerful workflows to generate and close more revenue, from outbound to expansion. Mixmax empowers your entire revenue team to do more with less - in days, not months. BUILD MORE PIPELINE Streamline your daily activities to work smarter and get more done. Automatically have high-priority items added to your to-do list in real time.
Smart QrCode Generator - Chrome Web Store
Current page to Qrcode. This is great chrome extension for every smartphone user
Windows Media Player HTML5 Extension for Chrome - Interoperability Bridges and Labs Center
The Windows Media Player HTML5 Extension for Chrome is an extension that enables Chrome users to play H.264-encoded videos (aka MP4) on HTML5 pages by using the built-in capabilities found in Windows 7. Supported Platforms License A copy of the license agreement is available here (A copy of the file is also installed with the Add-on). Release Notes for Developers This Extension is based on a Chrom
AdobeのBracketsで拡張を書く話 | さにあらず
少し前に GitHub のAtomが β テストを開始しましたが、Windows ユーザなのでアプリを利用できなくて哀しい思いをしましたが、僕は元気です。 WebKit ベースのブラウザを GUI アプリケーションのシェルとして利用して UI の大部分を javascript や CoffeeScript で記述するというアーキテクチャのアプリケーションとしては、 Adobe のBracketsもあります。 こちらは Windows で動きますので、今回は現在のBracketsを使いつつどの程度のことが出来るのか確認する為に拡張を書いてリリースしてみました。 尚、Bracketsの拡張は公式レジストリが運用されており誰でも気軽に拡張をリリースできます。 brackets-jsbeautifierについて#僕が作った拡張は、ソースコードを保存時に自動フォーマットします。 様々なエディタで標準
WebMarker 1.5.0 のパッチ - hayajoのはてなブログ
なんか残念なぐらいに WebMarker が動かなかったのでちょっろっと改修して使っていたのですが、先人が改修していた記事をみつけました。 A patch for WebMarker 1.5.0_0 すばらしいです。（でもボクの改修もだいたい一緒だったんだょ。ホントだょ。） 併せてキーボードショートカット周りやオプション変更時の反映、flattrリンクの有効化あたりの細々としたところも改修したので、使っている方は試してみてください。 下記パッチ適用済みのパッケージはこちら（WebMarker-1.5.0_2.crx） Chromeの拡張機能画面からドラッグ＆ドロップでインストールしてください。 Enjoy!
Google Chromeの画面をクリック一つで共有·Dead Simple Screen Sharing MOONGIFT
Dead Simple Screen SharingはGoogle Chrome機能拡張とnode.jsを組み合わせた画面共有ソフトウェアです。 画面共有を行うソフトウェア、サービスは幾つかありますがよりシンプルにWebブラウザの画面を共有できるのがDead Simple Screen Sharingです。 インストールします。 クリックするとURLが出ますので、これを共有します。 別なPCから見た場合。画像として表示されます。 しばらく待つと画面が更新されます。 Dead Simple Screen SharingはGoogle Chrome機能拡張で提供されており、Webブラウザウィンドウのスクリーンショットを随時node.js製のサーバに送信します。それを別なブラウザで受信する仕組みです。表示が重たいのが難点ですが独自サーバであれば幾分解決するかも知れません。 Dead Simple
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
Keyboard Shortcuts Extension
Product Hunt Gems - Chrome Web Store
http://template-extension.org/
Fonts Ninja | Supercharge your font workflow
https://chrome.google.com/webstore/detail/lazarus-form-recovery/loljledaigphbcpfhfmgopdkppkifgno