Microsoft AzureでWebサイトを作る

Preview:

DESCRIPTION

『Microsoft Azureにログインする』『Microsoft Azureウェブサイトを作成する』『Microsoft Azureウェブサイトを強化する』『Visual Studio Online "Monaco"を使う』の4項目について解説します

Citation preview

Microsoft Azure でWeb サイトを作るMicrosoft Azure にログインするMicrosoft Azure ウェブサイトを作成するMicrosoft Azure ウェブサイトを強化するVisual Studio Online を使う

Microsoft Azure にログインする

1. http://http://azure.microsoft.com/ja-jp/  を Web ブラウザで表示します

2. [ ポータル ] をクリックします

2. [ 作成したメールアドレス ] を入力し、  [ 続行 ] をクリックします

1. アカウントのログイン画面が表示されます

1. この画面が表示されたら [Microsoft アカウント ] を選択します。 ( 表示されない場合もあります )

1. [ メールアドレス ] と [ パスワード ]を入力し、 [ サインイン ] をクリックします。

Microsoft Azure のトップページが表示されます。新規登録後は、 [ すべてのアイテム ] には何も表示されません。 

Microsoft Azure ウェブサイトを作成する

1. [+ 新規 ] ボタンをクリックします

1. 黒い画面が下からせりあがります2. [WEB サイト ] をクリックします3. [ 簡易作成 ] をクリックします

4. [URL] に好きな名前を入力します。 これが WEB サイトのアドレスになります。

5. [ 日本 ( 東 )] を選択します

6. [WEB サイトの作成 ] をクリックします

しばらく待つと、 WEB サイトが作成されます。これは管理画面です。アドレスは http://○○○○.azurewebsites.net

しばらく待つと、 WEB サイトが作成されます。これは作成されたサイトです。アドレスは http://○○○○.azurewebsites.net

Microsoft Azure ウェブサイトを強化する

1. [ スケール ] をクリックします。

2. [ 標準 ] をクリックします。

3. [ 保存 ] ボタンをクリックします。

Visual Studio Online を使う

1. [ 構成 ] をクリックします。

2. [VISUAL STUDIO ONLINE での編集 ] で [ オン ] をクリックします。

3. [ 保存 ] ボタンをクリックします。

2. [Visual Studio Online での編集 ] をクリックします

1. [ ダッシュボード ] をクリックします。

Visual Studio Online “Monaco” がブラウザ上に表示されます。ここからソースコードを編集できます。

2. [index.html] と入力します。 トップページとなる HTML ファイルを作成しました。

1. [ 新規作成アイコン ] をクリックします。

Visual Studio Online “Monaco” でindex.html を編集します。

Recommended