#daiizメモ

Cosenseに夢中

SVG ScreenshotのビューワアプリをElectronで作っている

SVG形式でウェブページのスクリーンショットを撮るChrome拡張機能「SVG Screenshot」のデスクトップクライアントをElectronで作っている. いまはGitHubのプライベートリポジトリで管理しながら作っていて,もう少し動作が安定してきたら一般公開にする予定.

https://i.gyazo.com/309b4ceb97f84168a133bfc38e06cc22.gif


SVGファイルをダブルクリックするとアプリが起動して,ウェブページを撮ったものを閲覧できる.SVGなのでリンク部分をクリックすることができて,クリックすると普段使っているブラウザにウェブページが表示される.どこがリンクか忘れてしまった場合は左上のボタンを押すとハイライトしてくれる.まずはMacOS向けのデザインにしようと思い,PhotonKitというものを使った.簡単に画面デザインができてありがたい.

現時点での基本的な機能は拡張機能に搭載されている簡易ビューワと同じだが,今後,必要なものがあれば積極的に機能追加していきたい.

Chrome拡張機能「SVG Screenshot」の方はChromeウェブストアで配布していますので,どうぞご利用ください.