SalesforceLightningのオブジェクトの詳細画面で、アクション押下して、Visualforceページを表示することを共有します。
1.カスタムボタンを配置するレコード作成
例えば、取引先のレコードを作成する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_取引先レコード詳細画面-1-1024x544.png)
2.アクション用Visualforceページ作成
ホームページ画面で、開発者コンソールリンクを押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_開発コンソールリンク画面-1024x544.png)
開発者コンソールリンクを押下すると、以下のコンソル画面が表示される。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce開発者コンソール画面-3-1024x682.png)
Visualforceページ作成
File→New→Visualforce Page順で選択する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceVisualforce作成リンク画面-2-1024x488.png)
Visualforceページ名入力欄にページ名を入力して、OKボタン押下する。
ページ名は、例えば「testActionPage」とする。
以下のコードを挿入する。
<apex:page standardController=”Account”>
<script>
window.open(‘/apex/testPage’);
</script>
</apex:page>
3.アクション作成する。
SalesforceLightningの以下の設定ボタン押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_設定リンク-1024x544.png)
オブジェクトマネージャリンク押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_オブジェクトマネジャ設定リンク-1024x544.png)
取引先リンク押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_取引先リンク-1024x544.png)
ボタン、リンク、およびアクションリンク押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_取引先_ボタン、リンク、およびアクションリンク-1024x544.png)
新規アクションボタン押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_取引先_ボタン、リンク、およびアクションリンク_新規アクションリンク-1024x544.png)
新規アクション入力画面で、入力する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_取引先_新規アクション入力画面-1024x544.png)
入力値は、例えば以下の設定する。
アクション種別 : カスタム Visualforce
Visualforceページ : testActionpage
高さ : 250ピクセル
表示ラベル : testActionPage
名前 : testActionPage
4.アクション配置する。
ページレイアウトにアクションを配置する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_取引先_ページレイアウトリンク-1024x544.png)
該当ページレイアウトリンク押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_取引先_該当ページレイアウトリンク-1024x544.png)
配置するアクション指定する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_取引先_配置するアクション指定-1-1024x544.png)
アクション配置する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_取引先_配置するアクション配置-1-1024x544.png)
5.アクション確認する。
アプリケーションランチャリンク押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_アプリケーションランチャリンク-1024x544.png)
取引先先リンク押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_アプリケーションランチャ_取引先リンク-1024x544.png)
該当レコード押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_アプリケーションランチャ_取引先リンク_該当レコードリンク-1024x544.png)
実行するアクション選択する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_取引先_実行するアクションリンク選択-1024x544.png)
動作確認する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceLightning_取引先_実行するアクションリンク押下の動作確認-1024x544.png)