Osamu Monoe

Visual Studio 2010 における HTML の入力支援機能は、インテリセンスのほかにコードスニペット (Code Snippet) というものがあります。

Visual Studio 2010 でコードスニペットを利用するには、HTML デザイナの [ソース] 編集画面でキーワードを入力し、キーボードの [Tab] キーを押下します。すると、キーワードに割り当てられたコードブロックが挿入されます。

iunput 　([Tab] キーを押下)

　　　　　↓

<input type="type" name="name" value=" "...

Visual Studio 2010　の機能で、Web コンテンツを作成する際に便利な機能を紹介します。

この動画では、 Visual Studio 2010 を使用して単純な Web サイトを作成する手順、および、HTML/HTML5 タグについての入力支援機能について紹介します。

この動画で紹介されている入力支援機能は以下のとおりです。

• ターゲットスキーマ
• インテリセンス
• コードスニペット

また、この動画の最初では Visual Studio 2010 を使用して単純な Web サイトを作成する手順についても紹介しています。

Visual Studio 2010 には、HTML5, CSS3 の入力を強化するための拡張 Web Standards Update for Microsoft Visual Studio 2010 SP1 がコミュニティから提供されており、これを使用すると Visual Studio 2010 の Service Pack 1 ではサポートされなかった CSS3、HTML5 API のインテリセンスが使用できるようになります。

Web Standards Update for Microsoft Visual Studio 2010 SP1 は、以下で入手することができます。

Web Standards...

Visual Studio 2010 には、JavaScript の記述をサポートする強力なインテリセンス (入力支援機能) が用意されています。

JavaScript 向けに用意されているインテリセンスは、単にオブジェクトが持っているメソッドやプロパティを列挙するだけでなく、それまでに行われた処理を判断し、適切な入力候補の表示および補完を行います。

この動画では、Visual Studio 2010 の JavaScript インテリセンスを使ったコーディングについてのデモを示します。

Visual Studuio 2010 には JavaScript をデバッグするためのさまざまな機能が搭載されています。

これらの機能を使用して、JavaScript コード内にデバッグのためのプログラムの実行の中断地点を定義したり (ブレークポイント)、一行ずつ実行したり (ステップ実行)、変数の中身を監視したり (ウォッチ式)、デバッグ中のコードがどの関数からどの順番に呼ばれたか (関数の呼び出し履歴) などを確認することができます。

これらの操作は、リアルタイムかつ、インタラクティブに行えるので実際に動作しているプログラムの中身と動作を正確に知ることができます。

この動画は、Visual Studio...