JavaScript前提知識npmwebpackこのへんの説明は完全に省くので、webpackってなにだとか、webpack.config.jsの設定ってなにするのとか、npmってなんやねんって場合はそっちを読まないとたぶんイミフだと思います。(2016/04/13):TypeScriptがUpdateされて、1.8.10になりました。早い......1ヶ月とか2ヶ月でアップデートされるもよう。この記事書いた瞬間は大丈夫だけど、のちのち古い情報になってるのでしれないので注意。ググってるときに結構古い情報があった。1年前でも結構違っててヤベェので注意。document.getElementById('content'));ソースの意味→IDがcontentのタグに、spanタグをぶちこむだけ今回やることはこれだけ。'tspan'.的なエラーがいっぱい出て怒られる。},って書いとけばよさげ。bridge.みたいなことを言われる。このへんの設定をする。%}"></script></body></html>これを開くとできてるfoo.js.bundle.jsはfoo.tsをコンパイルした後のコード。reactとかしてないと当たり前だけど動かないので、Reactの公式ドキュメントを見るのを推奨。TypeScriptでは、tsdとかいうのを使って、型のユーザー定義を持ってくるのだというのが昔の話。いまは非推奨になったので、typingsというやつを使うようだ。--ambientってやると、typings.jsonが出来る。要はtypingsは、ユーザ定義型の管理ツール。ちなみにreact-globalという型もあるけど、こっちはグローバルに使いたい人のやつっぽい。Dive↓こんなかんじ。--ambientについては説明省略。}}これをやるとtypingsディレクトリに型定義がいっぱい入って便利。コンパイルするときに呼び出して「おっ!型やん!つかったろ!」となる。/></code>っぽい。毎回書かないといけないっぽい。めんどくさすぎわろすなので自動化しておきたい。path=~~は、別にインポートではないので注意。