ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ......

19
ハンズオン事前準備資料 ©2018 株式会社 FIXER All rights reserved.

Transcript of ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ......

Page 1: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

ハンズオン事前準備資料

©2018 株式会社 FIXER All rights reserved.

Page 2: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

2

目次

A-1. Microsoft アカウントの作成 .............................................................................................................................................. 3

A-2. Azure サブスクリプションの作成 ..................................................................................................................................... 7

A-3. Visual Studio 2017 のインストール ............................................................................................................................... 11

A-4. POSTMAN のインストール ............................................................................................................................................. 14

A-5. Bot Framework Channel Emulator のインストール ................................................................................................... 17

作って分かる「クラウド AI」実践講座にご来場頂く前に、以下の事前準備を行って下さい。

・Microsoft アカウントの作成

・Azure サブスクリプションの作成

・Visual Studio のダウンロード・インストール

・POSTMAN のインストール

・Bot Framework Channel Emulator のインストール

Page 3: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

3

1. ブラウザで下記の URL を開きます。

https://signup.live.com/

アカウントの作成画面が表示されますので、[[email protected]]と書かれた欄にお使いのメールアドレス

を入力し[次へ]をクリックします。

(※メールアドレスをお持ちでない方は[新しいメールアドレスの取得]をクリックすることで、新しいメールア

ドレスを作成した上で Microsoft アカウントを作成することができます。)

2. アカウントに設定したいパスワードの入力を求められますので、[パスワードの作成]と書かれた欄に設定したい

パスワードを入力し[次へ]をクリックします。

Page 4: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

4

3. 名前の入力を求められますので、入力し[次へ]をクリックします。

4. 地域や生年月日の入力を求められますので、入力し[次へ]をクリックします。

Page 5: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

5

5. お持ちのメールアドレスでアカウントの作成を行った場合、そのメールアドレスが本人のものであるか確認を行

うために、入力されたメールアドレス宛にコードが送信されます。メールの受信ボックスを確認し、「Microsoft

アカウントチーム」から送信されている「お使いのメールアドレスの確認」という件名のメールに記載されたセ

キュリティコードを入力し[次へ]をクリックします。

(※新しいメールアドレスの取得から行った場合は電話番号の入力を求められます。この電話番号は SMS を受

信できる携帯電話などの電話番号を入力してください。入力した電話番号に SMS でコードが送信されますので、

それを入力します。)

6. アカウントを作成しているのがスクリプトなどではないこと証明するために、表示されている文字を[表示されて

いる文字を入力してください]に入力し[次へ]をクリックします。

Page 6: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

6

7. アカウントの作成が完了すると以下の画面が表示されます。これで Microsoft アカウントの作成は完了です。

Page 7: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

7

個人で Azure を利用する際には以下の手順を実施することで Azure のサブスクリプションを作成することができま

す。

法人で Azure を利用する際には FIXER などの Azure パートナーにお申込みください。

1. ブラウザで下記の URL を開きます。Azure の購入ページが表示されますので[今すぐ購入]をクリックします。

https://azure.microsoft.com/ja-jp/pricing/purchase-options/

2. Microsoft アカウントでのサインインを求める画面が表示されますので、作成済みの Microsoft アカウントのメー

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

Page 8: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

8

3. 利用者の情報の入力を求められますので、入力し[次へ]をクリックします

4. 本人確認のため電話番号で認証を行います。電話番号を入力し[テキストメッセージを受信]もしくは、[電話で確

認コードを受け取る]をクリックします。携帯電話番号であれば、どちらを選択しても問題ありませんが、固定電

話など SMS を受信できない電話の場合は、テキストメッセージの受信ができませんので[電話で確認コードを受

け取る]をクリックします。

Page 9: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

9

5. テキストメッセージや電話で確認したコードを入力し[コードの確認]をクリックします。

6. 本人確認が完了すると支払情報の入力が求められますので、クレジットカード情報を入力し[次へ]をクリックし

ます。Azure は従量課金であるため、クレジットカード情報を登録しても利用をするまでは課金されません。

Page 10: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

10

