Amazon Developer

Console

as

Settings
Sign out
Notifications
Alexa
Amazonアプリストア
Ring
AWS
ドキュメント
Support
Contact Us
My Cases

Console

as

開発
設計と開発
公開
リファレンス
サポート
メインコンテンツへスキップ
Vega Studioは、Vegaアプリ向けの統合開発環境（IDE）です。Chrome DevTools（CDT）と統合してWebViewアプリをアタッチしてデバッグできます。CDTを使用することで、通常のウェブアプリと同様に、レンダリングされたHTMLコンテンツを検査したり、ブレークポイントを設定してJavaScriptをデバッグできます。 Vega Studioを使用してCDTデバッグセッションをセットアップするには、以下のガイドを参考にしてください。

​
前提条件

  1. Visual Studio Codeをインストールします。
  2. Vega Studio拡張機能（0.21以降）をインストールします。

​
Vegaウェブアプリをデバッグする手順

  1. Vega Studioでアプリを開きます。
  2. デバッグバリアントをビルドして起動します。
  3. 次の2つの方法のいずれかでアプリを起動します。
    1. コマンドラインから起動
    2. Vega Studioサイドバーの [Play] ボタンをタップして起動
  4. Vega StudioからChrome DevToolsを起動します。
    1. Vega Studioのサイドバーを開き、[Chrome DevTools] をクリックします。 Vega Studioサイドバーの [Chrome DevTools] オプション
    2. ターゲットランタイムを選択するコンボボックスが表示されます。WebViewで実行されているHTML + JavaScriptコンテンツをデバッグするには、[WebView] を選択します。 Vega Studioコンボボックス
    3. Chrome DevToolsがエディターに表示され、WebViewランタイムにアタッチされます。HTMLとJavaScriptのソースコードを検査したり、JavaScriptコードにブレークポイントを設定したりできます。 Vega Studioコンボボックス

​
関連トピック

最終更新日 2026年10月26日