はじめに 本 資 料 のご 対 象 者 SkyVisualEditorの 担 当 になったがどこから 手 をつけて 良 いかわからないご 担 当 者 様 SkyVisualEditorをこれから 検 討 してみたいご 担 当 者 様 向 けの 基 礎 的 な 内 容 です 本 セミナーのゴール Sk

Similar documents
はじめに 本資料のご対象者 SkyVisualEditor の担当になったがどこから手をつけて良いかわからないご担当者様 SkyVisualEditor をこれから検討してみたいご担当者様 向けの基礎的な内容です 本資料のゴール SkyVisualEditor の初期設定から画面デザイン 作成した画

スライド 1

目 次 1. 会 員 登 録 推 奨 動 作 環 境 サイト 閲 覧 環 境 シミュレーション 動 作 環 境 各 種 設 定 について メールアドレスおよびニックネームの 登 録

POWER EGG V2.01 ユーザーズマニュアル ファイル管理編

目 次. WEB メールへのログイン.... メール 送 信 手 順.... メール 受 信 手 順 アドレス 帳 の 操 作 手 順 フォルダーの 操 作 手 順 メール 発 信 者 登 録 署 名 登 録 手 順 基 本 的 な 設 定

目 次 1. Web メールのご 利 用 について Web メール 画 面 のフロー 図 Web メールへのアクセス ログイン 画 面 ログイン 後 (メール 一 覧 画 面 ) 画 面 共 通 項 目

SILAND.JP テンプレート集

