to.morrow 帳票出力プラグイン

使い方

見積書や納品書を出すために、kintone からCSVを書き出して Excel に貼り直していませんか。 このプラグインは、あらかじめ用意したPDFの用紙にレコードの値を流し込み、 レコード画面のボタンひとつで帳票として出力します。 テンプレートは最大3種類まで登録できるので、見積書・納品書・請求書を1つのアプリで使い分けられます。 v3では、手書きサインなどの画像データが入ったフィールドを配置すると、文字ではなく画像として帳票に出力されるようになりました。署名入りの受領書や作業報告書も、そのままPDFにできます。

1. 台紙になるPDFを用意する

   まず、罫線や見出しだけが入った「空の帳票」をPDFで用意します。

   Word や Excel で作ったものを「PDFとして保存」すれば十分です。

   値が入る部分（宛名、件名、金額など）は空欄のままにしておきます。

   そこにレコードの値を重ねる形になります。

2. テンプレートを登録する

   設定画面で「テンプレート名」を入力します（例：注文書、納品書）。

   次に「PDFソース」で台紙の取得元を指定します。

   添付ファイルとして持っているPDFを使う場合は、

   ・参照アプリID … PDFを保管しているアプリのID（例：123）

   ・レコード番号 … そのアプリの何番のレコードか（例：1）

   ・添付ファイルフィールドコード … 添付ファイルのフィールドコード（例：pdf_file）

   を入力して「📥 PDFを取得」を押します。

   台紙を別アプリで管理しておくと、用紙を差し替えたいときに

   プラグインの設定を触らずに済みます。

3. PDFの上にフィールドを配置する

   台紙が表示されたら、「フィールドを追加」から項目を選んで置いていきます。

   固定の文字を入れたい場合は「📝 固定テキスト」を使います。

   配置したボックスは、ドラッグで移動できます。細かく合わせたいときはキーボードが便利です。

   ・矢印キー … 1px 移動

   ・Shift + 矢印キー … 10px 移動

   ・複製のショートカット … 同じ設定のボックスをもう1つ作る

   各ボックスは「ボックス設定」で見た目を調整できます。

   ・文字サイズ（pt）／太さ／書体

   ・横配置

   ・前置テキスト（「￥」など）／後置テキスト（「円」など）

   ・行の高さ（pt）／最大表示行数 … サブテーブルを配置したときの表示行数

   フィールドの値が data:image/...;base64,... で始まる画像データ（手書きサインプラグインの署名フィールドなど）のときは、設定は不要で、自動的に画像として配置されます。文字として出力されることはありません。

   対応する画像形式はPNG／JPEG／GIF／WebPです（SVGは対象外です）。画像はボックスの枠に収まる大きさに縮小され、縦横の比は変わりません。横位置は「文字の配置」、縦位置は「縦の配置」の設定に従います。

   サブテーブルの中に画像データのフィールドを配置した場合も、行ごとの画像に対応します（作業員ごとの確認印など）。

   画像の読み込みに失敗した場合は、その枠が空になるだけで、帳票そのものは出力されます。設定画面の「レコードプレビュー」でも、実際の出力と同じ見え方になります。

4. レコード画面から出力する

   設定を保存すると、レコードの詳細画面に「📄 PDF出力」ボタンが表示されます。

   押すと、そのレコードの値が入った帳票が出力されます。

   テンプレートを複数登録している場合は、出力時にどれを使うか選べます。

5. 手書きサインの署名をそのまま帳票に載せる（手書きサインプラグインと組み合わせる）

   1. 手書きサインプラグインで、署名を文字列（複数行）フィールドに保存します。

   2. 帳票出力の設定で、台紙にその文字列（複数行）フィールドを配置します（添付ファイルフィールドは選択肢に出ません）。

   3. 枠の大きさを、署名の縦横比（横長）に近づけます。

   4. 「レコードプレビュー」で実際のデータを見ながら、位置を調整します。

   台紙に配置するのは、署名が入った文字列（複数行）フィールドです。手書きサインの控え（添付ファイル）は、あとからまとめて取り出すためのもので、台紙には配置できません。