7. テクニカルサポートが必要か確認されます。必要に応じて有料でサポートプランを選択できます。必要に応じて

適切なものを選択し[次へ]をクリックします。

8. [サブスクリプション契約~に同意します。]のリンク先の契約内容確認し、チェックを入れ[購入]をクリックしま

す。

9. 以下の画面が表示されたら Azure のサブスクリプションの作成は完了です。

Page 11: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

11

1. ブラウザで下記の URL を開きます。Visual Studio 2017 のダウンロードページが表示されますので、Visual Studio

Community の[無償ダウンロード]をクリックします。

(※Visual Studio Code 以外であれば、どのエディションをお使い頂いても構いません)

https://www.visualstudio.com/ja/downloads/

ただし、Visual Studio Community には利用条件が存在します。個人開発者は自由に利用可能ですが、組織の開発

者の場合は制限があります。簡単にまとめますと、

エンタープライズ組織(「PC を 250 台以上所有」もしくは「年商が 100 万ドル超え」)では利用不可

非エンタープライズ組織では 5 ユーザまで利用可能

エンタープライズ組織かどうかに関わらず「教室の研修環境」「学術的調査」「オープンソースプロジェクト

への貢献」では何人でも利用可能

詳しくは Visual Studio のライセンスをご確認ください。

https://www.visualstudio.com/wp-content/uploads/2017/05/Visual-Studio-2017-Licensing-Whitepaper-

March-2017_Japanese.pdf

2. [vs_Community.exe]という名前のファイルがダウンロードされます。

Page 12: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

12

3. ダウンロードが完了したら、ダウンロード先のフォルダへ移動します。[vs_Community.exe]を実行し、Visual

Studio Community のインストールを開始します。

4. [続行]をクリックし、ライセンス規約に同意します。すると、数分間お待ち下さいと表示されるので待ちます。

5. 本書の演習では C#と IIS が必要となりますので、 [ASP.NET と Web 開発]を選択し[インストール]をクリックし

ます。

Page 13: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

13

6. インストールが開始されると以下の画面が表示されます。完了するまで数分待機します。

7. インストールが完了すると以下の画面が表示されます。

起動後にサインインを求められましたら、Microsoft アカウントでサインインください。

Page 14: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

14

1. ブラウザで以下の URL を開きます。Postman のダウンロード選択画面が表示されますので、お使いの環境に適

したものをクリックし、インストールします。

https://www.getpostman.com/apps

2. ダウンロード中のページが表示されるので、ダウンロードが完了するまで待ちます。

Page 15: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

15

3. ダウンロードした「Postman-(バージョン等)-Setup.exe」を起動されると、アカウント作成とログイン画面が表

示されますので、アカウントを作成します。

[email] ご自身のメールアドレス

[username] 使用する名前(他の人と被らないものユニークなもの)

[password] 任意のパスワード

入力が完了したら[Sing Up]をクリックします。

Page 16: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

16

4. Sign Up に成功すると Postman の説明が表示されますので、[Get started with Postman]をクリックします。

5. Postman が使えるようになると以下のような画面が表示されます。

Page 17: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

17

1. ブラウザで以下の URL を開きます。Bot Framework のドキュメントページが表示されるので、[GitHub リリー

スページ]をクリックします。

https://goo.gl/hWkLbV

(https://docs.microsoft.com/en-us/bot-framework/debug-bots-emulator)

Page 18: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

18

2. エミュレーターダウンロードページが表示されるので、 [botframework-emulator-Setup-4.0.15-alpha.exe]を

クリックし、ファイルをダウンロードします。

Page 19: ハンズオン事前準備資料 - Nikkei BP · ハンズオン事前準備資料 ... ブラウザで以下のURLを開きます。Bot Frameworkのドキュメントページが表示されるので、[GitHubリリー

19

3. ダウンロードした[botframework-emulator-Setup-4.0.15-alpha.exe]を実行します。実行すると以下のような

画面が表示され、Bot Framework Channel Emulator のインストールが開始されます。

4. インストールが完了すると、Bot Framework Channel Emulator が起動し、以下のような画面が表示されます。こ

こまで完了したら、事前準備は完了です。