1. 会 員 情 報 の 照 会 / 変 更 ご 登 録 の 会 員 情 報 の 確 認 および 変 更 できます (1) 左 側 のサブメニューで[ 基 本 情 報 ]を 選 択 すると お 客 様 の 基 本 情 報 が 表 示 します (1) (2) [ 変 更 ] [ご 登 録 回 線 の

基 本 操 作 2

<4D F736F F D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A B E A2E646F63>

前 書 き 広 域 機 関 システム System for Organization for Cross-regional Coordination of Transmission Operators(OCCTO) rev: 商 標 類 Windows Office Excel

スライド 1

Microsoft PowerPoint - webサイト更新マニュアル ppt [互換モード]

ユーザーガイド

あいち電子調達共同システム

「給与・年金の方」からの確定申告書作成編

TIPS - 棚 割 りを 開 始 するまで Liteを 起 動 し 企 業 情 報 の 追 加 を 行 い 棚 割 を 行 う 企 業 の 追 加 をして 下 さい 企 業 情 報 の 追 加 時 に エラーメッセージが 表 示 された 場 合 別 途 TIPS トラブルが 発 生 した 場 合

ご 利 用 の 前 に 手 順 初 回 ご 利 用 時 に 必 ずご 確 認 ください ご 利 用 の 前 に (ご 利 用 環 境 の 確 認 ) P アクセス 方 法 (IMAGE WORKSサイトへアクセス) P 初 期 設 定 (JREのインストール) P

目 次 1. ログイン/ログアウト 1.1 ログインする p ログアウトする p.3 2. 受 講 一 覧 画 面 p.4 3. 授 業 ページの 閲 覧 3.1 授 業 ページへの 遷 移 p 授 業 資 料 を IT s class.からダウンロードする p

WEBメールシステム 操作手順書

目 次 1 インストール 手 順 プログラム データファイルのインストール Microsoft Access2013Runtime SP1(32bit) 版 のインストール 基 本 操 作 ログイン メニュー...

スライド 1

Bizメール&ウェブ エコノミー メール設定ガイド

<4D F736F F D B382F182AC82F18A4F88D B A82B D836A B5F8F898AFA90DD92E85F E646F E302E646F6378>

目 次 1.はじめに 1-1. はじめに 2. 操 作 2-1. 概 要 2-2. 操 作 方 法 ( 調 査 依 頼 の 確 認 ) 2-3. 操 作 方 法 ( 回 答 登 録 ) 2-4. 操 作 方 法 (ワークシート 出 力 ) 2-5. 操 作 方 法 (ワークシート 取 込 ) 3.

治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.3 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバン

この 章 では 電 子 入 札 システムをご 利 用 いただくための 事 前 準 備 について 説 明 します 事 前 準 備 と して ID 初 期 パスワードの 確 認 初 期 パスワード 初 期 見 積 用 暗 証 番 号 の 変 更 IC カード 登 録 またはICカード 更 新 を 行 っ

Gmail移行に対する回答集(職員向け)

購買ポータルサイトyOASIS簡易説明書 b

itutor (Windows Vista, 8, 8, 8.1 ) 製 品 紹 介 や 操 作 順 の PC 操 作 システム 運 順 の マニュアル 動 画 教 育 効 果 の い eラーニング 教 材 時 間 をかけず 簡 単 に 作 成 できる 2

はじめに 本 書 は SUPER COMPACT Pathfinder DFS のご 利 用 に 際 して クライアント 端 末 の 設 定 方 法 について 説 明 して います なお 本 書 内 で 使 用 している 図 は 標 準 的 な 設 定 によって 表 示 されるものを 使 用 してお

G-Web操作マニュアル

V-CUBE One

電子証明書の更新

変 更 履 歴 変 更 履 歴 No. 日 付 ページ 対 象 箇 所 変 更 箇 所 変 更 前 変 更 後 /7/ インターネッ トブラウザの 設 定 について 記 述 朝 日 外 為 WEB を 利 用 する にあたり インターネットブ ラウザに 設 定 作 業 が

ポップアップブロックの設定

目 次 1. 積 算 内 訳 書 に 関 する 留 意 事 項 1 ページ 2. 積 算 内 訳 書 のダウンロード 3 ページ 3. 積 算 内 訳 書 の 作 成 (Excel 2003の 場 合 ) 6 ページ 4. 積 算 内 訳 書 の 作 成 (Excel 2007の 場 合 ) 13

パソコンバンクWeb21 操作マニュアル[導入・事前設定編]

5-2 一 般 ユーザー 用 :メール 2 送 信 者 のリンクをクリックすると 受 信 メールの 内 容 を 見 ることができます 受 信 メール 内 容 画 面 項 目 送 信 者 宛 先 CC 本 文 (テキスト) 本 文 (HTML) メールアドレスのリンクをクリックするとアドレス 帳 へ

01_07_01 データのインポート_エクスポート_1

WEB保守パック申込

Microsoft Word - 新ユーザー専用ページ機能詳細・マニュアル.doc

以 下 に 手 順 の 流 れを 記 載 します 3ページ 以 降 で 各 項 目 の 手 順 を 説 明 します ( をクリックすると 該 当 ページにジャンプします ) また 4ページに 汎 用 データ 受 入 に 関 するよくあるお 問 い 合 わせをご 紹 介 しています Step (3ペー

MetaMoJi ClassRoom/ゼミナール 授業実施ガイド

給料らくだ7.5・かるがるできる給料5.5 追加マニュアル

<4D F736F F D F B838B8EE88F878F E325F EB88CF882A082E82E646F6378>

Transcription:

SkyVisualEditorスタートアップガイド 2015 Terrasky Co., Ltd. All Rights Reserved.

はじめに 本 資 料 のご 対 象 者 SkyVisualEditorの 担 当 になったがどこから 手 をつけて 良 いかわからないご 担 当 者 様 SkyVisualEditorをこれから 検 討 してみたいご 担 当 者 様 向 けの 基 礎 的 な 内 容 です 本 セミナーのゴール SkyVisualEditorの 初 期 設 定 から 画 面 デザイン 作 成 した 画 面 をSalesforceで 設 定 するまでの 一 通 りの 流 れを 理 解 する SkyVisualEditorのご 利 用 にはMicrosoft 社 Silverlight のインストールが 必 要 です 本 セミナーの 詳 細 な 内 容 は 以 下 操 作 マニュアルをご 覧 ください (https://www.skyvisualeditor.com/help/skyvisualeditor_help.pdf) 当 資 料 のロゴや 設 定 画 面 はSalesforceのバージョンアップによって 変 更 する 可 能 性 がございます 2015 Terrasky Co., Ltd. All Rights Reserved. 2

画 面 を 作 成 する 前 に SkyVisualEditorは Salesforceのページレイアウトを プログラムを 記 述 せず ドラッグ&ドロップの 操 作 により 自 由 な 画 面 を 作 成 できる Salesforceの 画 面 開 発 サービスです SkyVisualEditorをご 活 用 いただくためには 画 面 作 成 をする 目 的 や 画 面 の 流 れを 業 務 の 運 用 に 合 わせて 整 理 しておくことで よりスムーズにカスタマイズを 進 めることができます これらを 事 前 に 整 理 いただき SkyVisualEditorをご 活 用 いただくことで 現 在 ご 利 用 中 のSalesforceが 今 まで 以 上 に 強 力 な 効 果 を 出 す ツールへと 変 革 することができます 事 前 の 整 理 ができましたら 早 速 SkyVisualEditorを 使 ってみましょう! 事 前 準 備 ( 画 面 作 成 の 目 的 や 流 れの 整 理 ) カスタマイズ なぜSalesforce 標 準 ページではだめか? 現 状 の 課 題 は? 対 象 ユーザは? 機 能 要 件 は? 画 面 の 流 れは? 対 象 のオブジェクトは? オブジェクトの 構 成 は? SkyVisualEditorの どのレイアウトを 使 うか?.etc 準 備 はできました いよいよカスタマイズをして いきましょう! 2015 Terrasky Co., Ltd. All Rights Reserved. 3

オンラインセミナーのコンテンツについて SkyVisualEditorの 設 定 ガイドやTipsなどのコンテンツをWebで 公 開 しています 是 非 ご 活 用 ください (http://info.skyvisualeditor.com/developer/beginner/) 2015 Terrasky Co., Ltd. All Rights Reserved. 4

本 日 のご 紹 介 内 容 以 下 は SkyVisualEditorで 画 面 を 作 成 する 際 の 流 れです 本 日 は 以 下 手 順 にそって SkyVisualEditorを 活 用 した 構 築 の 流 れをご 紹 介 いたします 1. ユーザの 登 録 5. 画 面 の 作 成 2. SkyVisualEditorのインストール 6. 画 面 のデプロイ 3. Salesforceでの 事 前 設 定 7. デプロイ 後 のSalesforceの 設 定 4. SkyVisualEditorにログイン 8. Sandboxから 本 番 環 境 へのデプロイ 2015 Terrasky Co., Ltd. All Rights Reserved. 5

1. ユーザの 登 録 5. 画 面 の 作 成 2. SkyVisualEditorのインストール 6. 画 面 のデプロイ 3. Salesforceでの 事 前 設 定 7. デプロイ 後 のSalesforceの 設 定 4. SkyVisualEditorにログイン 8. Sandboxから 本 番 環 境 へのデプロイ 2015 Terrasky Co., Ltd. All Rights Reserved. 6

1. ユーザの 登 録 (1/2) SkyVisualEditorログイン 画 面 (https://www.skyvisualeditor.com/se2/) 下 部 の[ 無 料 登 録 ]を 選 択 してください 2015 Terrasky Co., Ltd. All Rights Reserved. 7

1. ユーザの 登 録 (2/2) ユーザの 登 録 フォームに 必 要 事 項 をご 記 入 のうえ 利 用 規 約 に 同 意 いただき [ 登 録 ]をクリックすると ご 記 入 されたメールアドレス 宛 にパスワードが 届 きます 以 上 でSkyVisualEditorのユーザの 登 録 作 業 は 完 了 です 2015 Terrasky Co., Ltd. All Rights Reserved. 8

1. ユーザの 登 録 5. 画 面 の 作 成 2. SkyVisualEditorのインストール 6. 画 面 のデプロイ 3. Salesforceでの 事 前 設 定 7. デプロイ 後 のSalesforceの 設 定 4. SkyVisualEditorにログイン 8. Sandboxから 本 番 環 境 へのデプロイ 2015 Terrasky Co., Ltd. All Rights Reserved. 9

2. SkyVisualEditorのインストール (1/7) SalesforceのAppExchangeサイト(https://appexchangejp.salesforce.com/) より SkyVisualEditorの 詳 細 ページへ 遷 移 し [ 今 すぐ 入 手 ]をクリックします 2015 Terrasky Co., Ltd. All Rights Reserved. 10

2. SkyVisualEditorのインストール (2/7) [AppExchangeにログインする]を 選 択 しますと ログイン 画 面 に 遷 移 します AppExchangeサイトにログインする アカウントのユーザ 名 とパスワードを 入 力 し [Salesforceへのログイン]をクリックします 2015 Terrasky Co., Ltd. All Rights Reserved. 11

2. SkyVisualEditorのインストール (3/7) ご 利 用 のSalesforce 組 織 の 本 番 環 境 にインストールをするか サンドボックスにインストール するかを 選 択 します 2015 Terrasky Co., Ltd. All Rights Reserved. 12

2. SkyVisualEditorのインストール (4/7) インストール 概 要 を 確 認 し 利 用 規 約 へ 同 意 いただき [ 確 認 してインストール]をクリックします 2015 Terrasky Co., Ltd. All Rights Reserved. 13

2. SkyVisualEditorのインストール (5/7) SkyVisualEditorのパッケージを インストールするSalesforce 組 織 の ユーザ 名 とパスワードを 入 力 し [Salesforceへのログイン]をクリックします パッケージ 内 容 を 確 認 し [ 次 へ]を クリックします 2015 Terrasky Co., Ltd. All Rights Reserved. 14

2. SkyVisualEditorのインストール (6/7) パッケージアクセス 内 容 を 確 認 し [ 次 へ]をクリックします 2015 Terrasky Co., Ltd. All Rights Reserved. 15

2. SkyVisualEditorのインストール (7/7) すべてのユーザへのアクセス 権 を 付 与 を 選 択 し [ 次 へ]をクリックします アクセス 許 可 を 付 与 されていない ユーザは 一 部 機 能 が 使 用 できなく なります ただし p.22の アクセス 権 付 与 により 別 途 設 定 は 可 能 です [インストール をクリックします 以 上 で SkyVisualEditorの インストール 作 業 は 完 了 です 2015 Terrasky Co., Ltd. All Rights Reserved. 16

1. ユーザの 登 録 5. 画 面 の 作 成 2. SkyVisualEditorのインストール 6. 画 面 のデプロイ 3. Salesforceでの 事 前 設 定 7. デプロイ 後 のSalesforceの 設 定 4. SkyVisualEditorにログイン 8. Sandboxから 本 番 環 境 へのデプロイ 2015 Terrasky Co., Ltd. All Rights Reserved. 17

3. Salesforceでの 事 前 設 定 (ライセンス 管 理 ) SkyVisualEditorで 作 成 した 画 面 を 利 用 できるユーザをSalesforceで 設 定 します Salesforceのユーザメニューより [ 設 定 ]-[アプリケーションの 設 定 ]-[インストール 済 みパッケージ]を クリックし SkyVisualEditorの ライセンスの 管 理 をクリックします Sandbox 環 境 の 場 合 は 本 番 環 境 と 異 なり ライセンスを 設 定 する 必 要 がないため [ライセンスの 管 理 ]は 表 示 されません 2015 Terrasky Co., Ltd. All Rights Reserved. 18

3. Salesforceでの 事 前 設 定 (ライセンス 管 理 ) [ユーザの 追 加 ]をクリックして 有 効 にする ユーザを 登 録 していきます ユーザ 一 覧 の 中 から ライセンスを 付 与 したいユーザのアクション 項 目 のチェック ボックスをONとし [ 追 加 ]をクリックします 選 択 したユーザが ライセンスを 付 与 した ユーザ に 追 加 されました 2015 Terrasky Co., Ltd. All Rights Reserved. 19

3. Salesforceでの 事 前 設 定 (セキュリティ 設 定 ) SkyVisualEditorからSalesforceへ 接 続 するために Salesforce 側 でセキュリティの 設 定 を 行 う 必 要 があります セキュリティ 設 定 の 方 法 には 以 下 2つの 方 法 があります A) セキュリティトークンを 使 用 する B) SkyVisualEditorのIPアドレスを 許 可 する A)セキュリティトークンを 使 用 する Salesforceのユーザメニューより [ 私 の 設 定 ]-[ 個 人 用 ]-[ 私 のセキュリティトークンのリセット]と 選 択 し [セキュリティトークンのリセット]をクリックします ユーザのメールアドレス 宛 にセキュリティトークンが 届 きますので SkyVisualEditorからSalesforceへ ログインする 際 のパスワード 欄 に[ユーザパスワード]+[ 発 行 されたセキュリティトークン]と 入 力 します 2015 Terrasky Co., Ltd. All Rights Reserved. 20

3. Salesforceでの 事 前 設 定 (セキュリティ 設 定 ) B)SkyVisualEditorのIPアドレスを 許 可 する Salesforceのユーザメニューより [ 設 定 ]-[ 管 理 者 設 定 ]-[セキュリティのコントロール]-[ネットワークアクセス]と 選 択 し [ 新 規 ]から 信 頼 済 みIPアドレスにSkyVisualEditorサーバーのグローバルIPアドレスを 入 力 し [ 保 存 ]をクリックします SkyVisualEditorサーバのグローバルIPアドレス: 176.34.50.109 2015 Terrasky Co., Ltd. All Rights Reserved. 21

3. Salesforceでの 事 前 設 定 (アクセス 権 付 与 ) p.16のskyvisualeditorのインストール 時 の[セキュリティ 設 定 の 選 択 ] 時 に すべてのユーザへのアクセス 権 の 付 与 以 外 を 選 択 した 場 合 SkyVisualEditorで 作 成 した 画 面 を 使 用 するプロファイルに 対 して SkyVisualEditorパッケージに 含 まれている 以 下 のアクセス 権 限 を 付 与 する 必 要 があります プロファイル 毎 のアクセス 権 の 付 与 は [ 設 定 ]-[ 管 理 者 設 定 ]-[ユーザの 管 理 ]-[プロファイル]より 該 当 の プロファイルの 設 定 画 面 より 付 与 することができます No. 項 目 必 要 な 権 限 1 2 カスタムオブジェクト SkyEditorDummyオブジェクト( 1) 各 項 目 の 項 目 レベルセキュリティ SearchCondition( 2) 各 項 目 の 項 目 レベルセキュリティ 参 照 作 成 参 照 編 集 新 規 参 照 編 集 削 除 新 規 参 照 3 Apexクラス 名 前 空 間 プレフィックスが SkyEditor2 のクラス 全 て Apexクラスアクセス 4 Visualforceページ 名 前 空 間 プレフィックスが SkyEditor2 のページ 全 て Visualforceのアクセス 1) 検 索 テンプレートの 検 索 条 件 項 目 行 動 オブジェクト 使 用 時 の 開 始 日 時 終 了 日 時 で 使 用 しています 2) 検 索 テンプレートの 検 索 条 件 保 存 機 能 のみで 使 用 しています 2015 Terrasky Co., Ltd. All Rights Reserved. 22

3. Salesforceでの 事 前 設 定 (Apexコードのテスト 実 行 ) SkyVisualEditorで 画 面 を 作 成 する 前 に 事 前 にすべてのApexコードのテストを 行 ってください Salesforceのユーザメニューより [ 設 定 ]-[アプリケーションの 設 定 ]-[ 開 発 ]-[Apexクラス]をクリックし [すべてのテストを 実 行 ]をクリックします Apex テスト 結 果 ページのテストカバー 率 の 警 告 セクションにメッセージがあった 場 合 には SkyVisualEditor からページをデプロイする 際 にデプロイエラーになる 可 能 性 があります 2015 Terrasky Co., Ltd. All Rights Reserved. 23

1. ユーザの 登 録 5. 画 面 の 作 成 2. SkyVisualEditorのインストール 6. 画 面 のデプロイ 3. Salesforceでの 事 前 設 定 7. デプロイ 後 のSalesforceの 設 定 4. SkyVisualEditorにログイン 8. Sandboxから 本 番 環 境 へのデプロイ 2015 Terrasky Co., Ltd. All Rights Reserved. 24

4. SkyVisualEditorにログイン (1/2) p.5で 登 録 したSkyVisualEditorのユーザーID/ パスワードを 入 力 し ログインします [SkyVisualEditor Studio]をクリックし 画 面 デザインを 行 う Studio 画 面 へ 遷 移 2015 Terrasky Co., Ltd. All Rights Reserved. 25

4. SkyVisualEditorにログイン (2/2) SkyVisualEditorをインストールした Salesforce 組 織 のユーザ 名 /パスワードを 入 力 し 接 続 する 組 織 が 本 番 環 境 の 場 合 は Production/Developer Edition を 選 択 サンドボックス 環 境 の 場 合 は Sandbox を 選 択 し [ログイン]をクリック セキュリティトークンを 利 用 して Salesforceに 接 続 する 場 合 は パスワード 欄 に[ユーザパスワード]+ [ 発 行 されたセキュリティトークン]を 入 力 し [ログイン]をします SkyVisualEditorを 使 用 するには Microsoft 社 が 提 供 するSliverlightをインストールする 必 要 があります 2015 Terrasky Co., Ltd. All Rights Reserved. 26

1. ユーザの 登 録 5. 画 面 の 作 成 2. SkyVisualEditorのインストール 6. 画 面 のデプロイ 3. Salesforceでの 事 前 設 定 7. デプロイ 後 のSalesforceの 設 定 4. SkyVisualEditorにログイン 8. Sandboxから 本 番 環 境 へのデプロイ 2015 Terrasky Co., Ltd. All Rights Reserved. 27

5. 画 面 の 作 成 ( 新 規 ページの 作 成 ) それでは SkyVisualEditorで 画 面 を 開 発 する 手 順 をご 紹 介 します まず メニューエリアの[ファイル]-[ 新 規 ]をクリックします メニューエリア 2015 Terrasky Co., Ltd. All Rights Reserved. 28

5. 画 面 の 作 成 (レイアウト/オブジェクトの 選 択 ) どのような 画 面 ( 入 力 画 面 帳 票 画 面 検 索 画 面 など)を 作 成 したいかによって まずレイアウトを 選 択 します レイアウト 選 択 後 どのオブジェクトの 画 面 を 作 成 するかに 応 じて オブジェクトを 選 択 いたします 必 要 に 応 じて Visualforceページ 名 を 設 定 し [OK]をクリックします Visualforceページ 名 はお 客 様 の 命 名 規 則 に 従 って 都 度 設 定 することを 推 奨 します 2015 Terrasky Co., Ltd. All Rights Reserved. 29

5. 画 面 の 作 成 (Salesforce 標 準 ページレイアウトの 取 得 ) SkyVisualEditorでは レイアウトを 選 択 し 一 から 画 面 を 作 成 するだけでなく Salesforceの 標 準 ページレイアウトを 取 得 することが 可 能 です メニューエリアの[ファイル]-[ページレイアウト 取 得 ]をクリックします 2015 Terrasky Co., Ltd. All Rights Reserved. 30

5. 画 面 の 作 成 (Salesforce 標 準 ページレイアウトの 取 得 ) Salesforce 標 準 ページレイアウトを 取 得 したい[オブジェクト]を 選 択 し [レコードタイプ]より 該 当 ページレイアウトを 選 択 のうえ [ 開 く]をクリックします 今 回 は 取 引 先 オブジェクトのマスタのレコードタイプを 選 択 します 2015 Terrasky Co., Ltd. All Rights Reserved. 31

5. 画 面 の 作 成 ( 列 の 追 加 ) Salesforceの 取 引 先 の 標 準 ページレイアウトが 取 得 できました いよいよ 画 面 のカスタマイズをしていきます セクションをクリックしますと[ 列 追 加 ][ 列 削 除 ]という ポップアップが 表 示 されますので [ 列 追 加 ]をクリックします あとは 追 加 した 列 に 項 目 をドラッグ&ドロップで 移 動 すれば 3 列 の 画 面 が 作 成 できます セクション [ 列 追 加 / 削 除 ] 2015 Terrasky Co., Ltd. All Rights Reserved. 32

5. 画 面 の 作 成 (タブパーツの 配 置 ) 次 に 画 面 に[タブ]を 配 置 します Studio 左 部 上 のタブの[コンポーネント]を 選 択 し(1) コンポーネントメニュー 内 の[タブ]を 選 択 し ドラッグ&ドロップによって 画 面 にタブのコンポーネントを 配 置 します (2) 1 2 2015 Terrasky Co., Ltd. All Rights Reserved. 33

5. 画 面 の 作 成 (タブパーツの 詳 細 な 設 定 ) 配 置 したタブのコンポーネントに 取 引 先 に 紐 づく[ 取 引 先 責 任 者 ][ 商 談 ][ケース]のテーブルをそれぞれ ドラッグ&ドロップで 配 置 します [tab1][tab2][tab3]と 表 示 されている 各 タブをクリックすると Studio 右 部 のプロパティエリアにタブの プロパティが 表 示 されますので [タイトル]や[テーマ]を 適 宜 変 更 します ここでは [tab3]にケースのテーブルを 配 置 したので ケース テーマ(= 色 )を Green とします 2 1 2015 Terrasky Co., Ltd. All Rights Reserved. 34

5. 画 面 の 作 成 ( 色 や 幅 等 の 詳 細 な 設 定 ) 次 に 色 や 項 目 の 幅 など 詳 細 なデザインの 設 定 をしていきます まず セクションをクリックし Studio 右 部 のプロパティエリアより[ヘッダー 色 設 定 ]のフラグをONにすると カラーパレットが 表 示 されます ここでは ヘッダーの 色 を 赤 にします その 他 タイトル 名 なども 自 由 に 変 更 できます 2015 Terrasky Co., Ltd. All Rights Reserved. 35

5. 画 面 の 作 成 ( 色 や 幅 等 の 詳 細 な 設 定 ) 項 目 の 幅 や 文 字 の 色 や 大 きさなども 自 由 に 変 更 可 能 です 例 えば 画 面 内 の[Webサイト]という 項 目 を 選 択 し Studio 右 部 のプロパティエリアの[レイアウト]-[ 幅 ]より 幅 をピクセル 単 位 で 設 定 することができます また [テキスト]-[IMEモード]より 半 角 のみ 入 力 などを 選 択 できます その 他 の 項 目 も 自 由 に 設 定 してみてください なお デザイン 時 には [ファイル]-[ 保 存 ]より 都 度 ページを 保 存 することを 推 奨 します 1 2 IMEモードは Google chrome Apple Safariのブラウザでは 動 作 しませんのでご 了 承 ください 2015 Terrasky Co., Ltd. All Rights Reserved. 36

1. ユーザの 登 録 5. 画 面 の 作 成 2. SkyVisualEditorのインストール 6. 画 面 のデプロイ 3. Salesforceでの 事 前 設 定 7. デプロイ 後 のSalesforceの 設 定 4. SkyVisualEditorにログイン 8. Sandboxから 本 番 環 境 へのデプロイ 2015 Terrasky Co., Ltd. All Rights Reserved. 37

5. 画 面 のデプロイ (1/3) 画 面 のデザインが 完 了 しますと メニューエリアの[ファイル]-[デプロイ]を 選 択 します 2015 Terrasky Co., Ltd. All Rights Reserved. 38

5. 画 面 のデプロイ (2/3) [デプロイ]をクリックしますと どの 環 境 に 画 面 を 生 成 するかを 選 択 する 画 面 が 表 示 されます Sandbox 環 境 やDeveloper Editionに 画 面 を 生 成 する 場 合 は[テスト 環 境 ]を 本 番 環 境 へ 直 接 デプロイする 場 合 は [ 本 番 環 境 ]を 選 択 し [デプロイ]をクリックします 実 際 の 開 発 時 は SkyVisualEditorからSandboxへデプロイすることを 推 奨 します 2015 Terrasky Co., Ltd. All Rights Reserved. 39

5. 画 面 のデプロイ (3/3) デプロイが 完 了 しますと [ページを 開 く]というリンクが 表 示 されますので クリックします Studioでデザインした 画 面 を Salesforceで 確 認 することができます 3 列 タブ 2015 Terrasky Co., Ltd. All Rights Reserved. 40

1. ユーザの 登 録 5. 画 面 の 作 成 2. SkyVisualEditorのインストール 6. 画 面 のデプロイ 3. Salesforceでの 事 前 設 定 7. デプロイ 後 のSalesforceの 設 定 4. SkyVisualEditorにログイン 8. Sandboxから 本 番 環 境 へのデプロイ 2015 Terrasky Co., Ltd. All Rights Reserved. 41

7. デプロイ 後 のSalesforceの 設 定 (SkyVisualEditorで 作 成 したページの 確 認 ) SkyVisualEditorで 生 成 したページは Salesforceのユーザメニューより [ 設 定 ]-[アプリケーション の 設 定 ]-[ 開 発 ]-[ページ]をクリックすることで 確 認 いただけます また 生 成 したプログラムは 表 示 ラベルのリンクをクリックすることでご 確 認 いただけます 2015 Terrasky Co., Ltd. All Rights Reserved. 42

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

7. デプロイ 後 のSalesforceの 設 定 (SkyVisualEditorで 作 成 したページを 開 くための 設 定 ) 標 準 のSalesforceのページからSkyVisualEditorで 作 成 したページへ 遷 移 するには 以 下 の 方 法 がございます 1. 標 準 ボタン/ 標 準 リンクを 作 成 したVisualforceページで 上 書 きする 2. カスタムボタン/リンクより 作 成 したVisualforceページを 呼 び 出 す 3. Visualforceタブに 作 成 したVisualforceページを 表 示 させる 実 際 の 設 定 の 際 は どのような 画 面 遷 移 にするかをご 検 討 のうえ ご 設 定 ください 今 回 は 1.の 標 準 ボタン/ 標 準 リンクの 上 書 きと 3.のVisualforceタブについて ご 紹 介 させていただきます 2015 Terrasky Co., Ltd. All Rights Reserved. 44

7. デプロイ 後 のSalesforceの 設 定 (SkyVisualEditorで 作 成 したページを 開 くための 設 定 ) 今 回 は 先 ほど 作 成 したページを 取 引 先 の[ 新 規 ]ボタンをクリックした 際 に 表 示 されるように 設 定 します Salesforceのユーザメニューより [ 設 定 ]-[アプリケーションの 設 定 ]-[カスタマイズ]-[ 取 引 先 ]-[ボタン リンク およびアクション]を 選 択 し ボタン 一 覧 の 新 規 のアクション 項 目 の[ 編 集 をクリックします 遷 移 先 の 画 面 の[ 上 書 き 手 段 ]より Visualforceページ を 選 択 し 該 当 のページを 選 択 して[ 保 存 ]をクリック します 設 定 はこれで 完 了 です Salesforceの 取 引 先 タブより[ 新 規 ]ボタンをクリックした 際 に 設 定 したページ が 実 際 に 表 示 されるかをご 確 認 ください 2015 Terrasky Co., Ltd. All Rights Reserved. 45

7. デプロイ 後 のSalesforceの 設 定 (SkyVisualEditorで 作 成 したページを 開 くための 設 定 ) 次 に カスタムタブに 作 成 したページを 設 定 する 方 法 をご 紹 介 します Salesforceのユーザメニューより [ 設 定 ]-[アプリケーションの 設 定 ]-[ 作 成 ]-[タブ]を 選 択 し Visualforce タブの[ 新 規 ]をクリックします 遷 移 先 の 画 面 の[Visualforceページ]に 該 当 のページを 選 択 し その 他 必 須 事 項 を 入 力 し [ 次 へ]ボタン をクリックします その 後 ウィザードに 従 い 権 限 設 定 アプリケーションの 設 定 を 行 い [ 完 了 ]をクリックし 設 定 は 終 了 です 作 成 したタブに 設 定 したSkyVisualEditorのページが 表 示 されます 2015 Terrasky Co., Ltd. All Rights Reserved. 46

1. ユーザの 登 録 5. 画 面 の 作 成 2. SkyVisualEditorのインストール 6. 画 面 のデプロイ 3. Salesforceでの 事 前 設 定 7. デプロイ 後 のSalesforceの 設 定 4. SkyVisualEditorにログイン 8. Sandboxから 本 番 環 境 へのデプロイ 2015 Terrasky Co., Ltd. All Rights Reserved. 47

8. Sandboxから 本 番 環 境 へのデプロイ Sandbox 環 境 で SkyVisualEditorで 作 成 したページのテスト 実 施 後 本 番 環 境 へデプロイします 本 番 環 境 へデプロイする 際 は Salesforce 社 が 標 準 機 能 として 提 供 している 変 更 セット をご 活 用 することを 推 奨 しております 詳 細 な 設 定 は 以 下 URLをご 覧 ください (https://s3.amazonaws.com/www.skyvisualeditor.com/doc/sandboxtoproduct.pdf) [ 本 番 環 境 ] [SkyVisualEditor Studio] 1 2 変 更 セットによって 本 番 環 境 へデプロイ [Sandbox 環 境 ] 2015 Terrasky Co., Ltd. All Rights Reserved. 48

お 問 合 せ 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 2015 Terrasky Co., Ltd. All Rights Reserved. 49