Help us understand the problem. What is going on with this article?

任意のスニペットを実行するChrome Extensionを作りました

More than 1 year has passed since last update.

run-snippets

任意のスニペットを実行するChrome Extensionです。
v0.3.0からContent Scriptsによる自動実行も対応しています。
ただし、実行するスニペットは自身の手で書き、ビルド、パッケージを読み込む必要があります。
即座に使える拡張機能ではなく、スニペットをまとめるのに役立つboilerplateという感じです。
Firefoxでも同様に使用可能です。

デモ

screenshot

run-snippets

作ったきっかけ

  • ブックマークレットを作成&修正するのはだるい
  • Chromeのスニペット機能を使おうにもjQueryとかを呼べるようにするのはだるい
  • 簡単にnpm packagesを利用したい

利点

  • npm packagesが利用できる
  • スニペットをコード管理できる
  • スニペットを実行可能なドメインを指定できる(github.com以外では実行不可など)
  • チームでスニペットを共有する使い方もできそう(->実際にチームで利用し始めた)

更新履歴

使っていて不便なところは機能追加していってます。
詳しくはここを参照してください。

感想

  • chrome.tab.executeScriptは最後に評価された式の結果を返すため、Promiseの結果を評価することはできない。そのため、chrome.runtime.sendMessageを使うように:blush:
  • Chrome Extensionは初作成だったんですが、Firefoxでもほぼコード変更なしで使えたので便利!!
  • Firefoxはxpiファイルを署名しないと拡張機能として使えないですが、署名してない状態で読み込もうとすると、この拡張は壊れていますとしか言わなくて凶悪:imp:
  • 最近、Vue.jsbulmaの組み合わせを選ぶことが多いなー(´-`).。oO
re-fort
多部未華子をスカウトした人は本当に才能があると思う
https://re-fort.net/
freee
スモールビジネスのバックオフィス業務をテクノロジーで自動化し、日本のスモールビジネスを元気にする
http://www.freee.co.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away