PDFサインボード

PDFサインボード

PDFサインボード 機能概要

1. 概要 kintoneアプリに添付されたPDFファイルに対し、ブラウザ上で直接「手書きメモ」「レコード内の文字列」「画像」を追記・合成し、新しいPDFファイルとして保存するプラグインです。 タブレットやPCを使って、現場での報告書作成や承認サイン、図面への注釈入れなどをkintoneだけで完結させることができます。

2. 主な機能 ① PDFプレビュー＆手書き書き込み レコードに添付されたPDFをポップアップ画面で大きく表示します。 マウスやタッチ操作によるフリーハンドの書き込みが可能です。 ペン設定: 線の太さ（4段階）、色（黒・赤・青）を変更できます。 ズーム機能: 拡大・縮小・全画面表示に対応し、細かい書き込みもスムーズです。

② マルチページ対応（New!） 複数ページのPDFファイルに対応しました。 「前へ」「次へ」ボタンでページを切り替えながら、各ページごとに個別の書き込みや画像の配置を行えます。 保存時には全ページの内容が統合されて出力されます。

③ ステンシル（差し込み）機能 レコードに入力されているデータを、スタンプのようにPDF上にドラッグ＆ドロップで配置できます。 文字列ステンシル: レコード内の「文字列（1行・複数行）」フィールドの値を配置できます。配置後に幅の調整が可能です。 画像ステンシル: レコード内の「添付ファイル」フィールドにある画像を配置できます。配置後にサイズ変更（縦横比維持）が可能です。 配置管理: 各ステンシルは配置されたページ番号を記憶し、ページを移動しても正しい位置に表示されます。

④ 保存と出力 編集内容は「保存」ボタンを押すことで確定されます。 手書き文字とステンシルを元のPDFに合成（ラスタライズ）し、設定画面で指定した「出力用添付ファイルフィールド」に自動的に保存します。 元のPDFファイルはそのまま残るため、何度でもやり直しが可能です。

1. 利用シーン想定 点検・報告業務: 現場で図面PDFを開き、該当箇所に印をつけ、現場写真を貼り付けて報告書を作成する。 承認・回覧: 申請書PDFに、担当者がタブレットで手書きサインや承認印（画像）を押して次のプロセスへ回す。 帳票作成: 定型のPDF枠に対し、kintoneに入力した顧客名や日付をステンシルとして配置し、完成原稿を作る。

2. 設定・仕様 複数セット対応: 1つのアプリ内で最大3つの異なる設定（ボタン配置場所、入出力フィールドの組み合わせ）を保存できます。 動作環境: PCおよびタブレット（iPad等）のブラウザ。 技術仕様: pdf.js (表示用) および pdf-lib (生成・合成用) ライブラリを使用。 操作のヒント ペンの消去: 「ページ内全消去」ボタンで、現在開いているページの手書きと未確定のステンシルをリセットできます。 ステンシルの移動: 配置した文字列や画像は、保存前であれば自由にドラッグして位置を微調整できます。