導入

必要なアプリのインストール

• Node.js（LTS版推奨）JavaScript環境必須
• Git バージョン管理ツール必須
• Visual Studio Code コードエディター 必須ではないが推奨

導入

NodeCG

NodeCG用の空フォルダーを作成する

上で作成したフォルダーをターミナルで開く
（Windows11: 上で作ったフォルダーを右クリックしてターミナルで開くを選択）
（Windows: エクスプローラーで上で作ったフォルダーを開いてアドレスバーにcmdと入力してEnter）
（Mac: 上で作ったフォルダーを右クリックしてフォルダにに新規ターミナルを選択）

ターミナル上で

npm install -g nodecg-cli

nodecg setup --update

を実行

NodeCG (バージョン名) installed と表示されたらインストール完了

NodeCG Bundle

NodeCGのbundlesフォルダーをターミナルで開く

ターミナル上で

ダウンロード

git clone https://github.com/KU-eSports/kuest-streaming.git

ディレクトリの移動

cd kuest-streaming

必要なライブラリのインストール

npm install

ビルド

npm run build

設定ファイルの生成

nodecg defaultconfig

nodecgフォルダー内のcfgフォルダーにバンドル名.jsonが生成されるので必要に応じて変更する

設定

nodecgフォルダー内のcfgフォルダーに生成されたバンドル名.jsonを以下のように書き換える

{
  "title": "配信に表示するタイトル",
  "discord": {
    "clientId": "",
    "clientSecret": "",
    "channel_id": "配信時に使用するDiscordチャンネルID",
    "speakers": {
      "配信で喋る人のDiscordユーザーID": "配信に表示するアイコン画像のURL",
      "配信で喋る人のDiscordユーザーID": "配信に表示するアイコン画像のURL"
    }
  }
}

各種IDはDiscordの設定→詳細設定→開発者モードを有効にして、対応するものに右クリック→IDをコピーで取得できる

ClientIdとClientSecretは""のままにしておくことでデフォルト設定でDiscordに接続するが、
動かない場合はDiscord Developer Portalでアプリケーションを作成して取得する

実行

NodeCG用のフォルダーをターミナルで開く

npm start

表示されたURL（デフォルトだとhttp://localhost:9090）をブラウザで開くと操作パネルが表示される

切り替えや更新

kuest-streamingフォルダーをターミナルで開く

ターミナル上で

切り替え（ゲーム名の部分は対応するゲーム名を入れてください）

git checkout prod/ゲーム名

更新

git pull