CRMプラットホームとして世界シェアNo.1として誇るSalesforce、そのSalesforceのVisualforceページ作成方法を共有します。
1.Salesforce環境へログイン
例えば、デベロッパーEditionの場合だと以下のようなログイン画面となる。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforceログイン-1024x544.png)
IDとPW入力し、ログインボタン押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforceログイン_2-1024x544.png)
2.ホームページ画面
ログインすると、以下のホームページ画面が表示される。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforceホームページ画面-1024x544.png)
3.開発者コンソール画面表示
ホームページ画面で、開発者コンソールリンクを押下する。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce開発者コンソールリンク画面-1024x544.png)
開発者コンソールリンクを押下すると、以下のコンソル画面が表示される。
![](http://daeheui.com/wp-content/uploads/2019/04/Salesforce開発者コンソール画面-2-1024x682.png)
4.Visualforceページ作成
File→New→Visualforce Page順で選択する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceVisualforce作成リンク画面-1-1024x488.png)
Visualforceページ名入力欄にページ名を入力して、OKボタン押下する。
ページ名は、例えば「testPage」とする。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceVisualforce名入力画面-1024x688.png)
Visualforceページのコード入力画面で、簡単コード2-4行目を追加して保存する。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceVisualforceコード入力画面-1024x689.png)
5.Visualforceページ表示
URLの後半部に、「インスタンス/apex/testPage」を入力する。
ここで、「testPage」はページ名です。
画面上にはVisualfoceページのコードの内容が表示されることが確認できます。
![](http://daeheui.com/wp-content/uploads/2019/04/SalesforceVisualforce表示画面-1024x544.png)