読者です 読者をやめる 読者になる 読者になる

CX's Hatena Blog

はてなブログを使ってみるテスト

Microsoft Visual Studio Express 2013 for Windows をインストールしてみる

1週間ほど前ですが、Visual Studio 2013 の正式版が公開されました。

Microsoft、「Visual Studio 2013」「.NET Framework 4.5.1」を正式公開 - 窓の杜

製品版はさておき、無償版(Express 版)としては、以下のようなエディションがあるようです。

名称 用途
Microsoft Visual Studio Express 2013 for Web Webアプリケーションの開発
Microsoft Visual Studio Express 2013 for Windows Desktop デスクトップアプリの開発
Microsoft Visual Studio Express 2013 for Windows Windows ストアアプリの開発

とりあえず、今回は「Windows ストアアプリの開発」用の「for Windows」をインストールしてみたいと思います。

1. ダウンロード

Visual Studio Express 2013 は以下サイトよりダウンロード可能です。

Visual Studio 2013 ダウンロード | Microsoft Visual Studio http://www.microsoft.com/visualstudio/jpn/downloads#d-2013-express

f:id:cx20:20131027030052p:plain

2. エクスプローラよりインストーラを実行

f:id:cx20:20131027022251p:plain

3. インストールの開始

f:id:cx20:20131027022252p:plain

f:id:cx20:20131027022253p:plain

4. 起動

f:id:cx20:20131027022254p:plain

f:id:cx20:20131027022256p:plain

f:id:cx20:20131027022255p:plain

f:id:cx20:20131027022257p:plain

f:id:cx20:20131027022258p:plain

f:id:cx20:20131027022259p:plain

5. プロジェクトの作成

以下のチュートリアルを参考に "Hello, world" アプリを作成。

■ パート 1: "Hello, world" アプリを作成する (JavaScript と HTML を使った Windows ストア アプリ) http://msdn.microsoft.com/ja-jp/library/windows/apps/hh986964.aspx

f:id:cx20:20131027022300p:plain

f:id:cx20:20131027022301p:plain

f:id:cx20:20131027022302p:plain

ひな形のコードが生成されました。

6. [F5] にて実行

f:id:cx20:20131027023058p:plain

とりあえず、ひな形のプロジェクトを実行することができました。

7. コード修正

default.html を修正

変更前)

f:id:cx20:20131027024644p:plain

変更後)

f:id:cx20:20131027024645p:plain

default.js にコードを追加。

変更前)

f:id:cx20:20131027024942p:plain

変更後)

f:id:cx20:20131027025207p:plain

8. 再度 [F5] にて実行

f:id:cx20:20131027023059p:plain

f:id:cx20:20131027023100p:plain

無事、追加したコードが動作することが確認できました。