かずきのBlog@hatena

すきな言語は C# + XAML の組み合わせ。Azure Functions も好き。最近は Go 言語勉強中。日本マイクロソフトで働いていますが、ここに書いていることは個人的なメモなので会社の公式見解ではありません。

TypeScript + React + Visual Studioのプロジェクトテンプレートを準備してみた

ASP.NET WebAPI2でサーバーサイドを開発してクライアントサイドをReact使ってTypeScriptで開発することを想定したプロジェクトテンプレートを作りました。OneDriveに置いてるので、適当にドキュメントフォルダのVisual Studio 2015\Tempaltes\Project Templatesにコピーして使ってください。

1drv.ms

新規作成することで足し算するAPIを呼び出す画面まで出来てる状態で作成されます。

f:id:okazuki:20160114174451p:plain

FluxでもReduxでもない、コンポーネントの中にべた書きした感じなのでアーキテクチャは好きにしてください。

必要なもの

プロジェクトテンプレートを使うのに必要なものは以下のような感じです(足りないものがあったら教えて…!)

nodejs

Node.js

npmで色々インストール

npm install webpack -g
npm install typescript -g

minifyしたい

webpack.config.jsでコメントになってる行があるのでコメントを外してビルドしてください。