クイック スタート ガイド

お使いのコンピューターの localhost で Live Share SDK に基づいて Dice Roller サンプルをすばやく実行するように設計された 、Dice Roller サンプル を使用して Live Share SDK の使用を開始します。

DiceRoller サンプル

注:

このガイドでは、ブラウザーでローカルで Live Share を使用する方法について説明します。 Teams 会議で SDK を使用する方法の詳細については、Agile Agile のチュートリアルをお試しください。

開発環境をセットアップする

開始するには、次のものをインストールします。

アプリの構築と実行

  1. Dice Roller サンプル アプリに移動します。

  2. Live Share SDK リポジトリを複製して、サンプル アプリをテストします。

    git clone https://github.com/microsoft/live-share-sdk.git
    
  3. 次のコマンドを実行して、Dice Roller サンプル アプリ フォルダーに移動します。

     cd live-share-sdk\samples\javascript\01.dice-roller
    
  4. 次のコマンドを実行して、依存関係パッケージをインストールします。

    npm install
    
  5. 次のコマンドを実行してローカルの Web サーバーを起動します。

    npm start
    

    新しいブラウザー タブで http://localhost:8080 URL が開き、Dice Roller ゲームが表示されます。

  6. ID を含むブラウザーで完全な URL をコピーし、新しいウィンドウまたは別のブラウザーに URL を貼り付けます。

    サイコロ ローラー アプリケーションの 2 番目のクライアントが開きます。

  7. 両方のウィンドウを開き、1 つのウィンドウで [ロール] ボタンを選択します。 サイコロの状態は両方のクライアントで変化します。

    サイコロ ローラーの複数のタブ

    おめでとうございます。Live Share SDK を使用してアプリをビルドして実行する方法を学習しました。

次のステップ

関連項目