Salesforce DUG Lightning Component もくもく会(仮) #1 LT資料「Lightning Component の研究ポイント、あるいは…」

1. Salesforce DUG
Lightning Component
もくもく会(仮) #1
倉谷 彰(@a_kuratani)
2015/04/21

2. 自己紹介
倉谷 彰
@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

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

4. Lightning Componentの研究ポイント、あるいは…
•Lightning ComponentでSingle-page Application
•Lightning ComponentのDesign Pattern
•Lightning App Builder の使いどころ
•今後の研究ポイント、あるいは

5. Lightning ComponentでSingle-page Application
•Single-page Applicationとは
•単一ページによるWebアプリケーション
•ページはDOMの操作により切り替える
•サーバとのやりとりはRESTやWebSocket等を利用する
Salesforce.com社曰く、
「Lightning ComponentはSingle-page Applicationを
開発するためのフレームワーク」

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

7. Lightning ComponentのDesign Pattern
•Design Patternとは
•さまざまなプログラムで再利用できる汎用的な設計
パターンのこと

8. Lightning ComponentのDesign Pattern
•研究ポイント
•Desing Patternとしてはどのようなものがありうるか？
•例えば、こんな妄想（名前は超適当）
•ListItemパターン
•ListとItemを別コンポーネントにするパターン
•ButtonSeparateパターン
•ボタンを個別のコンポーネントにするパターン
•FilterSeparateパターン
•フィルタや検索ボックスを個別のコンポーネントにするパターン
•Wrappingパターン
•Lightning Eventとイベント処理はLightning Componentで記述し、
UI関係は既存のライブラリなどを利用するパターン

9. Lightning App Builder の使いどころ
•Lightning App Builderとは
•Lightning Componentを組合せてページを作成できる
•Publisher Actionをページに追加できる

10. Lightning App Builder の使いどころ
•研究ポイント
•Lightning App Builderは特性を知り、使いこなす
•例えば、
•独立したコンポーネントを詰め込んでダッシュボー
ドを作る
•ページを分解したコンポーネントを準備して、App
Builderでページを組み立てる
•Publisher Actionをページに追加するために使う

11. 今後の研究ポイント、あるいは…
•研究ポイント
•コンポーネントの継承・依存
•継承を使ってUIを組み立てるには…
•コンポーネントを組合せて使うには…
•コンポーネントの継承や組合せをテストするには
•Lightning Component開発の大規模化
•大量に作成する必要があるBundle
•JavaScriptの共通化とカプセル化
•JavaScriptユニットテスト
•Lightning ComponentはSalesforce1開発をモダニゼーションするか？

12. LightningMessage
Conversation to accelerate Innovation
https://github.com/kuratani/LightningMessage
Enjoy Lightning!