このセクションの記事

[toc] 

概要

このページでは、ViewFramerを使用してkintoneからWord出力する方法を紹介します。
基本的な手順はViewFramerの標準的な使い方と同じですが、Word出力用のボタン作成手順が異なります。
Wordテンプレートの準備からボタンの配置、出力の確認までの手順を説明します。

 

前提条件

  • Wordテンプレートが既に作成済みであることが必要です。
  • ViewFramerへのアクセス権限が必要です。
  • kintone環境への管理者権限が必要です。
  • OPROARTS ViewFramerプラグインがインストールされていることが必要です。
     

作業の流れ

Word出力を実装するための全体的な流れは、以下の通りです。

  1. Wordテンプレートを準備し、Liveテンプレートとして読み込む。
  2. ViewFramerを使用したビュー及びマッピングを定義する。
  3. kintoneからボタンを作成・配置し、出力を確認する。

 

ステップ1：Wordテンプレートを準備する

  1. Wordでテンプレートを作成します。
  2. テンプレートを「Liveテンプレート」として読み込みます。
💡
補足

Wordテンプレートの作成方法の詳細は、OPROARTSでWord帳票をつくろうをご参照ください。

 

ステップ2：ViewFramerでビュー及びマッピングを定義する

2-1. ViewFramerにログインする

  1. 以下のURLにアクセスしてください。

    https://vfui.ap.oproarts.com/view_framer_ui

  2. ViewFramerにログインします。

 

2-2. ビュー定義・マッピング定義を行う

ビュー定義、マッピング定義を作成してください。

💡
補足

ビュー定義・マッピング定義の方法は従来と同じです。

詳細な方法については、ViewFramerの基本的な利用方法をご参照ください。

 

ステップ3：kintoneからボタンを作成・配置する

3-1. kintoneにログインし、プラグイン追加画面を開く

  1. kintoneにログインしてください。

  2. アプリの設定画面を開きます。 ここでは、例として「案件情報」アプリを使用します。


     

  3. 「設定」タブから「プラグイン」を選択してください。

 

3-2. OPROARTS ViewFramerプラグインを追加する

  1. 「プラグインの追加」をクリックし、「OPROARTS ViewFramer」をチェックしてください。
  2. 「追加」ボタンをクリックします。

 

3-3. ViewFramer Connectorを選択する

  1. OPROARTS ViewFramerの「設定」をクリックします。

     

  2. 「ViewFramer Connector for kintoneを選択」から「ViewFramer Connector for kintone」を選択してください。

  3. 「追加」ボタンをクリックします。

 

3-4. マッピングを選択する

  1. ViewFramerで作成したマッピングを選択します。

  2. 「追加」ボタンをクリックします。

 

3-5. ボタンを編集する

  1. 「編集」をクリックしてボタン設定を行ってください。

     

  2. 「ボタン名を置き換える」にチェックします。

  3. 任意のボタン名を入力してください。

    例）WORD出力

     

💡
補足

ボタン名は自由に変更することができます。 わかりやすい名前を付けることをお勧めします。

 

3-6. 開発中フラグを確認する

  1. 「開発中」のチェックボックスを確認してください。

  2. 全てのユーザーにボタンを表示するために「開発中」のチェックをオフにしてください。

⚠️
注意

「開発中」のチェックがONのままの場合、ボタンは指定ユーザーのみに表示されます。

 

3-7. 出力形式を設定する

「出力形式」で「Word[DDO]」を選択します。

💡
補足

Word出力の場合は「Word[DDO]」を選択してください。

 

3-8. パラメーターを設定する

  1. ViewFramerで作成したマッピングにパラメーターが存在するか確認してください。
  2. パラメーターがある場合は、「パラメーター選択」をクリックします。

  3. 項目を選択します。

    例）レコード番号

     

  4. 「変更する」ボタンをクリックしてください。
💡
補足

パラメーターが不要な場合は、この手順をスキップしてください。

 

3-9. アプリを更新する

  1. アプリの設定画面に戻ってください。

  2. 「アプリを更新」ボタンをクリックします。

    ⚠️
    注意

    「アプリを更新」をクリックしないと、ボタンが表示されません。 必ず実施してください。

  3. アプリ変更の確認画面が表示されたら、「OK」ボタンをクリックします。

 

3-10. 出力確認

  1. アプリ画面に戻ってください。

  2. Word出力のボタンが表示されていることを確認します。

  3. ボタンをクリックし、Word形式で帳票がダウンロードされることを確認します。

  4. ダウンロードされたWordの内容が期待通りであることを確認してください。

関連記事