📮

年賀状の宛名をサクッと作るためのツールを公開しました

2022/12/28に公開

年の瀬ですね。年賀状の宛名面をブラウザ上で手軽に作成するためのツールを公開しました。

スクリーンショット

https://inaniwaudon.github.io/nenga-atena/

特徴

CSV の住所録を読み込むか、GUI 上で表を編集して住所録を入力するだけで、連続する宛名面から構成される PDF ファイルを簡便に生成します。テキストの座標やフォントサイズ等のスタイルに関しても調整することが可能です。

入力した住所録は端末の LocalStorage に保存されるため、第三者に共有されることはなく、セキュリティ的にも安心です。CSV 形式として出力すれば、住所録を来年以降にも使い回すことが出来ます。
また、不正な住所の検知や、郵便番号から住所の自動入力といった、簡易的な入力支援機能を備えています。

ツールを操作して、CSV ファイルを読み込み、PDF ファイルを出力する動画

実装

MIT ライセンスの下に、GitHub 上にソースコードを公開しています。

https://github.com/inaniwaudon/nenga-atena

現時点では宛名の組版結果は画像として保持しています[1]。文字の描画には OpenType.js を使用してフォントファイルから直接グリフ情報を取得することで、縦書きへの対応を行っています。
PDF ファイルはそれらの画像を貼り付ける形で生成されています。PDF 生成に際しては、pdf-lib をクライアントサイドで実行しています。

脚注
  1. 将来的には、フォントを埋め込む形で(文字としての)PDF ファイルを生成できるように改良予定です。 ↩︎

Discussion