lightning componentの研究ポイントあるいは…

Salesforce DUG Lightning Component

もくもく会(仮) #1

倉谷 彰(@a_kuratani) 2015/04/21

自己紹介

倉谷　彰

　 @a_kuratani

株式会社チームスピリット

S&Dチーム エンジニア

Salesforce1 Advent Calendar 管理人 http://qiita.com/advent-calendar/2014/salesforce1

Salesforce1 Lightning Advent Calendar 管理人 http://qiita.com/advent-calendar/2014/lightning

Lightning Componentの研究ポイント

あるいは…

Lightning Componentの研究ポイント、あるいは…

•Lightning ComponentでSingle-page Application

•Lightning ComponentのDesign Pattern

•Lightning App Builder の使いどころ

•今後の研究ポイント、あるいは

Lightning ComponentでSingle-page Application

•Single-page Applicationとは

•単一ページによるWebアプリケーション

•ページはDOMの操作により切り替える

•サーバとのやりとりはRESTやWebSocket等を利用する

Salesforce.com社曰く、 「Lightning ComponentはSingle-page Applicationを

開発するためのフレームワーク」

Lightning ComponentでSingle-page Application

•研究ポイント

•Single-page Applicationを実装する上で機能は十分か？ •ページ切替 •ルーティング •ポップアップなどのUI部品 •アニメーション •既存資産の利用

Salesforce1でのページ切替

Lightning ComponentのDesign Pattern

•Design Patternとは

•さまざまなプログラムで再利用できる汎用的な設計パターンのこと

Lightning ComponentのDesign Pattern•研究ポイント

•Desing Patternとしてはどのようなものがありうるか？

•例えば、こんな妄想（名前は超適当） •ListItemパターン

•ListとItemを別コンポーネントにするパターン •ButtonSeparateパターン

•ボタンを個別のコンポーネントにするパターン •FilterSeparateパターン

•フィルタや検索ボックスを個別のコンポーネントにするパターン •Wrappingパターン

•Lightning Eventとイベント処理はLightning Componentで記述し、UI関係は既存のライブラリなどを利用するパターン

Lightning App Builder の使いどころ•Lightning App Builderとは

•Lightning Componentを組合せてページを作成できる

•Publisher Actionをページに追加できる

Lightning App Builder の使いどころ•研究ポイント

•Lightning App Builderは特性を知り、使いこなす

•例えば、 •独立したコンポーネントを詰め込んでダッシュボードを作る •ページを分解したコンポーネントを準備して、App Builderでページを組み立てる •Publisher Actionをページに追加するために使う

今後の研究ポイント、あるいは…•研究ポイント

•コンポーネントの継承・依存 •継承を使ってUIを組み立てるには… •コンポーネントを組合せて使うには… •コンポーネントの継承や組合せをテストするには

•Lightning Component開発の大規模化 •大量に作成する必要があるBundle •JavaScriptの共通化とカプセル化 •JavaScriptユニットテスト

•Lightning ComponentはSalesforce1開発をモダニゼーションするか？

LightningMessage

Conversation to accelerate Innovation

https://github.com/kuratani/LightningMessage

Enjoy Lightning!