この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

最初のページの作成

開発モードが有効な場合、ブラウザのアドレスバーに次のようなページの URL を入力することによって、最初の Visualforce ページを作成できます。

1https://Salesforce_instance/apex/myNewPageName

たとえば、「HelloWorld」というページを作成するときに、Salesforce 組織が na3.salesforce.com を使用している場合、「http://na3.salesforce.com/apex/HelloWorld」と入力します。

ページはまだ存在しないため、中間ページが表示され、そこから新規ページを作成できるようになっています。[Create Page <myNewPageName> (ページ <myNewPageName> を作成)] をクリックして、自動的に作成します。

Visualforce 開発モードが有効でない場合は、[設定] で [クイック検索] ボックスに「Visualforce ページ」と入力し、[Visualforce ページ] を選択し、[新規] をクリックして、新しいページを作成することもできます。

Visualforce ページは、セットアップのこの部分以降で常に編集できるようになりますが、編集の結果を確認するには、ページの URL に移動する必要があります。そのため、ほとんどの開発者は、開発モードを有効にして作業することによって単一のウィンドウでページの参照と編集を行うことを好みます。

メモ

新しい Visualforce ページ Visualforce ページエディタの上に表示された新しい Visualforce ページ

デフォルトのテキストを含む Visualforce ページが表示されました。新しいページを編集するには、ブラウザの下に表示されている[ページエディタ]のバーをクリックします。ページエディタが展開されて、次の Visualforce マークアップが表示されます。

1<apex:page>
2    <!-- Begin Default Content REMOVE THIS -->
3    <h1>Congratulations</h1>
4    This is your new Apex Page: HelloWorld
5    <!-- End Default Content REMOVE THIS -->
6</apex:page>

このデフォルトのマークアップには、すべてのページに必要な <apex:page> タグ (ページのマークアップを開始/終了するタグ) のみが含まれます。<apex:page> の開始タグと終了タグに組み込まれているのはプレーンテキストで、一部は <h1> 標準 HTML タグでフォーマットされています。

必須の <apex:page> タグを維持するかぎり、プレーンテキストや有効な HTML をこのページに必要なだけ追加できます。たとえば、ページエディタに次のコードを入力して [Save (保存)] をクリックすると、ページに「Hello World!」という太字のテキストが表示されます。

1<apex:page>
2    <b>Hello World!</b>
3</apex:page>

警告には注意してください。開始タグに一致する終了タグがない HTML が含まれているページを保存すると、Visualforce エディタに警告が表示されます。ページは保存されますが、不正な形式の HTML は、表示されるページに問題を引き起こす原因となります。

ヒント

Visualforce 開発者ガイド

最初のページの作成