Feature / File 06

FW JS 管理側 公開側

帳票プレビュー

印刷や送信前にPDF帳票の内容を画面で確認します。

帳票プレビューは、請求書、見積書、申込書、報告書、証明書などを確定・送信・印刷する前に、PDFとしての見た目を画面上で確認する機能です。Roundtableでは「誰が確認するか」「どのタイミングで確定するか」「修正に戻れる範囲はどこまでか」を先にそろえると、発注者、実装者、AIに指示する人が同じ前提で帳票運用を設計できます。

PDF帳票を送信前にプレビューし、明細や宛名を確認する業務画面例

この機能でできること

保存済みデータからPDF帳票を生成し、画面内のプレビュー領域、ダイアログ、別タブなどで内容を確認できます。宛名、明細、金額、税額、日付、備考、ロゴ、押印欄、ページ番号のような印刷後に気づきやすい項目を、送信やダウンロードの前にチェックできます。

確定前に「見た目」と「内容」を同時に確認します。 帳票データの正しさだけでなく、PDFにしたときの改ページ、余白、長い文字、明細行の収まりまで確認対象にできます。

よくある利用場面

請求書を送信前に確認する 宛名、請求番号、明細、税額、振込先、支払期限をプレビューし、問題なければPDF送信やダウンロードへ進みます。
見積書や申込書の承認前チェックを行う 担当者が作成した帳票を上長が確認し、金額や条件に誤りがないかを見てから確定します。
公開側で利用者に控えを見せる 申込完了、予約完了、証明書発行などで、ログイン不要または会員向け画面からPDF内容を確認できます。

プロンプト例

対象帳票、表示タイミング、確認後の操作、修正に戻る導線、権限、公開側での扱いをまとめて伝えると、実装範囲を決めやすくなります。

プロンプト 請求管理に帳票プレビューを追加してください。請求書詳細画面からPDFプレビューを開き、宛名、明細、税額、振込先、備考を確認できるようにします。プレビュー画面には「編集に戻る」「PDFダウンロード」「メール送信」の操作を置き、送信前は必ずプレビューを経由してください。管理者と経理担当だけが実行でき、公開側の顧客控えページでも同じPDFを閲覧できるようにしてください。

この機能を使うときのポイント

確認タイミング保存直後、承認前、メール送信前、印刷前など、どの操作の前にプレビューを必須にするかを決めます。
修正に戻る導線プレビューで誤りを見つけたとき、編集画面、明細入力、顧客情報、設定のどこへ戻るかを用意します。
PDFの正本都度生成でよいのか、確定時点のPDFを保存して後から同じ内容を再表示するのかを分けます。
公開範囲公開側でも見せる場合は、URL、ログイン、トークン、有効期限、閲覧対象レコードの確認方法を決めます。

この機能を実装するときのコツ

帳票プレビューは、PDF生成処理、画面表示、確定・送信処理を分けると保守しやすくなります。プレビューは一時生成、確定後は保存済みPDFを正本にするなど、状態ごとの扱いを明確にします。FBPでは帳票生成の標準処理やファイル応答を使い、管理側ではダイアログや別タブ、公開側では安全なURLや閲覧権限を確認して表示します。画面側では内蔵JavaScriptの表示制御を使い、PDF読み込み中、生成エラー、再生成、送信後の再表示まで状態を用意すると、実運用で迷いにくくなります。