Microsoft AzureでWebサイトを作る

20
Microsoft Azure で Web でででででで Microsoft Azure ででででででで Microsoft Azure ででででででででででで Microsoft Azure ででででででででででで Visual Studio Online ででで

description

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

Transcript of Microsoft AzureでWebサイトを作る

Page 1: Microsoft AzureでWebサイトを作る

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

Page 2: Microsoft AzureでWebサイトを作る

Microsoft Azure にログインする

Page 3: Microsoft AzureでWebサイトを作る

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

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

Page 4: Microsoft AzureでWebサイトを作る

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

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

Page 5: Microsoft AzureでWebサイトを作る

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

Page 6: Microsoft AzureでWebサイトを作る

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

Page 7: Microsoft AzureでWebサイトを作る

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

Page 8: Microsoft AzureでWebサイトを作る

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

Page 9: Microsoft AzureでWebサイトを作る

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

Page 10: Microsoft AzureでWebサイトを作る

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

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

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

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

Page 11: Microsoft AzureでWebサイトを作る

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

Page 12: Microsoft AzureでWebサイトを作る

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

Page 13: Microsoft AzureでWebサイトを作る

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

Page 14: Microsoft AzureでWebサイトを作る

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

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

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

Page 15: Microsoft AzureでWebサイトを作る

Visual Studio Online を使う

Page 16: Microsoft AzureでWebサイトを作る

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

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

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

Page 17: Microsoft AzureでWebサイトを作る

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

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

Page 18: Microsoft AzureでWebサイトを作る

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

Page 19: Microsoft AzureでWebサイトを作る

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

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

Page 20: Microsoft AzureでWebサイトを作る

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