Chatter Chrome Extension~ Yaccl for Chrome ~

POMU TAKEUCHI@pomu0325

Salesforce DUG Meetup 2015新年会

経緯

• Mobile Hack Challenge 2014でiPhone用Chatterアプリを作って3位入賞

• 次はPC用だ

デモMoviehttp://youtu.be/MYRGX7rUhak

審査フィードバック• 今回、ハックチャレンジの審査チームは、「革新性」「ビジネスでの有効性」「ユーザエクスペリエンス」「Salesforceテクノロジの有効活用」の4つの項目に加え、ソフトウェア開発の基本要素である「ドキュメント」「テクノロジ面のチャレンジ」「コード、ビルド環境の整備」を含めた7つの項目で審査を行っておりました。

• Chatter Chrome Extensionは全ての項目で評価が高く、その中でも「革新性」「ビジネスでの有効性」「ユーザエクスペリエンス」が特に高い評価を得ており最優秀賞とはかなりの僅差となっておりました。

• テクノロジとしてもChrome拡張という新しいテクノロジを活用、TypeScriptなどのモダンなテクノロジ、ビルド環境の整備、Githubの運用などが評価されました。

Chrome

Chatter Page

Injected Script

Content Script

Background Script

Salesforce Pusher

Pusher用認証サーバ (heroku)

polling(XHR), ForceTK

eventsmessage passing (chrome api)

websocket

DOM操作

アーキテクチャ

初めて使ってみた• TypeScript

• 型安全! リファクタリングしやすい! IDEで補完してくれる

• Grunt

• chrome拡張用プラグインで自動リロード便利！

• ForceTK

• TypeScript用型定義ファイルは無かったから作った

• ExtJS

• やっぱり慣れてるjQueryにした

苦労したとこ

• API節約

• ポーリング&スクレイピングぽいのメインにした

• DOM操作(ExtJSとの相性？)

• 要素突っ込むと動かなくなるやつ発生

リリースは未定です

• iPhoneな人はYaccl使ってください

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