ブラウザ内で完全に動作するPDFエディタの構築は、Web開発者にとって一般的な課題です。この記事では、3つのライブラリスタックを紹介します。PDF.jsでレンダリング、pdf-libでプログラムによる操作（ページ番号の追加など）、Canvasで自由な注釈（矢印など）を行います。重要なのは、すべての処理がクライアント側で行われるため、サーバーへのファイルアップロードが不要で、プライバシー重視のアプリケーションに最適です。著者は、ユーザーが登録なしで、データがデバイスから出ることなくPDFを編集できる実用的な例を示しています。このアーキテクチャは、厳格なデータ居住要件を持つエンタープライズ向けSaaS製品に特に価値があります。パフォーマンスの考慮事項やフォント埋め込みなどの潜在的な落とし穴についても議論されています。
PDF.js、pdf-lib、Canvasを組み合わせて、サーバーレスで注釈付きPDFエディタを実現。