2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

MarkdownのQiita,Zenn,GitHubの独自記法を変換するブラウザExtensionsを作ってみた

Posted at

これは何?

はじめて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
:::

Screenshot from 2024-11-08 10-22-10.png

Browser Extension開発の良いと思うところ

  • サーバ台がかからない
  • すぐに動くものが作れる
  • ストアに公開とかしても楽しそう

今後の活動

  • せっかくなのでVueとかReactとかで書き直してみたい。
  • もう少しBrowserに干渉するようなものを作れたら楽しそう。↓これとか参考になりそう

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?