TVTDataBroadcastingHybridをVisual Studioでビルドする

Visual Studio 2022以降でのビルド方法です。

Visual Studioのインストール

こちらの記事を参考にしてください。

web-bmlとフロントエンドのビルドに必要です。

公式サイトからダウンロードします。

インストールで特に変更するところはありません。

スタートメニューからVisual Studioを起動します。

「リポジトリのクローン」をクリックします。

「リポジトリの場所」に以下を入力します。

https://github.com/SomeDena786/TVTDataBroadcastingHybrid.git

「パス」でソースをダウンロードするフォルダを選択します。
選択したら末尾に「\TVTDataBroadcastingHybrid」を入力します。

「クローン」をクリックします。

Visual Studio 2026で「セットアップアシスタント」が出た場合は「すべて再ターゲット」を選んで「適用」をクリックします。

「Debug」を「Release」にして、「x86」にします。

「ビルド」から「ソリューションのビルド」をクリックします。

失敗が0ならビルド完了です。

「Release」フォルダにあるTVTDataBroadcastingHybrid.tvtpが必要なファイルです。

コマンドプロンプトを起動します。

ソースフォルダまでcdコマンドで移動します。

cd "C:\DTV\Build\TVTDataBroadcastingHybrid"

以下のコマンドでビルドします。

cd web-bml
npm ci --allow-remote=all
npx tsc
cd ..

以下のコマンドでビルドします。

cd browser
npm ci --allow-remote=all
npm run build
cd ..

browser\dist にあるaribhtml5_runtime.jsとTVTDataBroadcastingHybrid.jsが必要なファイルです。

TVTestの「Plugins」フォルダにTVTDataBroadcastingHybrid.tvtpを入れます。

「Plugins」フォルダの中に TVTDataBroadcastingWV2\resources\dist を作成します。

aribhtml5_runtime.jsとTVTDataBroadcastingHybrid.jsを TVTDataBroadcastingHybrid\resources\dist に入れます。

「browser」フォルダにあるTVTDataBroadcastingHybrid.htmlを TVTDataBroadcastingHybrid\resources に入れます。

ここまで終えると以下のようになります。