LT / Build Insider Offline #2 ( http://www.buildinsider.net/event/offline/02 )

1. TypeScriptifying
the “Flagrate” JavaScript UI Library
14th June 2014 #buildinsider – Yuki KAN / CEO at Webnium Inc.
@kanreisa

2. What is the Flagrate ?
@kanreisa 2

3. What is the Flagrate ?
• DOM スクリプティング / UI ライブラリ (クライアントJavaScript)
• IE / Chrome / Firefox / Safari / Opera / Windows Store App に対応
• スタンドアローン: jQuery, Prototype 等に全く依存しない
• グローバル汚染しない
• DOM構築パフォーマンスが最も高速
• jQuery UI, Sencha, Bootstrap系 と比較
@kanreisa 3

4. Performance DEMO
Flagrate.Grid / Flagrate.Form

5. TypeScriptifying
Flagrate

6. TypeScriptifying
• Windows / VisualStudio に依存しないビルドシステムが必要
• streaming build system “gulp.js” を使用 → http://gulpjs.com/
実際のスクリプトはこちら
https://github.com/webnium/flagrate/blob/feature/typescript/gulpfile.js

7. TypeScriptifying
• 非常に巨大なため、クラスごとにファイルを分けたい
• でも最終的には1つのJSとしてまとめたい (require/amd使わない)
• “gulp.js” のプラグイン “gulp-include” で実現
実際のスクリプトはこちら
https://github.com/webnium/flagrate/blob/feature/typescript/src/flagrate.js
https://github.com/webnium/flagrate/blob/feature/typescript/src/flagrate.ts

8. TypeScriptifying
• “gulp.js” で簡単にスクリプト保存時自動ビルド等も実現

9. TypeScriptifying
• あとは地道に
ジェネリクスいいですよね

10. TypeScripting DEMO
Using flagrate.d.ts

11. あじゃじゃしたー
Thank you for watching