このセクションの記事

本記事では、Connector for kintoneを利用してkintoneからWord帳票を出力する手順をご紹介いたします。

 

※kintoneでConnector for kintoneの機能を利用するには、「OPROARTS Connector for kintone」のアプリとプラグインをkintone組織にインストールする必要があります。こちらのページから、アプリとプラグインのテンプレートZIPファイルをダウンロードできます。それらを用いてアプリとプラグインのそれぞれをkintone組織にインストールしてください。

※本記事では、同じく上記リンクからダウンロード可能な「ARTS_DEMO」アプリを使用します。本記事の内容をそのまま進めたい方は【簡易見積アプリ】の下にあるダウンロードリンクよりZIPファイルをダウンロードし、それを用いて「ARTS_DEMO」アプリをkintone組織にインストールしてください。

 

帳票のテンプレートをデザインする

まず最初に、Officeアドイン「Document Designer for Office」を用いてWordで帳票の見た目をデザインします。

※Officeアドインでの帳票のデザインについては、こちらページの「操作手順書」をご参照ください。
　また、Officeアドインのインストール方法は操作手順書の2.2.5「テンプレート作成｜アドイン入り Word アップロード」に記載されています。

今回は、以下のようなデザインにしました。

template_design.PNG

 

CSVフィールドは以下のように設定しました。
(フィールド名をkintoneアプリのフィールドコードと同じ名前にすると、マッピングの際に便利です)

非明細部

csv_field_header.PNG

明細部

csv_field_lineitem.PNG

 

帳票デザインの「消費税」と「総合計（税込）」の値については以下のフィールド値を使用してください

消費税

 IF true "[Tax|¥#,##0]" ${=FORMAT_NUMBER(SUM({!2/Price})*0.08,'¥#,##0')} 

総合計（税込）

 IF true "[Total|¥#,##0]" ${=FORMAT_NUMBER(SUM({!2/Price})*1.08,'¥#,##0')} 

 

OPROARTS Liveにログインして、[新規作成]をクリックします。

live_new_button.png

 

[Word]タブの「アドイン入りWordアップロード」を選択します。

select_template_type.png

 

連携方法にCSVを指定し、任意のテンプレート名を入力し、Word文書にデザイン済みのWordファイルを選択したら、[作成]をクリックします。

new_template_selected.PNG

 

作成できたら[配備]をクリック、更にテンプレート配備ウィザードで[配備]をクリックしてテンプレートの配備が完了です。

deploy_button.PNGdeploy.PNG

 

kintoneでConnector for kintoneの設定をする

Connector for kintoneアプリを開き、LADライセンス・LAライセンスのそれぞれについてレコードを登録します。

※LADは帳票デザインをするためのライセンス、LAは帳票出力をするためのライセンスになります。帳票テンプレートへのマッピングとドキュメント出力の設定は、LADライセンスのレコードから行います。

opproarts_connector_records.png

 

レコードを登録したら、「LAD」のレコードを開き、出力処理の設定をします。

「アプリ設定」の「追加」をクリックすると、ボタンを設置するアプリを指定するダイアログボックスが表示されるので、アプリのIDを入力して[追加]をクリックします。

 app_id_dialog_box.PNG

 

「有効」にチェックを入れ、「テンプレート」で作成したテンプレートを選択し、「操作指示」で「DDO Word」を選択します。

add_output_action_to_connectorapp.PNG

 

使用するテンプレートと操作指示を設定したら、ページ（非明細部）とリピータブル（明細部）のマッピングをします。

mapping_buttons.PNG

 

ページ（非明細部）の[マッピング]をクリックして、kintoneアプリのフィールドと帳票のCSVフィールドを紐づけます。

※アプリのフィールドコードとCSVフィールドのフィールド名が同じであれば、[自動マッピング]をクリックするとマッピングが完了します。

mapping_header.PNG

 

リピータブル（明細部）についても、同様に[マッピング]します。

mapping_lineitem.PNG

ここではサブテーブルを用いていますが、「関連レコードを使う」にチェックを入れて「設定」をクリックし、設定項目を入力することで明細部に他のアプリを使用することも可能です。

 

マッピングが完了したら、[保存]をクリックします。

save_button.PNG

 

出力ボタンを設置する

Connector for kintoneアプリにて行った設定で帳票出力するボタンをアプリに設置します。

ボタンを設置したいアプリの設定 ＞プラグインで「プラグインの追加」をクリックし、「OPROARTS Connector for kintone」にチェックを入れて[追加]をクリックます。

add_plugin.png

 

追加した「OPROARTS Connector for kintone」プラグインの設定アイコンをクリックして、プラグイン設定画面に進みます。

plugin_settings_gear_icon.PNG

 

使用するOPROARTS Connector for kintoneアプリを選択します。

plugin_settings_whole_image.PNG

 

選択したら、「ボタン設置設定」の「追加」をクリックしてOPROARTS Connector for kintoneアプリで設定した出力アクションを選択します。

add_button_to_plugin.PNG

 

「追加」をクリックして、ボタンを追加します。

select_button_to_add.PNG

 

追加したら「保存」をクリックし、その後アプリを更新します。

save_plugin.PNG

 

レコードの詳細ページに出力ボタンが表示されます。

output_button.PNG

 

クリックすると、帳票が出力されます。

output.PNG

 

おわりに

Connector for kintoneの新機能により、ViewFramerを経由せずともkintoneからWord出力が可能になりました。

kintoneからWord帳票を出力する際は、本記事をご参照いただけると幸いです。

 

関連記事