UIの作成

ウェブチャットアプリケーションのユーザーインターフェイスを作成します。

次のHTMLでは、2 <section> 表示するために使用する領域：

• アリスまたはボブとしてログインするためのボタン
• メッセージのフィード、テキストエリア、メッセージ送信ボタンを含むチャットインターフェース

ウェブページは、ページ本体がレンダリングされると、2つのスクリプトをロードする：

• について vonageClientSDK.min.js ファイルを @vonage/client-sdk ノードモジュールフォルダ
• について chat.js ファイルを作成します。この空のファイルをプロジェクトのルート・ディレクトリに作成します。

という名前のファイルを作成する。 index.html を以下の内容でプロジェクト・ディレクトリに置く：