Salesforce DUG 新年会 2015

1. Chatter Chrome
Extension
Yaccl for Chrome
POMU TAKEUCHI
@pomu0325
Salesforce DUG Meetup 2015新年会

2. 経緯
• Mobile Hack Challenge 2014でiPhone
用Chatterアプリを作って3位入賞
• 次はPC用だ

3. デモMovie
http://youtu.be/MYRGX7rUhak

4. 審査フィードバック
• 今回、ハックチャレンジの審査チームは、「革新性」「ビジネスでの有
効性」「ユーザエクスペリエンス」「Salesforceテクノロジの有効活用」
の4つの項目に加え、ソフトウェア開発の基本要素である「ドキュメン
ト」「テクノロジ面のチャレンジ」「コード、ビルド環境の整備」を含
めた7つの項目で審査を行っておりました。
• Chatter Chrome Extensionは全ての項目で評価が高く、その中でも
「革新性」「ビジネスでの有効性」「ユーザエクスペリエンス」が特に
高い評価を得ており最優秀賞とはかなりの 差となっておりました。
• テクノロジとしてもChrome拡張という新しいテクノロジを活用、
TypeScriptなどのモダンなテクノロジ、ビルド環境の整備、Githubの
運用などが評価されました。

5. Chrome
Chatter Page
Injected Script
Content Script
Background
Script
Salesforce Pusher
Pusher用
認証サーバ
(heroku)
polling(XHR),
ForceTK
events
message passing
(chrome api)
websocket
DOM操作
アーキテクチャ

6. 初めて使ってみた
• TypeScript
• 型安全! リファクタリングしやすい! IDEで補完してくれる
• Grunt
• chrome拡張用プラグインで自動リロード便利！
• ForceTK
• TypeScript用型定義ファイルは無かったから作った
• ExtJS
• やっぱり慣れてるjQueryにした

7. 苦労したとこ
• API節約
• ポーリング&スクレイピングぽいのメインにした
• DOM操作(ExtJSとの相性？)
• 要素突っ込むと動かなくなるやつ発生

8. リリースは未定です
• iPhoneな人はYaccl使ってください

9. 宣伝
こんなのも作ってます