読者です 読者をやめる 読者になる 読者になる

#daiizメモ

フレンチフライ トリュフ塩仕立て

技術ネタはてブ数が多いごはん情報

スポンサーリンク

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

Electron tech

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

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


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

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

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