レポトンとgusuku Customineを使って帳票に承認者や担当者の印影を挿入してみよう！

mika shiraki

7年前

見積書を作成した際に承認印や担当印を押した状態で取引先に送りたい、と思ったことはありませんか？ノーコードでkintone のカスタマイズができるgusukuCustomineに、帳票出力ができるレポトンとの連携機能が新しく追加されました。この２つの製品を使えば、承認印を押した帳票を作成することが可能です！今回は帳票に印影を挿入する便利な方法をご紹介します。

gusuku Customineについて

gusukuCustomine（グスクカスタマイン）は株式会社アールスリーインスティテュートのkintone拡張製品です。kintoneアプリをカスタマイズする時は、JavaScript によるプログラミングが必要になります。gusuku Customineを使えば、やりたくても出来なかった細かいカスタマイズを、ノーコードで実現することができます！

gusuku Customine（カスタマイン）は、プログラミングスキル要らず、ノーコードで、もっと直感的なユーザーインターフェースでkintone（キントーン）のカスタマイズができるサービスです。
gusuku Customine（カスタマイン） - kintone のカスタマイズをプログラミング無し... -

レポトンシリーズについて

レポトンシリーズは、kintoneで管理している見積書、請求書、各種報告書など、あらゆるデータをPDFやExcel形式帳票に出力できるkintoneの定番プラグインです。

クラウド連携型のレポトンは一括出力や一覧出力に対応していて、パワフルに業務を改善します。プラグイン完結型の「レポトン PDF」「レポトン Excel」は簡単かつ安価に思い通りの帳票を作成できます。

「Repotone（レポトン）」はkintoneと連携してPDFやExcelなどの帳票出力を行うソリューション。クラウド連携型とプラグイン完結型2種類、3つのラインナップで様々な帳票に対応します。
kintone連携帳票出力プラグイン「RepotoneU（レポトンU）」 - kintone連携帳票出力ソリューション「Repotone（レポトンU）」

gusuku Customineとレポトンで承認印と担当印を表示する方法

1.kintoneアプリと帳票を準備します。

見積出力用のアプリを準備します。アプリテンプレートと帳票の設定は以下のページからダウンロードできます。アプリテンプレート、帳票の設定、元のエクセルファイルの３つをダウンロードしてください。

kintoneとRepotoneU Proで行う見積管理 - ソウルヒトログ

アプリテンプレートを読み込んでアプリを追加します。アプリテンプレートからアプリを追加する方法は以下のページを参考にしてください。

登録済みのテンプレートからアプリを作成する -

RepooenU Proがkintoneに追加されていない場合は、事前にkintoneシステム管理からプラグインを追加してください。先ほど追加した見積アプリにレポトンを追加します。プラグインの追加方法は以下のマニュアルを参考にしてください。

kintoneにプラグインをインストールする -

アプリにプラグインを追加する -

見積アプリに追加したレポトンの初期設定（認証）を行います。認証方法は３つあります。３つのうちのいずれかで認証して下さい。（※API認証をご利用の際は関連レコードが利用できません。今回は関連レコードは利用しないのでどの認証方法でも結構です。）

RepotoneU Proはクラウド上で帳票を作成するため、kintoneへの接続のための認証が必要になります。OAuthによる代表者認証、個別認証及びAPIトークンから選択できます。
1-2.認証方法の設定 - Teachme

先ほどダウンロードしていた設定ファイルを読み込みます。プラグイン設定画面の右上にある歯車マークの「設定ファイルを読み込む」からファイルを読み込みます。

帳票の設定をエクスポートする方法とインポートする方法を説明します。設定済みの帳票のバックアップを取ったり、フィールド位置を転用し新たな帳票に反映させたりすることができます。
4-1.共通設定:設定のエクスポートとインポートの方法 - Teachme

2.印影保存用アプリの準備

印影保存用のアプリを準備します。フィールドは氏名（文字列１行）と印鑑（添付フィールド）を設定します。

3.見積アプリの修正

１でダウンロードした見積アプリを修正します。見積アプリに印影画像を添付するフィールドを作成しましょう。アプリの設定画面のフォームタブから添付フィールドを追加してください。承認印用の添付フィールド、担当印用の添付フィールドの２つを用意します。承認印フィールドには、見積が承認されたタイミングで印影画像が添付されます。担当印フィールドは、帳票出力のタイミングで印影画像が添付されます。

次にテンプレートを差し替えます。１でダウンロードしていたテンプレートのExcelファイルを編集して、印影を出力する箇所を作りましょう。

テンプレートを差し替えます。帳票設定画面を開いて、先ほど印影出力箇所を追加したExcelファイルを選択してアップロードします。設定済みの項目は残しておきたいので、「そのまま残す」を選びましょう。

印影の出力設定をします。セルを選択して印影が添付される添付フィールドを設定します。設定できたら保存します。

4.プロセス管理の設定

見積アプリにプロセス管理を設定します。アプリ設定画面のプロセス管理から、画像のように設定してください。今回はレコードのステータスは「未処理」「申請中」「承認」「差し戻し」の４つにします。

各プロセスの設定は以下の画像のように設定してください。保存ボタンを押してプロセスを保存しましょう。

プロセス管理についての詳細なマニュアルは以下を参考にしてください。

プロセス管理を設定する -

5.レポトンで承認完了したものだけが帳票出力できるように設定する

レポトンでは、帳票出力ボタンの表示・非表示をユーザーで設定することができます。承認されたときだけ帳票の出力ができるように、ボタンの表示を制御する設定をしましょう。レポトンの設定画面から帳票設定を開きレイアウトの下部にある「詳細設定」バーを開いて下さい。

プロセス管理のステータスが「承認」のときだけボタンが表示されるように、以下のように設定します。設定できたら保存します。（ボタン表示の制御にはプロセス管理のステータスだけでなく、フィールドの値を判断して表示・非表示を切り替える設定も可能です。）

7.gusuku Customineの設定〜承認印編〜

レコードのステータスが承認になったタイミングで、印影保存アプリから印影を見積アプリに印影画像を添付する設定を行います。「空白のカスタマイズ」から新規のカスタマイズを作成します。（※Customineのkintone 接続設定など、初期設定は完了した状態です。）

カスタマイズを行うのは、見積アプリになります。見積アプリを選択して下さい。アプリがこの一覧に出てこない場合は、追加ボタンからkintone のアプリを追加できるので追加しましょう。

はじめに、プロセス管理のステータスを変更する承認ボタンを作成します。今回のカスタマイズではkintone のプロセス管理の承認を利用するとうまくいきません。Customineで承認ボタンを別途作成します。このボタンは承認するボタンなので、ステータスが「申請中」のときだけボタンを作成するように設定します。

先ほど作ったボタンにステータスを変更するアクションを追加します。ボタンが押されたら、ステータスが「申請中」から「承認」に変更されます。

印影保存アプリから氏名をキーにしてレコードを取得するアクションを設定します。キーの値は「作業者の表示名（作業者.name）」に設定します。この設定で、承認した作業者の氏名で印影保存アプリからレコードを取得できます。アクションの条件には「他のアクションの実行が完了した時」を設定します。前のアクション２が完了したタイミングを条件に設定します。