開発システムの設定

エディターの選択

まず、コードを記述するツールを設定します。開発者コンソール、Visual Studio Code 向け Salesforce 拡張機能、設定エディターはすべて、Salesforce アプリケーション、Lightning Experience、Salesforce Classic で開発する場合に機能します。唯一の例外は Visualforce 開発モードフッターで、このフッターは Salesforce Classic でのみ使用できます。

Visualforce ページの表示

Salesforce Classic では、https://yourInstance.salesforce.com/apex/PageName URL パターンを使用してページを表示できます。この方法は常に Salesforce Classic で表示される URL に直接アクセスしてページを表示するため、Lightning Experience での Salesforce アプリケーションページの表示には使用できません。

Lightning Experience でページを表示するには、https://yourInstance.salesforce.com/lightning に移動します。特定の Visualforce ページに移動する手っ取り早い方法は、そのページのタブを作成して、アプリケーションランチャーの [すべての項目] セクションからそのタブに移動することです。

より長期的な方法は、「開発中」アプリケーションを作成して、作業時に Visualforce タブを追加および削除することです。

1. [設定] から、[クイック検索] ボックスに「アプリケーション」と入力し、[アプリケーションマネージャー] を選択します。
2. [新規 Lightning アプリケーション] をクリックしてから、作成中のページのカスタムアプリケーションを作成します。

   アプリケーションへのアクセスを、システム管理者または組織の開発者向けに作成したプロファイルに制限することを検討します。

   メモ

3. [設定] から、[クイック検索] ボックスに「アプリケーションメニュー」と入力し、[アプリケーションメニュー] を選択します。
4. 「開発中」アプリケーションがアプリケーションランチャーで [表示] に設定されていることを確認します。
5. [設定] から、[クイック検索] ボックスに「タブ」と入力し、[タブ] を選択します。
6. [Visualforce タブ] セクションの [新規] をクリックして、現在作成中のページのカスタムタブを作成します。このタブは開発ユーザープロファイルのみに表示し、「開発中」アプリケーションのみに追加します。
7. 「開発中」アプリケーションに追加するページごとに上記のステップを繰り返します。

ブラウザーのメニューまたはツールバーに次のブックマークレットを追加して、ページに直接移動することもできます。この JavaScript は Lightning Experience の navigateToURL イベントを実行するもので、従来の /apex/PageName URL に入力することと同じです。

1javascript:(function(){ 
2  var pageName = prompt('Visualforce page name:'); 
3  $A.get("e.force:navigateToURL").setParams(
4    {"url": "/apex/" + pageName}).fire();})();