これは何?
はじめてBrowserのExtensionsを作ってみたのですが,想像よりも敷居が低くJSの勉強になりそうだったので布教します。
Browser Extensionsに関する個人的な誤解
- ブラウザの仕組みとかよくわかってないので難しそう→manifest.jsonを書いて普通にWebアプリを作るだけ
- Google ChromeとFirefoxの両対応大変そう→manifest.jsonの構文的には変わらないのでそのまま流用できるケースもありそう。
作ったもの
md_converter: 以下のようなNOTE記法をブラウザのExtensionsで変換して,変換後のものをclipboardにコピペできるようにしました。
正規表現を使って置換しているだけで技術的に難しいことはしていません。
# GitHub
> [!NOTE]
> this is note
> hi
# Qiita
:::note info
this is note
hi
:::
# Zenn
:::message
this is note
hi
:::
Browser Extension開発の良いと思うところ
- サーバ台がかからない
- すぐに動くものが作れる
- ストアに公開とかしても楽しそう
今後の活動
- せっかくなのでVueとかReactとかで書き直してみたい。
- もう少しBrowserに干渉するようなものを作れたら楽しそう。↓これとか参考になりそう