tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:DreamHouse Lightning Componentを試してみました

DreamHouse Lightning Componentを試してみました。
f:id:tyoshikawa1106:20160723182952p:plain

Lightning コンポーネント - DreamHouse JP サンプルアプリケーション | Salesforce Developers


DreamHouse サンプルアプリケーションでは、以下の Lightning コンポーネントが使用されています。

  • 物件の位置をすばやく確認できる Map コンポーネント
  • 物件の写真を簡単にアップロードできる PictureGallery コンポーネント
  • コネクテッドホームになっている物件のスマートデバイスを制御する SmartHome コンポーネント
  • カスタムの検索機能を実現する PropertyExplorer コンポーネント


Map コンポーネントとPictureGallery コンポーネントはAppBuilderの方でも出てきました。今回はPropertyExplorer コンポーネントを確認してみます。

PropertyExplorerコンポーネント

PropertyExplorerタブからアクセスできます。
f:id:tyoshikawa1106:20160723183326p:plain


カーソル変更時の絞込や写真をクリックした時に詳細ページにリンクする仕組みのアプリを試すことができます。また、ページネーションの機能も実装されていました。
f:id:tyoshikawa1106:20160723183450p:plain


このアプリのコードは開発者コンソールなどから確認することができます。まだサンプルの少ないLightningコンポーネントですが、DreamHouseのアプリのコードで基本的な実装例を確認できそうです。