スライド 1 - PDF Free Download

SkyVisualEditor オンラインセミナー ~ 第 6 回基本編 ~ Salesforce のルックアップ画面を使いやすい画面にしてみよう 2014 年 10 月 21 日 ( 火 )

はじめに本セミナーの目的 SkyVisualEditor の機能および設定方法の紹介を目的としています本日のセミナーのご対象者 Salesforce のルックアップ画面をもっと使いやすくしたいとご検討中のご担当者様 SkyVisualEditor のカスタムルックアップテンプレートの設定にお困りのご担当者様本セミナーのゴールカステムルックアップテンプレートを使い画面の作成方法を理解する SkyVisualEditor の製品概要については以下をご覧ください (http://info.skyvisualeditor.com/) Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 2

本日のアジェンダ 1. カスタムルックアップ画面とは 2. カスタムルックアップ画面の作成方法 3. 作成した画面をつかってみよう本セミナーの詳細な内容は以下操作マニュアルをご覧ください (https://www.skyvisualeditor.com/help/skyvisualeditor_help.pdf) 当資料のロゴや設定画面は Salesforce のバージョンアップによって変更する可能性がございます Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 4

カスタムルックアップ画面とはカスタムルックアップ画面とは Salesforceのルックアップアイコン ( ) をクリックした際に表示されるルックアップ画面に対して以下の機能を拡張できる画面ですテキストの検索だけでなく選択リストによる絞り込み単一のレコードだけでなく複数のレコードを呼出し元画面へ一括で取り込むルックアップにて表示されるレコード一覧に対してデフォルトでの絞り込み条件の指定今回は上記 3 つの特徴について実際のデモを交え設定方法を解説いたします Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 6

カスタムルックアップ画面における FAQ 1. カスタムルックアップ使用するユーザの権限についてカスタムルックアップ画面を使用する準備として SkyVisualEditor パッケージに含まれている以下 2 つのカスタムオブジェクトのアクセス権限が各ユーザのプロファイルに付与されているかをご確認ください - SkyEditorDummy - SearchCondition 2. カスタムルックアップ画面を呼び出す呼出し元画面についてカスタムルックアップ画面を呼び出すための呼出し元画面として Salesforce の標準画面を指定することはできません呼出し元画面は Visualforce ページである必要がございますもちろん SkyVisualEditor で作成した Visualforce ページでも構いません 3. カスタムルックアップ画面で表示できるレコード件数についてカスタムルックアップ画面で表示するマスタレコード数が多い場合に Salesforce のガバナ制限によりカスタムルックアップ画面がエラーになることがありますその他の詳細な内容については操作マニュアルをご覧ください (https://www.skyvisualeditor.com/help/skyvisualeditor_help.pdf) Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 8

カスタムルックアップ画面の作成方法以下は SkyVisualEditor でカスタムルックアップ画面を作成する際の流れです本日は以下手順にそってカスタムルックアップ画面の作成方法をご紹介いたします 1. オブジェクトの選択 5. カスタムルックアップ画面の詳細設定 2. 検索条件項目の設定 6. 作成した画面のデプロイ 3. 検索結果テーブルの設定 7. デプロイ後の設定 4. 検索結果項目の設定 Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 10

1. オブジェクト ( テーブル ) の選択 SkyVisualEditor スタジオへのログイン後メニューエリアの [ ファイル ]-[ 新規 ] をクリックしレイアウトマネージャより [ テンプレート ] カスタムルックアップを選択しますルックアップ画面を作成したいオブジェクトを選び必要に応じて Visualforce ページ名を設定し [OK] をクリックします今回は商品マスタのルックアップ画面を作成したいので [ 商品マスタ ] というカスタムオブジェクトを選びます SkyVisualEditor スタジオへのログイン方法は以下をご覧ください (http://www.terrasky.co.jp/document/download/skyvisualeditor-web1.php) Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 12

2. 検索条件項目の設定レイアウトマネージャにて [ テンプレート ] カスタムルックアップを選択するとカスタムルックアップ画面を作成するウィザード画面が表示されます画面上部にて選択リスト形式で参照先 ( ルックアップ先 ) のレコードを絞り込む項目を設定できます (1) 画面下部では Salesforce の標準のルックアップ機能と同じくテキストで絞り込む項目を設定できます (1) テキストでの絞り込みには完全一致である一致すると部分一致である含むを選択できます (2) また検索条件を表示する列数を 3 より選択できます 3 1 1 2 Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 14

3. 検索結果テーブルの設定次に検索結果を表示するテーブルの設定しますテーブル機能としてページングの設定ができますまた参照先 ( ルックアップ先 ) のレコードを選択する際に単一レコードのみを選択と複数レコードの選択を設定できます単一レコード選択は Salesforce 標準のルックアップ機能と同じく 1 つのレコードを取得する際に利用します複数レコード選択は販売見積の明細を作成するときなど複数のレコードを一括で作成したい際に利用します Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 16

3. 単一レコード選択と複数レコード選択について単一レコード選択画面は下記左の画面キャプチャの通り [ 選択 ] ボタンが各レコードにあり [ 選択 ] ボタンをクリックすることで対象レコードを選択できる画面です複数レコード選択画面は下記右の画面キャプチャの通りレコードを複数選択するためのチェックボックスがあり複数選択したレコードに対して [ 選択 ] ボタンをクリックすることで複数のレコードを遷移元の画面に追加できる画面です単一レコード選択画面複数レコード選択画面 Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 17

4. 検索結果項目の設定 ( 設定した画面の確認 ) 設定した検索条件検索結果が反映されたカスタムルックアップ画面が表示されます再度検索条件検索結果の項目を設定する際はメニューエリアの [ ウィザード ] より [ ウィザードに戻る ] を選択します作成したカスタムルックアップ画面は右のプロパティエリアより詳細な設定を追加できます次のページ以降で設定可能な機能の一部をご紹介しますメニューエリアプロパティエリア Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 20

5. カスタムルックアップ画面の詳細設定 ( 項目幅の指定 ) 検索条件検索結果に配置された項目の横幅は自由に指定することができます幅を指定したい項目をマウスクリックにて選択し右部のプロパティエリアの [ 幅指定有り ] のチェックボックスを ON にすることで幅をピクセル単位で設定できるようになります 1 2 3 その他の詳細設定については第 2 回検索画面を作成しようなどにも記載しております是非ご参照ください (http://www.terrasky.co.jp/document/download/skyvisualeditor-2-1.php) Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 22

5. カスタムルックアップ画面の詳細設定 ( 高度な設定 ) カスタムルックアップ画面で検索した際に表示されるレコードに対してデフォルトで条件を絞り込んだり表示されるレコードのデフォルトのソート順を指定できます設定方法としてはまず 1 のデータテーブルを選択します次に画面右側の [ コンポーネント ] タブ内の [ 高度なテーブル機能 ]-[ 絞込条件 ] を選択します (2) 選択しますと [ テーブル条件指定ウィザード ] が出てきますので [ 表示条件指定 ( 設定 )] を選択し [ 次へ ] をクリックします 1 2 Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 23

5. カスタムルックアップ画面の詳細設定 ( 検索条件 ) P.23 の [ 表示条件指定 ( 設定 )] を選択し [ 次へ ] をクリックしますと以下の [ テーブル条件指定ウィザード ] が表示されます画面上部の [ 検索条件 ] でカスタムルックアップ画面で検索した際に表示されるレコードをデフォルトで絞り込むことができます例えば商品マスタのうち有効のチェックボックスにフラグがついているもののみを表示させる場合は検索条件の [ 追加 ] ボタンよりレコードを追加し項目を有効値を true 演算子を次の文字列と一致するを選択します [ 完了 ] ボタンを押下して設定は完了です Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 24

5. カスタムルックアップ画面の詳細設定 ( ソート条件 ) 次にカスタムルックアップ画面に表示するレコードに関してデフォルトのソート条件を指定します例えば商品コードに対してデフォルトで昇順に指定したい場合は下記画面キャプチャ下部の [ ソート条件 ] の [ 追加 ] より条件を追加いただき項目に商品コード並び順を昇順 NULL 値の位置を指定いただき [ 完了 ] をクリックします以上ソート順の指定は完了です Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 25

4. 作成した画面のデプロイメニューエリアの [ ファイルより [ デプロイ ] をクリックします Sandbox 環境や Developer Edition に画面を生成する場合は [ テスト環境 ] を本番環境へ直接デプロイする場合は [ 本番環境 ] を選択し [ デプロイ ] をクリックします Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 27

6. デプロイ後の Salesforce の設定 (Visualforce ページアクセス /Apex クラスの有効化 ) SkyVisualEditor で作成したページは Salesforce で画面を利用するプロファイル毎に Visualforce ページ /Apex クラスのアクセスを有効化する必要があります Salesforce のユーザメニューより [ 設定 ]-[ 管理者設定 ]-[ ユーザの管理 ]-[ プロファイル ] を選択し作成したページを有効化したいプロファイルをクリックしますプロファイルページの有効な Visualforce ページ有効な Apex クラスの [ 編集 ] より有効化したいページとクラスを選択し [ 保存 ] します Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 30

6. デプロイ後の設定 ( 呼出し元画面への設定 ) 作成したカスタムルックアップ画面の呼出し元画面に作成した画面を設定します設定については単一レコード選択画面と複数レコード選択画面で異なります複数レコード選択画面の設定はまず 1 のデータテーブルを選択します次に画面右側の [ コンポーネント ] タブ内の [ カスタムルックアップ ]-[ ルックアップ対象項目 ] より対象のルックアップ項目を選択します今回は商品マスタオブジェクトのカスタムルックアップ画面を作成しており商品マスタオブジェクトを参照する項目は商品コードのため商品コードを選択します (2) 1 2 Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 31

6. デプロイ後の設定 ( 呼出し元画面への設定 ) 次に 3 の [ カスタムルックアップ画面選択 ] をクリックしますクリックしますと 4 の [ カスタムルックアップ画面選択 ] というダイアログ画面が表示されますので表示させたいカスタムルックアップ画面を選択し [OK] をクリックします以上で呼出し元画面への設定は完了です遷移元画面のデータテーブル内にマスター取得というボタンが追加されます 4 3 Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 32

6. デプロイ後の設定 ( 呼出し元画面への設定 ) 最後に追加された 5 のマスター取得ボタンの値を変更しますまず 6 の画面右側の [ コンポーネント ] タブ内の [ カスタムルックアップ ]-[ マスター取得ボタン値編集 ] のチェックボックスを ON にします次に 7 の [ マスター取得ボタンの値 ] に設定したい値を入力します最後にデプロイすれば設定は完了です 5 6 7 Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 33

6. デプロイ後の設定 ( 呼出し元画面への設定 ) p.31~p.33 までは複数レコード選択画面の設定をご紹介しましたが単一レコードに対してカスタムルックアップ画面を設定する方法を以下でご紹介いたしますまずカスタムルックアップ画面を設定したい項目を選択します (1) 次に 2 の画面右側の [ コンポーネント ] タブ内の [ ルックアップ取得 ]-[ カスタムルックアップ画面選択 ] をクリックしますクリックしますと p.32 の [ カスタムルックアップ画面選択 ] のダイアログが表示されますので表示させたいカスタムルックアップ画面を選択し [OK] をクリックしデプロイすれば設定は完了です Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 34

セミナーイベント情報 SkyVisualEditor の事例や製品について知る 11 月 19 日 ( 水 ) 16:00-17:00 SkyVisualEditor 定例セミナー SkyVisualEditor を体験する学習する 10 月 24 日 ( 金 ) 15:00-17:00 SkyVisualEditor 体験セミナー http://www.terrasky.co.jp/event/2014/1024-001.php 実際に SkyVisualEditor を操作しながら画面開発を体験できるセミナーです SkyVisualEditor 標準トレーニング SkyVisualEditor の基本的な機能を網羅したプライベート研修ですこちらを受講いただければ SkyVisualEditor の基礎を十分にご理解いただけます Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 40

サポート窓口 SkyVisualEditor の機能 / 設定に関するお問合せ SkyVisualEditor のご契約者様は以下の専用問合せページよりお問合せいただけます SkyVisualEditor の標準の機能 / 設定に関するお問合せは無償ですまた別途有償サポートのプランも用意しております詳しくは以下問合せ E-Mail よりお問合せください契約者様専用問合せページ :https://terrasky.secure.force.com/productsupport SkyVisualEditor のご導入に関するお問合せ SkyVisualEditor に関するお問合せは以下お問合せフォームおよびメールアドレスお電話番号にて受け付けていますお気軽にお問合せください問合せフォーム :https://www.terrasky.co.jp/contact/support/index.php 問合せ E-Mail:product.sales@terrasky.co.jp 問合せ TEL :03-5255-3411 Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 41

次回以降のオンラインセミナーについて第 7 回基本編 Force.com Sites に資料請求フォームを作成しよう 11 月 18 日 ( 火 ) 15:30-16:00 第 7 回は問合せフォームやアンケートフォームなど外部向けのウェブサイト画面を公開する際に利用する Force.com Sites に対して SkyVisualEditor で資料請求フォームを作成する手順をご紹介いたします第 8 回活用編いますぐ使える便利な機能紹介 2 回目 12 月開催予定第 8 回は SkyVisualEditor で画面を作成する際にお客様からよくあるご質問に対する Tips を紹介させていただきます皆さまの SkyVisualEditor の更なるご活用およびご検討にお役立てください Copyright 2014 TerraSky Co.,Ltd. All Rights Reserved. 42