Visualforce 開発者ガイド
jiPhone および BlackBerry 用のページの開発
Salesforce Mobile Classic 用の Visualforce ページの開発は、Salesforce のページの開発とはかなり異なります。デスクトップブラウザで機能するデザインは、モバイルブラウザでは適切な操作性を提供しない可能性があります。iPhone および BlackBerry 用の Visualforce Mobile ページを作成するときは、次の一般的なベストプラクティスに従ってください。
- コントローラ
- 標準コントローラを使用することで、標準オブジェクトページのデータ、スタイル設定およびアクションを複製できます。Salesforce Mobile Classic ではカスタムオブジェクトやよく使用される多くの標準オブジェクトをサポートしているため、標準コントローラを使用して、モバイルアプリケーションのネイティブの機能を Visualforce ページに置き換えることは考えられません。また、標準オブジェクトページのレイアウトおよびスタイル設定は、通常、モバイルブラウザには複雑すぎます。
- モバイルアプリケーションの開発時には、多くの場合、ページのカスタムコントローラを記述します。コントローラは、組み込みブラウザではなくサーバ側で実行されます。非常に複雑なビジネスロジックを含むコントローラは、ページの読み込み速度をさらに低下させる可能性があります。
- ヘッダーとサイドバー
- スマートフォンの画面は小さく、多くの場合、ユーザのタブの行とサイドバーを表示する十分なスペースがありません。また、これらのコンポーネントをワイヤレスネットワークを介して読み込むには時間がかかります。次の属性定義を使用して、Visualforce Mobile ページのヘッダーとサイドバーを非表示にすることを検討してください。
1<apex:page showHeader="false"> - ページのスタイル
- 標準の Salesforce スタイルシート (CSS ファイル) はモバイルブラウザには大きすぎます。Salesforce スタイルシートの読み込みに非常に時間がかかるだけでなく、BlackBerry ブラウザではこれらのスタイルシートが正しく表示されません。次の属性定義を使用して、Visualforce Mobile ページで標準スタイルシートを使用しないようにすることを検討してください。
1<apex:page standardStylesheets="false"> - ページにスタイルシートを追加する場合、<apex:page> コンポーネントのすぐ下に <style> セクションを含めるのが最良の方法です。
1<apex:page standardStylesheets="false"> 2<style type="text/css"> 3<!-- the styles --> 4</style> 5</apex:page> - ページ間でスタイルを再利用するには、スタイルを定義する別の Visualforce ページを作成します。次に、<apex:include> タグを使用してスタイルページを組み込みます。たとえば、myStyles という名前のページを定義するとします。次のように他のページにこれらのスタイルを含めます。
1<apex:page> 2<style type="text/css"> 3<!-- the styles --> 4</style> 5</apex:page>1<apex:page standardStylesheets="false"/> 2 <apex:include pageName="myStyles" /> 3</apex:page> - モバイル用に最適化されているスタイルシートを静的リソースとして保存し、ページでそれを参照することができます。ただし、スタイルシートは、ページを表示するためにクライアント側の Visualforce マークアップとペアになっているため、静的リソースとしてスタイルシートを追加するとページの読み込み時間が長くなります。
- ルックアップ
- <apex:inputField> で提供される参照項目セレクタは BlackBerry での適切なユーザの操作性を提供しません。また、iPhone では機能しません。レコードの保存時に参照項目のエントリを検証する Apex トリガを作成すると、この問題を回避できます。また、可能な場合は項目の種別を変更することもできます。
次のトピックでは、iPhone および BlackBerry 用のページ開発についての詳細を説明します。