pdfをgyazoに簡単に変換できるpdf2gyazoを作った

pdf2gyazo

pdf2gyazo.azurewebsites.net


概要

  • PDFのスクショ画像をGyazoのリンクとして取得することが出来ます。
  • 他のWebサービスと違い、ローカルのJSのみで画像を生成しておりサーバーにPDFを保存しません。
  • ブラウザに紐付いているGyazoアカウントに画像が保存されます。

作った経緯

imagemagickを使ってコマンドでpdfを画像にしてGyazoにアップロードして使用してました。
WindowsでImagemagickを使ってローカルのコマンドラインでpdfから画像を作る方法 - matablo
しかし、めんどくさくなり、Webで出来るようにしたいと思い実装しました。
また、PDFをサーバーに送信して変換したくなかったので、JSでの変換にこだわりました。

使ったライブラリ

pdfjs

Firefoxに採用されているらしいPDFのレンダリングシステム
GitHub - mozilla/pdf.js: PDF Reader in JavaScript

node上でcanvasを使うサンプルをベースに作成しました
pdf.js/examples/node/pdf2png at master · mozilla/pdf.js · GitHub

drag-drop

npmで見つけたドラッグアンドドロップに対応しているライブラリ
drag-drop

ソースコード

github.com