日本マイクロソフトで働いていますが、ここに書いていることは個人的なメモなので会社の公式見解ではありません。なにがしみたいなモジュールを取り込むやり方に憧れて、そういう環境作れないかと試行錯誤した結果です。gruntとかは毎回準備するにはヘビーなので入れてません。いうことで備忘録開始。1回だけやればいい作業node.js関連node.jsを入れます。コンソールで以下のコマンドをたたいて必要なものを入れておきます。browserifyプロジェクト作成単位にやる作業プロジェクトの作成と設定TypeScriptを使用したHTMLアプリケーションを作成します。app.tsは邪魔なので消しておきます。プロジェクトのプロパティでTypeScriptビルドのTSXファイルでのJSXコンパイルを応答に変更して、モジュールシステムをCommonJSにしておきます。ライブラリのインストールパッケージマネージャーコンソールを開いて以下のコマンドを打ち込んで必要なライブラリを突っ込みます。react-dom次にTypeScriptの型定義ファイルを突っ込みます。react-domビルドイベントの設定TypeScriptがコンパイルした結果がそのままブラウザで読み込める形になってないのでbrowserifyを使って変換します。プロジェクトのプロパティのビルドイベントでビルド後のイベントのコマンドラインに以下の記述を追加します。bundle.jsエントリポイントになるtsxの作成scripts/app.tsxという名前で作っておきます。worldを表示するだけのHelloWorldというコンポーネントをscripts/helloworld.tsxに作ります。}}app.tsxにこれを取り込んでレンダリングする処理を書きます。document.getElementById('content'));HTMLの編集ビルドするとbundle.jsができてるはずなので、それを取り込みます。worldが表示されたら成功です。Codeを使ってサーバーもクライアントもTypeScriptで開発!(E...Expressを使ってサーバーサイドをTypeScriptで開発。C#の組み合わせをメインに、たまにASP.NETやJavaなどの.NET系以外のことも書いています。Blogの内容は個人の見解であり、所属する企業を代表するものではありません。)はてなブログをはじめよう!okazukiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。