このセクションの記事

もっと見る

[toc] 
 

概要

本記事では、PowerPointのアドイン「Document Designer for Office」とViewFramerを使用して、Salesforceのデータを基に縦棒グラフを作成する手順を説明します。
例として、Salesforceのフェーズが「Closed Won」の商談データを対象に、月ごとの合計金額を縦棒グラフで出力します。

 

前提条件

  • PowerPointがインストールされている。
  • Document Designer for Officeのアドインが利用可能であること。
  • ViewFramerへのアクセス権限がある。
  • Salesforceの認証情報を保有していること。


 

1. PowerPointテンプレートの作成と設定

1-1. アドインを設定する

1-1-1. Document Designer for Officeを追加する

  1. PowerPointを起動して、新しい空白のスライドを開きます。

  2. 「ホーム」タブの「アドイン」をクリックしてアドインストアを開きます。


     

  3. 検索欄に「OPRO」と入力します。

  4. 「OPRO ドキュメントデザイナー for Office」を選択して、「追加」をクリックします。


     

1-1-2. アドインを起動する

  1. 「ホーム」タブの「アドイン」を再度クリックし、先ほど追加した「OPRO ドキュメントデザイナー for Office」のアイコンをクリックします。


     

  2. アドインのスタート画面が表示されます。
  3. 「OPROARTS」を選択します。



 

1-2. グラフを設定する

1-2-1. グラフを挿入する

  1. PowerPointの「挿入」タブの「グラフ」メニューをクリックします。

  2. グラフの種類から「縦棒グラフ」を選択します。

    💡
    補足

    PowerPoint帳票で連携設定できるグラフの種類に記載されている種類から選んでください。

     

  3. グラフがスライドに挿入されます。


 

1-2-2. フィールドを設定する

  1. アドインの「フィールドを追加」欄に「金額,月」と入力します。

  2. 「+」ボタンをクリックしてフィールドを追加します。


     

  3. 「金額」フィールドを選択して、データ型を「数値」に変更します。

    💡
    補足

    「月」フィールドはテキスト型のままにしておきます。

 

1-2-3. グラフ定義を設定する

  1. アドインのタブの中央にあるグラフマークをクリックして、グラフ設定タブを開きます。

  2. 「定義を追加」ボタンをクリックしてグラフ定義を追加します。


     

  3. グラフ項目の「カテゴリ」を設定します。 「カテゴリ名なし」のチェックボックスは、チェックを入れないままにします。

  4. 「カテゴリ」ドロップダウンから「月」を選択します。

    💡
    補足

    「月」は横軸に表示されます。

     

  5. ドロップダウンから「金額」を選択します。

    💡
    補足

    「金額」がグラフの縦軸の値になります。

     

  6. クリップボタンをクリックして、グラフ定義のタグをコピーします。

 

1-2-4. グラフにタグを貼り付ける

  1. グラフのタイトル枠をクリックします。

  2. コピーしたグラフ定義のタグを貼り付けます。

     

  3. これでPowerPointのグラフ設定は完了です。


 

1-3. テンプレートをアップロードする

1-3-1. ファイルを保存する

  1. 設定済みのPowerPointファイルを保存します。
  2. ファイル名を付けて、ローカルに保存してください。
     

1-3-2. テンプレートをアップロードする

  1. アドインの「アップロード」タブをクリックします。

  2. 「アップロードフォームを開く」ボタンをクリックします。

     

  3. 以下の項目を入力します。

    項目 説明
    テンプレート名 わかりやすい名前を付けてください。
    PowerPointファイル 保存したファイルを選択してください。
  4. 「作成」ボタンをクリックしてテンプレートを登録します。
💡
補足

Salesforceの「OPROARTS Connector」から「新規作成」>「PowerPoint」>「マッピング済みファイルアップロード」でも同じアップロードメニューに到達できます。

 

1-3-3. テンプレートを配備する

  1. テンプレートが生成されたら、「配備」をクリックします。

     

  2. 確認画面で再度「配備」をクリックします。

     

  3. テンプレートがOPROARTSサーバに配備されます。

     

2. ViewFramerの設定

ここからはViewFramerを使用して、フェーズが「Closed Won」の商談データから「金額」と「月」を取得するための設定を行います。

💡
補足

本記事ではViewFramerの基本操作については説明していません。 ViewFramerの基本的な使い方については、以下のページをご参照ください。 【ViewFramer】はじめての方向けのリンク集(Salesforce)

⚠️
注意

同じウェブブラウザーで複数のビューやマッピングを参照・編集すると、データが上書きされてしまいます。 必ず1つのタブで操作してください。別のビューを参考にしたい場合は、別のブラウザーで開いてください。（参照のみ）

 

