※ この記事では技術観点での話になります。使い方を見たい方は下記の動画をご覧ください。

https://youtu.be/sAablxI0ATg

https://www.youtube.com/watch?v=sAablxI0ATg


Fast Notion Chrome Extension という Chrome 拡張機能を作ってリリースしてみた。Google Chrome のメニューバーから Notion 上に素早くメモを送信できるというシンプルなアプリケーションになっている。今見たら50人以上の方がダウンロードしてくれている(ありがとうございます)

Fast Notion Chrome Extension のスクリーンショット | ポップアップ内に表示されたフォーム

Fast Notion Chrome Extension のスクリーンショット | ポップアップ内に表示されたフォーム


メニューバーからアプリケーションを起動し、ポップアップ内に表示されるフォームから Notion にメモを送信できるというもの。ポップアップ内に表示されている部分が Vue.js で構築したアプリケーションとなっており、ポップアップを表示するとアプリケーションが起動される。

ポップアップ内に表示されたフォーム | ポップアップ内に表示されたフォーム

ポップアップ内に表示されたフォーム | ポップアップ内に表示されたフォーム

技術選定

Chrome 拡張でアプリケーションを作ってリリースするという経験はしたことなかったので、フロントエンド部分は自分の得意な技術で作ることにした。フロントエンドのフレームワーク周りは Vite + Vue.js を選定。

(余談だが、個人開発するときは、知らない技術は限りなく少なくした方が良いと思っている。技術習得とアプリケーションのリリースの2つを両立させようと思うと目的がブレて一生リリースできなくなりがち)