2013/04/20 TypeScriptハッカソン2days アイディアソン

1. TypeScript補完計画
for Sublime Text 2
2013/04/20 TypeScriptハッカソン2Days アイデアソン
@kamukiriri

2. 自己紹介
HN: kamu(@kamukiriri)
仕事:元.NET系業務システム開発者
現iOSアプリ開発者
プログラミング暦:
C#, VB.NET, Objective-C, Javascript,
PHP, VB6, VBA, VBS, etc...

3. はじめに
※本発表の内容はWindows版Sublime Text 2
向けの内容となっております

4. 開発環境 is 命
TypeScriptの開発環境を整えてますか？
IDEとか使ってますか？
使ってない？使いましょう！

5. Visual Studio is 神
Windowsで開発するなら
Visual Studio 2012を使いましょう！
Expressなら無料です！

6. 神は死んだ
しかしながらVS2012が使えない（使いにく
い）環境というのもございます
・マシンスペックが低い
・Windows XPが現役
・社長がApple信者

7. そうだ Sublime Text 2 使おう
そんなときはSublime Text 2という高機
能エディタを使いましょう！
有料(※)ですが、無制限・無期限で試用で
きるので使ってみましょう！
※$70とそこそこのお値段ですがVS Proよりは安いです

8. Sublime Text 2 is 神
個人的に便利なところ
・フォルダ単位で開ける
・シンタックスハイライト
・キーワード補完
・プラグインによる拡張
・Windows、Mac、Linuxに対応

9. but...
とはいえIDEではなくテキストエディタ
VSほど強力なコード補完はありません
そこで・・・

10. 偉大なるインターネット
グーグル先生に聞いてみたら
TypeScriptのコード補完プラグインを公開
している方がいらっしゃいました！
Y.A.M の 雑記帳: Sublime Text 2 で TypeScript の補完を出すプラグイン作った
http://y-anz-m.blogspot.jp/2012/11/sublime-text-2-typescript_29.html
yanzm/SublimeTextTypeScriptCompletion · GitHub
https://github.com/yanzm/SublimeTextTypeScriptCompletion

11. but...
入れてみたけど動かない・・・
よく見たらスクリーンショットもMac

12. 偉大なるオープンソース
自分で動くようにすればいいじゃない！

13. 本日はこちらに
修正済みのファイルを用意致しました
http://goo.gl/hUPEv

14. インストールしてみよう１
node.jsが入っているなら、rpmというパッ
ケージマネージャを使うことでインストール
が少し楽になります
> npm install -g tsc_completion

15. インストールしてみよう２
node.jsが入っていなければ、
・githubからソースをDL
・tsc_completionフォルダを適当な場所にコピー
・tsc_completion/binフォルダにパスを通す
でいけるんじゃないかな・・・？（未検証

16. インストールしてみよう３
プラグインのフォルダを開きます

17. インストールしてみよう４
修正済みファイル内の以下のフォルダを
パッケージフォルダにコピー
SublimeTextTypeScriptCompletionPlugin
これで完了！

18. 使ってみた
var hoge = { fuga : "fuga" };
obj.
↑ここまで入力したらおもむろに"Ctrl + SPC"
出た！

19. TypeScript補完計画 for ST2
ご清聴ありがとうございました