プロジェクトフォルダーとHTMLテンプレートの作成

まず、HTMLファイル、JavaScriptファイル、CSSファイルを作成します。これらの3つのファイルには、それぞれレイアウト、アプリケーション・ロジック、いくつかのビジュアル要素が含まれます。

1. コードを書き始める前に、これらのファイルを格納する新しいプロジェクトフォルダをコンピュータに作成してください（以下の例は マイプロジェクト ただし、好きな名前をつけていい）。それから /js そして /css の空白ファイルと一緒に インデックス.html, app.jsそして app.css を以下のような構造で表している：

プロジェクトをセットアップしたら、コード・エディターでメイン・プロジェクト・フォルダーを開き、その中にある インデックス.html ファイル。

2. 以下のコードをコピーし（コピーボタンを使用）、コードエディタでindex.htmlファイルに追加します：

上記のコードには opentok.js ライブラリと、あなたが作成したJSファイルとCSSファイルが含まれています。コードには、テキストチャット用の div とメッセージを送信するためのフォームも含まれています。