Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Visualforceとは

962 views

Published on

Salesforce Visualforce Q/A

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Visualforceとは

  1. 1. Visualforce とは? Salesforce で提供している画面を簡単に組合せすることができるマークアップ言語です。Visualforce ページに は HTML のタグ、CSS、JavaScript を使用することができるので Web 開発者は容易に Visualforce ページを開 発することが可能です。 例えば、下記 Visualforce ページを作成して get パラメーターで取引先責任者 ID を引数として呼ぶと取引先責任者の詳細ベージが表示します。 また<apex:detail>タブには様々な Attribute を設定することにより詳細ベージをカスタマイズ可能です。
  2. 2. 先ほどの詳細画面から関連リストを外し、Chatter を表示します。 このようにして Visualforce を使用してセールスフォースで提供している画面を組合せて素早く新しい画 面を開発することができます。 また Salesforce1 モバイルアプリは Visualforce ページ対応なのでネイティブアプリケーション(Android、 iOS)を開発する必要はありません。Visualforce で画面開発しモバイルへの有効化するだけで即時反映で きます。 Visualforce ページに対して「モバイルアプリケーションでの使用が可能」に Check を入れます。
  3. 3. Visualforce ページにアクセスするために Visualforce タブを作成 作成した「デモ」タブをモバイルナビゲーションメニューに追加します。
  4. 4. 下記がモバイルの画面となっています。「デモ」タブが表示され、タブをクリックすると作成した Visualforce ページが表示します。Android、iOS ネイティブアプリケーションで画面追加をするとソース のコンパイル、各端末で再インストールが必要ですが Visualforce での画面開発では即時反映することが できます。
  5. 5. Visualforce で開発するのって難しそう? 確かに Visualforce タグはセールスフォースが提供しているマークアップ言語のため学習して頂く必要が ございますが、Visualforce は HTML を入れ込むことができるので独自 CSSを使用してページを作成する 場合にはぐっとハードルが下がります。 パートナーである Apirio 様のブログ「Salesforce 開発の未来は・・・JavaScript?」で紹介されているよ うに、セールスフォースでは Visualforce ページを JavaScript 主導で開発できる機能を追加してきました。 開発者は Web 開発のトレンドである JavaScript、CSSを使った Visualforce の開発ができるようになっ ています。 下記は Angular.js を使った Visualforce ページです。データベースへのアクセスも JavaScript 経由で行っ ており Web 開発者にとって習得しやすいコードだと思います。
  6. 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. 7. Visualforce で綺麗なページが書けるの? JavaScript、CSS を入れ込むことが可能ですのでどんなサイトでも実装できます。例えば Site ギャラリ ーではお客様が Visualforce で実装した公開サイトがみれます。7ページ目には経済産業相様事例のエコ ポイントサイトがあります。 http://developer.force.com/sitesgallery/Gallery Visualforce 開発環境は? セールスフォースは Web ベースの Visualforce エディターと Eclipse 用のプラグインを提供しています。 1.Web ベース開発者コンソール
  8. 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. 9. ス キーマエクスプローラー :Salesforce 組織のスキーマやコンストラクトの変更、SOQL クエリの実行を Force.com IDE から実行できます。この機能は ApexExplorer に似ており、全ての標準・カスタムオブジェクトとそのフィール ドを表示出来ます。 コ ードシェア : Eclipse に組み込まれたバージョン管理機能によって、Force.com アプリケーションのライフサイクル 管理を効率的に行う事ができます。PaaS アプリケーションの開発、テスト、デプロイをチームによるコラボレーシ ョン環境上で行えるようになります

×