サイクルの最初の5つの部分はここで利用できます 、6番目はここです。 これがサイクルの最後の部分です。
チーム基盤サービス
Windows Live ID資格情報を使用して、Windows Azure管理ポータル( http://manage.windowsazure.com )にログインします(図1)。
![clip_image002 clip_image002](https://habrastorage.org/getpro/geektimes/post_images/ab5/c4d/f68/ab5c4df68803c47653062e19ab0010af.jpg)
図 1.ログインページ
管理ポータル(図2)に入ったら、ページの左下隅にある[ 新規 ]ボタンをクリックして、[ 新規フォーム ]ダイアログボックスを開きます。
![clip_image004 clip_image004](https://habrastorage.org/getpro/geektimes/post_images/204/479/ba2/204479ba26e4561cc2816669bff699e2.jpg)
図 2. Windows Azure管理ポータル
[ Webサイト]を選択して、新しいWebサイトを作成します。 [ クイック作成]を選択します (図3)。
![clip_image006 clip_image006](https://habrastorage.org/getpro/geektimes/post_images/4e0/474/c74/4e0474c74f5f94b96d207bde8cb7e67f.jpg)
図3 ウェブサイト作成オプションの選択
将来のWebサイトのURLを入力します(図4)。
![clip_image008 clip_image008](https://habrastorage.org/getpro/geektimes/post_images/1a7/8a5/dc5/1a78a5dc5e9b33777b5c6dad3726d3f1.jpg)
図 4. Webサイトの初期セットアップ
すぐに新しいWebサイトがデプロイされ、その後、 Statusフィールドの値がRunningになります (図5)。
![clip_image010 clip_image010](https://habrastorage.org/getpro/geektimes/post_images/2e6/519/85a/2e651985ac2eb9912211a68770cb1488.jpg)
図 5.ウェブサイト情報パネル
WebサイトのURLフィールドのリンクをクリックして、Webサイトが作成され、機能することを確認します(図6)。
![clip_image012 clip_image012](https://habrastorage.org/getpro/geektimes/post_images/6a6/2ed/8a3/6a62ed8a3f7aa9bccef3eb63aeb0a93e.jpg)
図6 作成されたサイトの最初のページ
[ ダッシュボード ]ページに移動し、[ クイックGlance ]パネルの[ TFS公開の設定 ]リンクをクリックします。
現在、統合はこれまでTFSプレビューでのみサポートされているため、アカウントを作成する必要があります。 開いた[ TFS接続の承認]ウィンドウ(図7)で、[ TFSアカウントを今すぐ作成 ]をクリックします。
![clip_image014 clip_image014](https://habrastorage.org/getpro/geektimes/post_images/e29/45d/318/e2945d318b5765f3b12032c834cb915a.jpg)
図 7. TFS接続の承認ウィンドウ
開いた[ アカウント作成]ウィンドウ(図8)で、 アカウントURLを入力します 。 アカウントの作成をクリックします。
![clip_image016 clip_image016](https://habrastorage.org/getpro/geektimes/post_images/220/d16/2fa/220d162fa043d1dd54d053078e8e95bd.jpg)
図 8. TFSプレビューアカウントの作成
アカウントを作成すると、[ 最近のプロジェクトとチーム]ページに移動します(図9)。 [ チームプロジェクトの作成]をクリックします 。
![clip_image018 clip_image018](https://habrastorage.org/getpro/geektimes/post_images/1ea/739/3b8/1ea7393b8a2afee56a20b0c188eaa8ab.jpg)
図 9. TFSアカウント管理パネル
[ 新しいチームプロジェクトの作成]ウィンドウ(図10)で、必要なデータを入力します。 プロジェクトの作成をクリックします 。
![clip_image020 clip_image020](https://habrastorage.org/getpro/geektimes/post_images/556/cbc/1a4/556cbc1a4d029b1057452a3e31e55c4b.jpg)
図 10.新しいプロジェクトの作成
プロジェクトが完了するのを待って、Webサイトのダッシュボードページに移動します。 [ TFS公開のセットアップ]をクリックします。 開いたウィンドウで、TFSのURLを入力し、[ 今すぐ認証 ]をクリックします。
開いたウィンドウで、[ 承認 ](図11)をクリックして、TFSアカウントの接続を有効にします。 OKをクリックします。
![clip_image022 clip_image022](https://habrastorage.org/getpro/geektimes/post_images/451/955/10f/45195510f78cfc227fce4dc777a31c45.jpg)
図 11.プロジェクトをTFSに接続する
プロジェクトを選択して[ OK ]をクリックします。 TFSプロジェクトをバインドすると、対応するメッセージが表示されます(図12)。
![clip_image024 clip_image024](https://habrastorage.org/getpro/geektimes/post_images/fad/f0c/b86/fadf0cb86783d5f0f62e3bbec646e8f6.jpg)
図 12. TFSへのプロジェクトの接続の確認
Visual Studio 2010を使用している場合は、SP1とKB2581206をインストールする必要があります。 Visual Studio 2012の場合 、追加の手順は必要ありません。 Visual Studio 2012に移動します。
[ TFSに接続]をクリックします (図13)。
![clip_image025 clip_image025](https://habrastorage.org/getpro/geektimes/post_images/5dc/c00/5a7/5dcc005a736af5fd699907ab25a91693.png)
図 13.メニューVisual Studio 2012
表示される[Team Foundation Serverに接続]ウィンドウ(図14)で、[ サーバー ]をクリックします。
![clip_image027 clip_image027](https://habrastorage.org/getpro/geektimes/post_images/483/a47/f8f/483a47f8f1d686e329878e13a3d1b880.jpg)
図 14. Team Foundation Serverに接続する
追加をクリックします。
必要なデータを入力します(図15)。 OKをクリックします。 閉じるをクリックします 。
![clip_image028 clip_image028](https://habrastorage.org/getpro/geektimes/post_images/85e/07e/f57/85e07ef579c19a9ba3f38031acf96b2d.png)
図 15. Team Foundation Serverの追加
TFSに接続したら、プロジェクトを選択します(図16)。 接続をクリックします 。
![clip_image030 clip_image030](https://habrastorage.org/getpro/geektimes/post_images/8d5/7f3/2b4/8d57f32b46a9ec326085cd049a0eb869.jpg)
図 16. Team Foundation Serverに接続する
新規プロジェクトをクリックします。 ASP.NET MVC 4 Web Application Templateを選択します。 インターネットアプリケーションを選択してください
プロジェクトを作成した後、 ソリューションを右クリックします。
[ ソリューションをソース管理に追加]をクリックします(図17)。
![clip_image032 clip_image032](https://habrastorage.org/getpro/geektimes/post_images/c99/7c6/b8a/c997c6b8a0fec56f37e7fb6c5d6950dc.jpg)
図 17. TFSへのプロジェクトの追加
[ソース管理へのソリューション[プロジェクト名]の追加]ダイアログボックス(図18)で[ OK ]をクリックします。
![clip_image033 clip_image033](https://habrastorage.org/getpro/geektimes/post_images/cca/e6c/b1a/ccae6cb1abb0e37d66ff9b39de2b1432.png)
図 18. TFSへのプロジェクトの追加
ソース管理エクスプローラーを開きます。 プロジェクトに注意してください(図19)。
![clip_image035 clip_image035](https://habrastorage.org/getpro/geektimes/post_images/7e2/b1a/6fe/7e2b1a6fe3a962be43ee4a4dbeee54c7.jpg)
図 19.ソース管理エクスプローラー
チームエクスプローラーを開き、[ 保留中の変更 ]をクリックします。 コメントを入力して、[ チェックイン ]をクリックします(図20)。 表示される確認ダイアログで、[ はい ]をクリックします。
![clip_image036 clip_image036](https://habrastorage.org/getpro/geektimes/post_images/089/daf/342/089daf3423de81ac11747b18aa3931af.png)
図 20.プロジェクトのチェックイン
[ 展開 ]タブ(図21)でWindows Azure管理ポータルに移動し、ステータスが変更されたことに注目してください。プロジェクトがWindows Azure Webサイトに展開されていることがわかります。
![clip_image038 clip_image038](https://habrastorage.org/getpro/geektimes/post_images/15a/956/ebc/15a956ebc65d7bdba3cce87623dc10f3.jpg)
図 21.「デプロイメント」タブ
展開が完了すると、対応するメッセージがページに表示されます(図22)。
![clip_image040 clip_image040](https://habrastorage.org/getpro/geektimes/post_images/a12/3a3/24b/a123a324bfeb3935f1885aa1a448301b.jpg)
図 22.詳細なプロジェクトの報告
Visual StudioとTFSの統合を設定することにより、継続的な展開の利点を得ることができます。 これで、Visual Studioでコードを変更して[チェックイン]をクリックすると、展開履歴が保存されたプロジェクトが自動的に更新されます。 この場合、展開を選択して[ 再展開]ボタンをクリックすると、いつでも以前のバージョンにロールバックできます。
Git GitHub
Windows Azure Webサイトは、Gitによる展開をサポートしています。
[ ダッシュボード ]ページを開き、[ Git公開のセットアップ ]をクリックします(図1)。
![clip_image042 clip_image042](https://habrastorage.org/getpro/geektimes/post_images/817/5e8/760/8175e8760be84a0eff001be1d0e0aa57.jpg)
図 1.概要
Gitリポジトリが完了するまで待ちます。
http://windows.github.com/からWindows用GitHubをダウンロードしてインストールします 。
GitHub for Windowsを起動します。 Git Bashコマンドプロンプトを開き、git clone [repository address]と入力します。 パスワードを入力してください。 しばらくすると、リポジトリが選択したフォルダーに複製されます(図2)。
![clip_image044 clip_image044](https://habrastorage.org/getpro/geektimes/post_images/3da/1f0/fee/3da1f0feef42a33226c7845db74a7788.jpg)
図 2.リポジトリの複製
複製されたリポジトリを含むフォルダーを開き、Github for Windowsに転送します。 その後、リポジトリに関するレコードが表示されます(図3)。
![clip_image046 clip_image046](https://habrastorage.org/getpro/geektimes/post_images/ab3/260/a9d/ab3260a9d115554013e6ae6ac1a77e75.jpg)
図 3. Github for Windows
Webサイトをリポジトリフォルダーに追加します。
Github for Windowsでリポジトリの名前をダブルクリックします。
ログインとパスワードを入力して、リポジトリにアクセスします(図4)。 OKをクリックします。
![clip_image048 clip_image048](https://habrastorage.org/getpro/geektimes/post_images/a9c/280/0c2/a9c2800c24e341d9bfb9463bff17499f.jpg)
図 4. Github for Windowsでの認証
表示されるダイアログボックスで、コミットに関するメッセージを入力し、[ コミット ]をクリックします(図5)。
![clip_image050 clip_image050](https://habrastorage.org/getpro/geektimes/post_images/924/c03/974/924c039746eeab57d35b749a51c4f645.jpg)
図 5.リポジトリにコミットする
[ 発行]をクリックします。
WebMatrix 2
WebMatrixは、WebDeployまたはFTPを使用した展開を使用するMicrosoftの軽量開発ツールです。
Web Platform Installer 4.0を使用してWebMatric 2をダウンロードしてインストールします。
FTP経由でさらに展開するための資格情報を取得するには、名前をクリックしてWebサイトの管理パネルに移動します。 [ ダッシュボード ]ページで、[ 展開資格情報のリセット ]をクリックします (図1)。 表示されるダイアログで、Webサイトの展開に使用される資格情報を入力します。
![clip_image051 clip_image051](https://habrastorage.org/getpro/geektimes/post_images/a42/b0c/9c2/a42b0c9c23649f14a72a314bb91dc6da.png)
図1 Webサイトアクションメニュー
後でWebMatrixで使用される展開プロファイルをダウンロードするには、[ 公開プロファイルのダウンロード ]をクリックします 。
WebMatrixを起動します。
[ サイトを開く]、 [ リモートサイト]をクリックします 。 [ インポート設定の発行]をクリックし、Windows Azureポータルからダウンロードした展開プロファイルファイルを選択します(図2)。
![clip_image053 clip_image053](https://habrastorage.org/getpro/geektimes/post_images/0b4/92e/61b/0b492e61b0942057942ec6ad309d6d24.jpg)
図 2.リモートサイトの設定
ウェブサイト名を入力してください。
[ テスト接続]をクリックします 。 接続に問題がなければ、[ OK ]をクリックします。
WebMatrixではWebページ以外は編集できないため、 Views \ Home \ Indexファイルを開きます。 cshtmlで変更を加えます(図3)。 CTRL + Sを押します
![clip_image055 clip_image055](https://habrastorage.org/getpro/geektimes/post_images/262/c4e/ef4/262c4eef48f3487d0a01a23d37eedcfe.jpg)
図 3. WebMatrixでのWebページの編集
Web展開
Visual Studio 2012を起動します。
新規プロジェクトをクリックします。 ASP.NET MVC 4 Webアプリケーションテンプレートを選択します (図1)。 [ インターネットアプリケーション]を選択します (図2)。
![clip_image056 clip_image056](https://habrastorage.org/getpro/geektimes/post_images/396/48d/fb7/39648dfb785c6e209057a49ffec96481.png)
図 1. Visual Studio 2012のWebプロジェクトテンプレートのリスト
![clip_image058 clip_image058](https://habrastorage.org/getpro/geektimes/post_images/a8c/833/c08/a8c833c08b22d9c7456fd92aed1a30e2.jpg)
図 2. ASP.NET MVC 4プロジェクトの基本設定
プロジェクトを右クリックします。 発行を選択します。 開いたダイアログで、[ インポート... ]をクリックし、WebサイトのWindows Azure管理ポータルからダウンロードした展開プロファイルを選択します。 [ Web配置]展開オプションを選択します 。
入力した値の正確さを確認するには(図3)、[ 接続の検証 ]をクリックします。 成功したら、[ 公開 ]をクリックします。
![clip_image060 clip_image060](https://habrastorage.org/getpro/geektimes/post_images/9f6/db1/456/9f6db14560c5acf19a9b676b21555794.jpg)
図 3. Web配置配置設定ウィンドウ
次に、 出力ビューで、Web配置Webサイトの配置ログが検索されます(図4)。
![clip_image062 clip_image062](https://habrastorage.org/getpro/geektimes/post_images/374/b70/4dc/374b704dcbedcc9072fd7a897a61c998.jpg)
図 4.プレゼンテーション出力
プロジェクトに変更を加えます。
プロジェクトで「 公開」をクリックします。 すぐに[ プレビュー ]タブに移動したことに注意してください。 [ プレビューの開始]をクリックします(図5)。
![clip_image064 clip_image064](https://habrastorage.org/getpro/geektimes/post_images/cbb/955/5c5/cbb9555c549b42ef170ae982a7a8e7ed.jpg)
図 5.プレビュータブ
どの更新済みファイルをWindows Azureプラットフォームにアップロードする必要があるかを判断できます(図6)。
![clip_image066 clip_image066](https://habrastorage.org/getpro/geektimes/post_images/9c5/395/603/9c53956033ed83b21579e34084d984c8.jpg)
図 6. Web配置を使用してプロジェクトを公開する
[ 発行]をクリックします。
おわりに
Windows Azure Webサイトは、開発者がFTP、Git、TFSなどの使い慣れたプログラミング言語とツールを使用して、拡張性の高い環境でWebサイトを迅速かつ簡単に展開できるWindows Azureクラウドプラットフォームの新機能です。 Webサイトでは、Windows Azureサービス(SQLデータベース、キャッシュ、CDN)を使用できます。 Webサイトの負荷が増加するにつれて、開発者は迅速にスケーリングできます。
PDF形式でフォーマットおよび保存された一連の記事は、 こちらからダウンロードできます 。
ご清聴ありがとうございました!