2012年10月17日水曜日

【TypeScript】 TSファイルのデバッグを行うには

通常、TypeScriptはJavaScriptへ変換して実行するので、TSファイルそのもののデバックは出来ない。
TypeScriptのコンパイラは "source maps" に対応しているので、Chromeのsource maps機能を
利用すれば、TSファイルそのものもデバックが可能となる。

ただ、個人的には、Visual Studioの内部ブラウザがsource mapsに対応するのを期待したい。。。

1. Visul Studioでsorce mapsファイルの作成

(1) Web Essentials 2012 のインストール 以下のサイトから、Web Essentials 2012 をダウンロードし、インストールする。 http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6 (2) Visual Studio → メニュー → オプション → Web Essentials → TypeScript → Generate Source Map → True

2. Chromeのsorce maps機能を有効化

(1) Chrome → F12 → 右下のSettings → Sources → Enable source maps にチェック

3. Visul Studio で TypeScriptのデバッグ

(1) Visul Studioの使用ブラウザをChoromeに変更して、デバッグ実行 (2) Chrome → F12 → Sources → TypeScriptソースにブレークポイント設定すればデバッグ実行可能

2012年10月11日木曜日

【TypeScript】 Windowsストア・アプリを作成するには その2

もっと良い方法を見つけたので、試してみた。
 【参考】
  http://www.reflectionit.nl/Blog/PermaLink96b25405-bb09-45dc-af94-769b9c453155.aspx

1.TypeScript for Visual Studio 2012 のインストール

(1) 以下のサイトから、TypeScript for Visual Studio 2012 をダウンロードし、インストールする。 http://www.microsoft.com/en-us/download/details.aspx?id=34790

2.Web Essentials 2012 のインストール

(1) 以下のサイトから、Web Essentials 2012 をダウンロードし、インストールする。 http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6

3.TypeScript ItemTemplate の追加

(1) ローカルPC上で、以下のファイルをコピーする。 【コピー元】   C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\IDE\Extensions\top05pcq.5yr※\IT\CSharp\1033\f.zip ※top05pcq.5yr = 環境によって異なる 【コピー先】   C:\Users\UserName\Documents\Visual Studio 2012\Templates\ItemTemplates\JavaScript (2) 上記(1)でコピーしたファイル「f.zip」を「TypeScript.zip」へリネームする。 (3) 上記(2)でリネームしたZIPファイルを解凍する。 (4) 上記(3)で解凍したフォルダ下のファイル「f.vstemplate」をテキストエディタで開き、 ProjectType要素の値を "CSharp" から "JavaScript" へ置換する。

4.JavaScriptプロジェクトの作成

(1) Visual Studio → 新しいプロジェクト → JavaScript → 空のアプリケーション (2) ソリューション エクスプローラー → js → コンテキストメニュー(右クリック)→ 追加 → 新しい項目 → TypeScript File (3) (2)で追加したTypeScriptファイル → プロパティ → パッケージ アクション → なし

3.TypeScriptオプション設定

(1) Visual Studio → ツール → オプション → Web Essentials → TypeScript → ・Compile all TypeScript files on build → True ・Compile TypeScript on save → True

2012年10月7日日曜日

【TypeScript】 Windowsストア・アプリを作成するには

WindowsストアのTypeScript用テンプレートが用意されていないので、直接jsprojファイルを編集してみる。
面倒がた、TypeScriptでWindowsストア・アプリの開発が可能。

2012年9月23日日曜日

【F# + ASP.NET Web API】 JSONPでクロス ドメイン通信を行うには

◆参考JSONPってなに?JSONP with ASP.NET Web API

2012年9月16日日曜日

【F# + ASP.NET Web API】 MongoDBへデータを挿入するには

【F# + ASP.NET Web API】 MongoDBからデータを取得するには

◆事前準備
・Nuget からOfficial MongoDB C# driver を導入

2012年9月10日月曜日

【F# + ASP.NET MVC】 リクエスト・データの妥当性検証を無効化するには