前提条件
レイアウトのプレビュー
レイアウトのプレビューは、VS Code エクスプローラー を介してエディターでレイアウト ファイルを開くだけで実行できます。バンドルのlayouts ディレクトリ内のレイアウト ファイルをクリックするだけで、レイアウトの JSON コンテンツが 1 つのタブに表示され、レイアウトのライブ プレビューが自動的に隣のタブに表示されます。
レイアウト ファイルに エラー がある場合、VS Code 問題パネル に表示されます。エラーが解決されるまで、プレビューは更新されません。これは ステータス、エラー、警告 のセクションで詳しく説明します。
- レイアウト ファイルの右上隅にある「Open Preview」ボタンをクリックします:
- コマンド パレットを介して「Touch Adaptation Kit: Open preview to the side」コマンドを実行します。
ステータス、エラー、警告
検証ステータス
バンドル内のレイアウト、アセット、およびその他のファイルに変更が加えられると、拡張機能は、すべてのバンドルが遵守すべき事前定義されたルールのセットに対して、バンドルの内容の有効性を継続的に検証します。これはバックグラウンドで行われ、バンドル内にネストされたファイルが保存または他の方法で変更 (例: 名前変更) されるたびに再評価されます。 この検証のステータスは、ウィンドウの右下端にあるステータス バー項目を通じて報告されます。 このステータス バー項目は、少なくとも 1 つのレイアウト ファイルがエディターで開かれている場合にのみ表示されます。アクティブなバンドルの名前と、バンドル内で見つかった問題 (エラーおよび警告) の数を表示します。ステータス バー項目をクリックすると、バンドル内で見つかったすべての問題のリストを含む VS Code 問題パネル が開きます。同期ステータス
プレビュー パネルには、TAK CLI へのアクティブなバンドル サイドロード接続があります。これがどのように機能するかについては、TAK CLI のドキュメント を参照してください。 この接続のステータスは、検証ステータス バー項目の隣にあるウィンドウの右下端にあるステータス バー項目を通じて報告されます。このステータスは、プレビュー パネルが開いているときにのみ表示されます。 上記のスクリーンショットは、接続がアクティブでプレビューが同期しているときのステータス バー項目を示しています。これは、バンドルにエラーがない場合に該当します (警告は許容され、状態を「同期中」に保ちます)。エラーが存在する場合、ステータスは「Out of sync」に変わります。 このステータス バー項目にカーソルを合わせると、TAK CLI がホストするサイドロード サーバーの詳細を含むツールチップが表示されます。このアドレスは、Content Test App など、別のゲーム ストリーミング クライアントをプレビューに接続するために使用できます。エラーと警告
VS Code 問題パネル には、バンドル内で見つかったすべての問題のリストが表示されます。これには、検証プロセス中に見つかったすべての問題が含まれます。 問題が存在するとき、検証または同期のステータス バー項目のいずれかをクリックすると、問題パネルが開き、問題のリストが表示されます。各問題には、説明とバンドル内の問題が見つかった場所があります。 たとえば、以下のスクリーンショットでは、バンドル内のplatformer-advanced.json レイアウト ファイルがバンドルに存在しないアセット (run.png) を参照している 1 つのエラーが存在します:
参照がバンドル内に存在するアセットに変更されるか、アセットがバンドルに追加されるまで、プレビューの状態は「Out of sync」になります。
次のステップ
[!div class=“nextstepaction”] プレビューのカスタマイズ