2-1. ビューを作成する

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

  1. 以下のURLにアクセスします。 https://vfui.ap.oproarts.com/view_framer_ui/
  2. CID/UID/UPWを入力してログインします。

 

2-1-2. ビューを新規作成する

  1. 「ビュー」タブで「新規作成」をクリックします。
  2. Salesforceへのログイン画面が表示されるので、ログインします。
  3. ビューの名前を入力します。（半角英数字）
     

2-1-3. リレーション設定を行う

  1. 「リレーション設定」画面を開きます。
  2. 主オブジェクトを「商談」に設定します。
  3. ショートネーム欄に英数字の別名を入力します。
    例）shodan
  4. 関連オブジェクト設定の「－」ボタンをクリックして削除します。
  5. 「次へ」ボタンをクリックします。

 

2-1-4. 出力項目設定を行う

  1. 「出力項目設定」画面を開きます。

  2. 「月」フィールドを追加します。

    「項目ビルダー」をクリックして、「列追加」から「完了予定日」を選択します。

    FORMAT_DATE関数を使用して「年月」を抽出します。

    例）FORMAT_DATE(完了予定日, 'YYYY年MM月')

     

  3. 「金額」フィールドを追加します。 「項目ビルダー」をクリックして、SUM()を入力します。 「列追加」から「金額」を追加します。

    例）SUM(金額)

     

  4. 出力項目名を変更します。

    • 「月」フィールドの出力項目名を「月」に変更します。
    • 「金額」フィールドの出力項目名を「金額」に変更します。
    💡
    補足

    出力項目名はPowerPointのアドインで設定したフィールド名と一致させてください。

     

  5. 「月」フィールドのグループ順を設定します。
    グループ順欄に「1」を入力します。

     

  6. 「次へ」ボタンをクリックします。
     

2-1-5. 出力条件設定を行う

  1. 「出力条件設定」画面を開きます。
  2. 「+」ボタンをクリックして条件式を追加します。

  3. 以下の条件を設定します。

    項目 設定値
    オブジェクト 「shodan」を選択します。
    フィールド 「フェーズ」を選択します。
    演算子 「等しい(=)」を選択します。
    値 「Closed Won」を入力します。
  4. 右下の「保存」ボタンをクリックしてビューを保存します。


 

2-2. マッピングを作成する

2-2-1. マッピングを新規作成する

  1. 「マッピング」タブで「新規」ボタンをクリックします。
  2. マッピング名を入力します。
  3. タイプを「一覧型」に変更します。

💡
補足

デフォルトは「ヘッダー明細型」になっているため、変更が必要です。

 

2-2-2. ビューを選択する

  1. 「明細データ - ビュー」で手順2-1で作成したビューを選択します。

  2. 「取得」ボタンをクリックしてビューを取得します。

     

  3. 「次へ」ボタンをクリックして進みます。
  4. 「現在のセッションを継続する」をクリックします。

 

2-2-3. テンプレートをマッピングする

  1. 「Documentizer」タブを開きます。
  2. 手順3-3でアップロードしたPowerPointテンプレートの名前を選択します。
  3. 画面を一番下までスクロールします。

  4. 「自動マッピング」ボタンをクリックします。

    💡
    補足

    出力項目名がテンプレートのフィールド名と一致していると、自動的にマッピングされます。

     

  5. テンプレートと紐づけが完了したことを確認します。
  6. 右下の「配備」ボタンをクリックしてマッピングを配備します。
  7. マッピングの設定が完了です。


 

3. Salesforceにボタンを作成する

  1. ViewFramerのマッピング一覧画面を開きます。

  2. 作成したマッピングの「APIサンプル」ボタンをクリックします。

     

  3. 以下の設定を行います。

    項目 設定値
    サービス 「Documentizer」を選択します。
    形式 「PowerPoint（アドインでマッピング）」を選択します。
  4. 「Visualforceページ」ボタンをクリックしてコードを取得します。
  5. Salesforceの商談オブジェクトの詳細ページにボタンを作成します。
💡
補足

詳細な設定方法については、Lightning Experienceの詳細ページ用 ボタン作成をご参照ください。


 

4. 動作確認

以下の手順で機能が正しく動作するか確認してください。

  1. Salesforceで商談レコードの詳細ページを開きます。
  2. 作成したボタンをクリックします。
  3. PowerPointが生成されることを確認します。
  4. グラフが正しく表示されていることを確認します。
  5. グラフに表示される金額が、フェーズが「Closed Won」の商談データのみであることを確認します。
  6. 月ごとの金額が正しく集計されていることを確認します。


 

参考ファイル

本記事で使用したテンプレートは、本記事に添付している以下のファイルです。 ご参照ください。

関連記事