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
脆弱性のあるJavaScriptライブラリを検出するRetire.jsを紹介 - Qiita
「Webには時代遅れで脆弱性のあるJavaScirptライブラリで溢れていることが研究により明らかに」という記事のとおり、世の中には脆弱性のあるJavaScriptライブラリを使った多くのウェブサイトが存在します。 IPAが公開している「安全なウェブサイトの作り方」には脆弱性が修正されたバージョンのライブラリを使用する。と記述があったり、「OWASP TOP10 2017 (日本語版)」にも既知の脆弱性のあるコンポーネントの使用を避けるように、と脆弱性のあるライブラリを使用しないよう注意喚起されています。 脆弱性のあるライブラリを使用しているか調べることができるRetire.jsを紹介します。 すべての脆弱性を防げる保証は無いので、あくまで自己責任でお使いください。 Retire.jsとは Retire.jsは上の画像のようにCLIなどで実行することができる脆弱性のあるJSライブラリを検出
Chrome Dev ToolsでJavaScript/TypeScriptデバッグ ~さようならconsole.log~ - Qiita
Chrome Dev ToolsでJavaScript/TypeScriptデバッグ ~さようならconsole.log~JavaScriptdebugchrome-extensionChromeDevTool はじめに 業務でJavascript/TypeScriptを用いて開発をしていて、 毎日のようにデバッグするのですが そんな中でChrome Dev Tools(DevTools)を使用したお気に入りのデバッグ方法があり、まとめてみました。 以前React Dev ToolsでのReactのデバッグ方法も紹介していますので、興味があれば読んでください。 React Developer Toolsのすすめ 既にご存知の方には当たり前の方法で 記事にするほどのことでもない！と思われるかと思いますが、 知らなかった方が効率よくデバッグできるようになれば幸いです。 対象読者 Javascr
Chrome Extension を作って公開する - Qiita
Getting Started: Building a Chrome Extension - Google Chrome を見ながら作った. 流れ manifest と ポップアップ時の html を作ってアイコン作って Chrome ストアに上げる. どういうものを作るか あとで読む Extension アイコンを押すと, 現在見ているページが trello のあとで読むリストに追加される. を作りたかったが, 想定した時間ではできなかったので, とりあえずリンクを Markdown 形式とかで表示する Extension を作った. ベースを作る Extension 管理用ディレクトリを作る.
WebAssemblyでゴリゴリ閲覧履歴とかを検索するChrome Extensionを作ってみつつ、WebAssemblyの現状報告もしてみる - Qiita
こんにちは、kamyknです。 今回はWebAssemblyの力を試してみたかったので、履歴、ブックマーク、タブ検索ができるChrome Extensionを作ってみました。今回は記事中コードはほぼ出てきませんが、開発の際に得たWebAssemblyの知見などをメインに書いていってみたいと思います。 なお、今回作成したChrome Extensionの特徴は下記のような感じです。 技術的な概要 検索ロジック部分はfzf風に作っていてWebAssemblyによるものです。 (まだ自分用の段階ですが、WebAssemblyをnpm package化したりしてます) 処理はWebWorkerで別スレッドに逃がしています 表示部分などの実装はJS、特にVue.jsによるものです 検索対象のデータはすべてChromeのAPIで提供されるデータを利用します これらについては記事内で順に説明していきたい
日本語の読み上げをするChrome拡張機能を作ってみた - Qiita
. 同内容で画面キャプチャ付きの記事はこちらにあります。 . 長ったらしい業務メールや、読んでおきたいけど分量に及び腰になっちゃうBlog記事を、読み上げてもらって文章を眺めながら聞くというやり方で、集中力が低下している時にもとりあえず処理できるようにして生産性を上げたい（上がる？）。 ちょっとググるとなかなか良いサービスがある。 http://imtranslator.net/translate-and-speak/speak/japanese/ 読み上げも我慢して使えるレベル。一昔前と比べるとかなり良くなった 読み上げのスピードを選べるところがGood ちんたら読まれたらイラつくからね フォームにテキストをコピーして[Speak Japanese]をクリックすると、音声ファイルが生成されて画面上で再生可能となる ちょっと面倒臭い （無料では）文字数制限がある。自動的に可能な範囲で良い上
ishideoのブックマーク / 2008年12月24日 - はてなブックマーク
Netflix ha transformado la forma en que consumimos entretenimiento, y su vasto catálogo incluye una impresionante colección de películas románticas que van desde clásicos atemporales hasta nuevas producciones originales. La externalización logística, también conocida como outsourcing logístico, se ha convertido en una estrategia clave para muchas empresas que buscan optimizar sus operaciones y cen
AutoPagerizeのFirefox拡張をJetpack SDKで書き直した - SWDYH
Jetpack SDKが0.8になってpage-mod API(content script)がついたので、それを使ってAutPagerizeのFirefox拡張をつくり直しました。 前に作っていたFirefox拡張とは別の拡張になるので(Jetpackの制約のため)、以前のFirefox拡張を使っている場合は、それをアンインストールしてからこちらをインストールしてください。 インストール https://relucks-org.appspot.com/autopagerize/autopagerize.xpi ソースコード http://github.com/swdyh/autopagerize_for_firefox page-mod APIはけっこういい感じにできていて、JetpackのAPIが使えるmain.jsとcontent scriptの間をpostMessageでやりとりで
MozReplをいじってみたよ // 簡単なチュートリアル - hibomaの日記
いまいち分かってないんだけど、Perlのperlsh,Pythonの対話型シェル,Rubyのirbのような使い方ができるみたいですね。Firefoxも出力にできるJavascriptシェルといった感じでしょうか。Firefoxの内部で行われているJavascriptの処理を覗き見れるシェル型のインターフェース かな。Replというオブジェクトがシェルみたいな役割を果たしていて、repl.method()という感じでメソッドを呼び出して対話型の操作ができる。任意のJavascrptコードを打ち込むことができます。Replオブジェクト自身もJavascriptのようなので、Replを書き換えることも可能みたい。 初めの一歩 #()をつけると関数の実行 repl>repl.home() [object ChromeWindow] #()をつけないとオブジェクトの中身が見れる repl> repl
MozLab | hyperstruct
MozRepl and MozUnit (formerly bundled as MozLab) will hopefully make your experience of developing AJAX and Mozilla applications suck less. They're packaged as extensions for Firefox/Thunderbird/XULRunner and released as open source. Have a look at the videos for some of the cool things you can do with them. MozRepl Connect to Firefox and other Mozilla apps, explore and modify them from the insid
FireUnit
Netflix ha transformado la forma en que consumimos entretenimiento, y su vasto catálogo incluye una impresionante colección de películas románticas que van desde clásicos atemporales hasta nuevas producciones originales. La externalización logística, también conocida como outsourcing logístico, se ha convertido en una estrategia clave para muchas empresas que buscan optimizar sus operaciones y cen
Firefox拡張機能(extension)の作り方 — ありえるえりあ
Firefox拡張機能(extension)の作り方 Firefox拡張機能(extension)の作り方を説明します。 Firefox 拡張機能とは Firefox add-onの一種です。 add-onは次のように分類できます。 plugin ...実体はexeやdll。C++で作成。素人にはお勧めしません 検索バー ...実体はXMLの設定ファイルのみ。見れば分かるので説明はしません スペルチェッカ ...日本語には無縁なので未調査(たぶんファイルを作るだけ) 拡張機能 ...実体はXML、JavaScriptとCSS。必要なら、C++で書くXPCOM。これから説明します テーマ ...拡張機能のサブセット。CSSのみの場合をテーマと呼びます
Console :: Firefox Add-ons
As of Firefox 1.5, the JavaScript Console is used not only for JavaScript errors, but for CSS errors as well. This extension takes this into account by providing a simple possibility to display errors by type. Console² let's you display errors filtered by type (Errors, Warnings, Messages), language (JavaScript, CSS, XML) and context (Chrome, Content). Furthermore it provides a simple search box (a
CodeRepos::Share – Trac
chiba: DOMContentLoadedとTabSelectのどちらのイベントでも同様に現在開いている タブのURLを元に判断するように修正しました。 …
vimperator plugin の autoIgnoreKey.js の改良 - hogehoge @teramako
マッチするページの場合、自動的にvimperatorのkeyをオフにする autoIgnoreKey プラグイン ページをロードした時と選択した時vimperatorのキーをオフに出来るのは良いけど、逆にオフになった状態から別のタブを選択したときオフのまんまなんだよね、と今更気付いた。 ということで、リストにないURLだった場合にはオンになるように改良。そして、名前も変更。 HOME/vimperator/plugin/autoSwitchKey.js /** * Auto switch vimperator key navigation * @author teramako teramako@gmail.com * @version 0.3 */ (function(){ /* * String or RegExp * e.g) * * /^https?:\/\/mail\.google
URL っぽい文字列にリンク当てる vimperator plugin - nothing but trouble
URL っぽいのにリンク貼られてない場合、開くのが面倒だなと感じてきたので作った。 こういうのは GM とかの方が良いかなあとか思ったけど、重そうなので vimperator plugin で。 http://coderepos.org/share/browser/lang/javascript/vimperator-plugins/trunk/appendAnchor.js :anc で、その buffer の url っぽい文字列にリンク当てる。 liberator.buffer.evaluateXPath() とか Range.surroundContents() 初めて使ったけど便利。 xpath や URL 判別の正規表現はちょっと適当。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - HASH1da1/Gotanda: Gotanda is browser Web Extension for OSINT.
GitHub - mitchmoser/sputnik: Open Source Intelligence Browser Extension
GitHub - dutiyesh/chrome-extension-cli: 🚀 The CLI for your next Chrome Extension
GitHub - D09r/Malware-Scanner: Malware & URL Scanner - A Chrome extension to lookup a Potentially Malicious Websites.
