Salesforce DUG Meetup 2015 新年会 HackChallenge 作品紹介

LightningMessage

倉谷 彰(@a_kuratani) 2015/01/28

自己紹介

倉谷　彰

　 @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

最近の活動

•Advent Calendar業

https://www.youtube.com/watch?v=_o6KD_ri0n4

オープンソース賞 いただきました

ありがとうございます！

メッセージアプリケーションのアイデア自体は非常に素晴らしいものですが、前回のハックチャレンジでの受賞作品と機能およびユースケースが似ている点が課題となっていましたが、 LightningMessageは「Salesforceテクノロジの有効活用」の項目、特に

エントリ中唯一のLightningComponent を活用したアプリケーションである事が高評価となりました。

フィードバック

技術的なところ

爆速になったのか？

Salesforce1 MobileでVisualforceページを開くと初回起動すらしないことがある

Lightning Component

では？

Salesforce1 Mobile

ではタブが出てこない…

Mobile Browserで開くと…

Mobile Browserで開くと

両方とも速い！

((((；ﾟДﾟ))))ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ

Salesforce1 Mobile

頑張ってください！

学習コストは？

Visualforce Page

+Message アーキテクチャ

Apex Class

Chatter in Apex

Bootstrap3

JavaScript RemotingTemplate Controller

Lightning Component

LightningMessage アーキテクチャ

Apex Class

Chatter in Apex

Bootstrap3

LightningController

Event

Helper

Lightning Componentの

ほうが覚えることが少ない

生産性は？

ソースコード行数

アプリケーション(実装方法)

HTML CSS JavaScript Apex

+Message(AngularJS) 190 381 359 47

LightningMessage(Lightning Component) 181 199 206 143

Lightning Componentの

生産性はAngularJSと同等•Data-Binding •Tag

•<aura:if> •<aura:iteration>

•Remote-Call

まとめ

•Advent Calendarは参考になった

•LightningComponent

•よさそうなところ •AngularJSと同等の生産性 •学習コストはAngularJSより小さい

•つらいところ •名前空間 •ControllerがJavaScriptっぽいけど… •JavaScriptファイルの読み込み •エラーログが出力されない

Visualforce2.0

だと思って使えば

いいんじゃないかな

宣伝

宣伝

昨年はお疲れさまでした！

アドベントカレンダー 今年も頑張りましょう！

LightningMessage

Conversation to accelerate Innovation

https://github.com/kuratani/LightningMessage

Enjoy Lightning!