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

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

スライド 1

スライド 1

スライド 1

スライド 1

変 更 履 歴 日 付 Document ver. 変 更 箇 所 変 更 内 容 2015/3/ 新 規 追 加 2015/9/24 誤 字 修 正 2016/2/ 動 作 環 境 最 新 のものへ 変 更 全 体 オペレーター の 表 記 を 削 除 2016/5/

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

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

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

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

GRIDY SFA カスタム 項 目 操 作 ガイド 用 本 書 はに 必 要 な 操 作 を 解 説 しております は GRIDY SFA ののことです GRIDY SFA へ 申 し 込 み 最 初 に 登 録 を 行 った 方 がそのままとなります カスタム 項 目 はの 方 のみ 操 作 可

SILAND.JP テンプレート集

2. 研 究 者 / 評 価 者 情 報 修 正 この 画 面 では 研 究 者 が 自 分 自 身 の 情 報 の 修 正 を 行 います (A) 研 究 者 / 評 価 者 情 報 の 修 正 () 研 究 者 / 評 価 者 情 報 修 正 画 面 を 開 く HOME 画 面 メニューの 研

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

基 本 操 作 2

<4D F736F F D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A B E A2E646F63>

スライド 1

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

Office 10 パッケージ版「リンク集」

スライド 1

目 次 遺 失 物 管 理 プログラム 利 用 者 マニュアル 1. 動 作 条 件 遺 失 物 管 理 プログラムのインストール 運 用 の 流 れ 起 動 方 法 操 作 方 法 について 基 本 的 な 操

スライド 1

スライド 1

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

PowerPoint プレゼンテーション

(Microsoft PowerPoint - \217\211\212\372\220\335\222\350\203}\203j\203\205\203A\203\213_NEW ppt)

ユーザーガイド

スライド 1

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

目 次 ログインする 前 に... 4 メンバー 管 理 編 ( 管 理 者 )... 5 ログインする... 6 トップページについて... 7 メンバー 管 理 をする... 8 メンバー 管 理 画 面 について 医 療 機 関 指 定 新 規 追 加 指 定...

スライド 1

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

ez_meishi.ppt

目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保 存 する 20 step4 登 録 する 21 step5 管 理 者 による 承

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

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

スライド 1

( 注 変 更 申 請 で 対 象 となる 項 目 と 郵 送 書 類 についての 詳 細 は 下 表 を 参 照 してください 東 京 電 子 自 治 体 共 同 運 営 電 子 調 達 サービス 6. 変 更 申 請 物 品 買 入 れ 等 変 更 申 請 項 目 及 び 郵 送 書 類 等 一

Microsoft Word - i_navi.txt

< 目 次 > 8. 雇 用 保 険 高 年 齢 雇 用 継 続 給 付 27 ( 育 児 休 業 給 付 介 護 休 業 給 付 ) 8.1 高 年 齢 雇 用 継 続 給 付 画 面 のマイナンバー 設 定 高 年 齢 雇 用 継 続 給 付 の 電 子 申 請 高

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

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

(Microsoft PowerPoint - support_policy_Dec_18_2013.ppt [\214\335\212\267\203\202\201[\203h])

PowerPoint プレゼンテーション

第 1 章 : 概 要 このウェブサイトでは ウェブブラウザに 必 要 とする 電 動 機 スペックを 入 力 する 事 により 誘 導 電 動 機 の 外 形 図 を 検 索 & 照 会 すること ができます 画 面 の 紹 介 ログインボタン 一 覧 表 形 式 で 選 定 ボタン ログイン 画

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション

目 次 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.

Ver.30 改 版 履 歴 版 数 日 付 内 容 担 当 V /09/5 初 版 発 行 STS V /0/8 証 明 書 バックアップ 作 成 とインストール 手 順 追 加 STS V /0/7 文 言 と 画 面 修 正 STS V..30 0//6

Microsoft Word - 02…C…fi…X…g†[…‰_ doc

目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの

1. 概 要 Webで 申 込 みした 手 続 きの 内 容 とNEXIでの 手 続 状 況 を Web 申 込 状 況 一 覧 で 確 認 することができます また 各 種 手 続 きにおいて 申 込 みを 完 了 せずに 保 存 状 態 にした 手 続 きを この 一 覧 から 再 開 すること

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

WebMail ユーザーズガイド

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

PowerPoint プレゼンテーション

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

4.5. < 参 加 表 明 書 を 提 出 する> 調 達 案 件 一 覧 の 表 示 対 象 となる 案 件 を 検 索 し 調 達 案 件 一 覧 に 表 示 させます 参 加 したい 案 件 の 調 達 案 件 名 称 行 - 入 札 参 加 資 格 確 認 申 請 / 技 術 資 料 /

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

<4D F736F F D D682CC96B38F9E836F815B EE88F878F E315F6C61796F75742E646F6378>

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

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

改 定 履 歴 改 訂 日 改 訂 理 由 及 び 内 容 承 認 者 確 認 者 改 訂 者 05/8/7 新 版 発 行 05/0/5 推 奨 動 作 環 境 を 追 記

G-Web操作マニュアル

V-CUBE One

Memo

電子証明書の更新

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

WebAlertクイックマニュアル

目 次 1. Cyber Edy とは P3. Cyber Edy 決 済 の 方 法 P4 3. 画 面 の 説 明 P6 4. 変 更 が 発 生 した 場 合 P8 5. 特 定 の 取 引 を 検 索 する 場 合 P9 6. 検 索 結 果 をダウンロードする 場 合 P10

参加表明書・企画提案書様式

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

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

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

<4D F736F F F696E74202D F89EF88F5826F C837D836A B2E B8CDD8AB B83685D>

<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378>

目 次 1.ログイン 方 法 P2 2.ログアウト 方 法 P3 3. 基 本 設 定 変 更 サイトネーム スローガンの 設 定 P10~11 カラーバリエーションの 選 択 P12 メニュースタイル 色 の 設 定 P12 4.トップページの 画 像 編 集 画 像 の 変 更 P13~14 T

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

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

手順書

WebAlertクイックマニュアル

WEB保守パック申込

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

目 次 1. 物 件 入 力 とページ 作 成 1.1. ドリームXジグソーの 一 覧 画 面 の 見 方 基 本 情 報 画 像 登 録 地 図 情 報 SEO 対 策 非 公 開 情 報

研究者総覧システム

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

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

店舗用マニュアル

ID 保 存 されても 問 題 無 い 共 有 されていない PC でしたら ログインボタンの 上 にある[ID 保 存 ]のチェックボックスにチ ェックを 入 れて 下 さい 3. パスワードのオートコンプリート ログインボタンを 押 した 後 に 環 境 によっては 以 下 のような 確 認 が

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

スライド 1

1 林 地 台 帳 整 備 マニュアル( 案 )について 林 地 台 帳 整 備 マニュアル( 案 )の 構 成 構 成 記 載 内 容 第 1 章 はじめに 本 マニュアルの 目 的 記 載 内 容 について 説 明 しています 第 2 章 第 3 章 第 4 章 第 5 章 第 6 章 林 地

使 用 することをお 薦 めいたします *3 ソフトウェアキーボードご 利 用 時 に この Web ページがクリップボードへアクセス するのを 許 可 しますか? というメッセージがダイアログボックスで 表 示 された 場 合 には アクセスを 許 可 する を 選 択 して 継 続 してください

WEBバンキング

個人 推奨環境_修正141204

<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