Salesforce Visualforce Q/A

1. Visualforce とは？
Salesforce で提供している画面を簡単に組合せすることができるマークアップ言語です。Visualforce ページに
は HTML のタグ、CSS、JavaScript を使用することができるので Web 開発者は容易に Visualforce ページを開
発することが可能です。
例えば、下記 Visualforce ページを作成して
get パラメーターで取引先責任者 ID を引数として呼ぶと取引先責任者の詳細ベージが表示します。
また<apex:detail>タブには様々な Attribute を設定することにより詳細ベージをカスタマイズ可能です。

2. 先ほどの詳細画面から関連リストを外し、Chatter を表示します。
このようにして Visualforce を使用してセールスフォースで提供している画面を組合せて素早く新しい画
面を開発することができます。
また Salesforce1 モバイルアプリは Visualforce ページ対応なのでネイティブアプリケーション（Android、
iOS）を開発する必要はありません。Visualforce で画面開発しモバイルへの有効化するだけで即時反映で
きます。
Visualforce ページに対して「モバイルアプリケーションでの使用が可能」に Check を入れます。

3. Visualforce ページにアクセスするために Visualforce タブを作成
作成した「デモ」タブをモバイルナビゲーションメニューに追加します。

4. 下記がモバイルの画面となっています。「デモ」タブが表示され、タブをクリックすると作成した
Visualforce ページが表示します。Android、iOS ネイティブアプリケーションで画面追加をするとソース
のコンパイル、各端末で再インストールが必要ですが Visualforce での画面開発では即時反映することが
できます。

5. Visualforce で開発するのって難しそう？
確かに Visualforce タグはセールスフォースが提供しているマークアップ言語のため学習して頂く必要が
ございますが、Visualforce は HTML を入れ込むことができるので独自 CSSを使用してページを作成する
場合にはぐっとハードルが下がります。
パートナーである Apirio 様のブログ「Salesforce 開発の未来は・・・JavaScript？」で紹介されているよ
うに、セールスフォースでは Visualforce ページを JavaScript 主導で開発できる機能を追加してきました。
開発者は Web 開発のトレンドである JavaScript、CSSを使った Visualforce の開発ができるようになっ
ています。
下記は Angular.js を使った Visualforce ページです。データベースへのアクセスも JavaScript 経由で行っ
ており Web 開発者にとって習得しやすいコードだと思います。

6. 他の JavaScript フレームワーク使用できるの？
はい、可能です。
Query Mobile
http://www.nkjmkzk.net/?p=2180
angular.js
http://deferloader.blog.uhuru.co.jp/?p=3667
backbone.js
http://qiita.com/tyoshikawa1106/items/64d060b70f296e91dfe5

7. Visualforce で綺麗なページが書けるの？
JavaScript、CSS を入れ込むことが可能ですのでどんなサイトでも実装できます。例えば Site ギャラリ
ーではお客様が Visualforce で実装した公開サイトがみれます。７ページ目には経済産業相様事例のエコ
ポイントサイトがあります。
http://developer.force.com/sitesgallery/Gallery
Visualforce 開発環境は？
セールスフォースは Web ベースの Visualforce エディターと Eclipse 用のプラグインを提供しています。
1.Web ベース開発者コンソール

8. 2. Eclipse 用プラグイン
主な機能
Apex コ ー ド : Force.com IDE は Apexクラスやトリガーを記述するための唯一のクライアントツールです。 シンタ
ックスやエラーのハイライと、インラインの標準オブジェクトのオートコンプリート Tips などの機能を持っていま
す。Apex Test Runner はユニットテストの実行とエラーメッセージ、デバッグアウトプット、コードカバレッジレポ
ートを統合します。
Apexコードデバッグ:ブレークポイントを設定してデバッグセッションを開始したら、コードの行を実行する組織
内のアクションをデバッグできます。
Visualforce : Visualforce ページ、コンポーネント、静的リソース、コントローラの作成と編集を行えます。
ア プリケーションコンポーネント : メタデータ API 上にあるすべてのメタデータコンポーネントをダウンロードし
編集できます。作成された Eclipse プロジェクトには Force.com スキーマ、タブ、アプリケーション、s コントロール
などが含まれ、それらのコンポーネントを編集し保存すると、あなたの組織にすぐに反 映されます。
デ プロイメント :Sandboxや Developer Edition で開発とテストを行たアプリケーションを、実際の組織デプロイする
ためのウィザードが用意されています。
オ ンラインプロジェクトモード :ローカルにあるメタデータファイルを最新の Salesforce 組織上のものと連動させ、
コンフリクトを検出・解消できます。

9. ス キーマエクスプローラー :Salesforce 組織のスキーマやコンストラクトの変更、SOQL クエリの実行を Force.com
IDE から実行できます。この機能は ApexExplorer に似ており、全ての標準・カスタムオブジェクトとそのフィール
ドを表示出来ます。
コ ードシェア : Eclipse に組み込まれたバージョン管理機能によって、Force.com アプリケーションのライフサイクル
管理を効率的に行う事ができます。PaaS アプリケーションの開発、テスト、デプロイをチームによるコラボレーシ
ョン環境上で行えるようになります