Pastalablog in はてな

時代はブログ! 日記もあるよ→http://pastak-diary.hatenadiary.com

画像のURLを保存してMarkdownとかHTMLとかにしてクリップボードに投げてくれるChrome拡張を書いた

タイトル通りのことが出来るChrome拡張を書いた。

この前、私立プログラミングキャンプっていうハッカソンがあって、その場で書き始めたやつがそれなりに動くようになったので公開することにしました。

オープンソースです。

Chrome Web Storeにも載せた

zoiとかLGTMとかいちいちサイトに行ったりしてコピペしてくるの面倒だったから、画像のURLを覚えててくれるやつを作ったという感じ。

使い方

URLを保存しておきたい画像の上でコンテキストメニューを開くと「Save To Basket」というメニューがあるのでそれをクリックすると、タイトル入力用のpromptが開くので適当に入力すると保存されるという仕組みです。

chrome.storage.syncというAPIを使ってるので、Googleアカウントで紐付いてるChromeで画像の情報が共有できるっぽいです。

f:id:Pasta-K:20140826013114p:plain

で、画像を利用したい時は右上のpopupアイコンをクリックすると画像の一覧が出てくるので、それを2回クリックするとクリップボードに保存されます。

f:id:Pasta-K:20140826013121p:plain

f:id:Pasta-K:20140826013124p:plain

保存形式は以下の3つから選べます

  • Markdown
  • HTML
  • URLのみ

良かったら使ってください。

Image Basket - Chrome Web Store

今後のTODO

  • 画像の削除
  • optionページでカスタム形式を選べるようにする
  • github.comとかidobata.ioとかhipchat.comとかはデフォルトでURLなりMarkdownでコピーされるようにする
  • 画像選択のUIをなんとかしたい
  • アイコンがダサい

よろしくお願いします