WebXR の要件
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
WebXR を使用して AR 開発に対応した環境を設定するには、以下が必要です。
安全なコンテキストを使用する
セキュア コンテキストとは、ウェブリソースが特定のレベルのセキュリティで転送されたことを保証するセキュリティ メカニズムです。新機能で信頼できる XR エクスペリエンスを提供するには、安全なコンテキストが必要です。
一方、リソースが安全なコンテキストで提供されると見なされるには、リソースが次の条件の少なくとも 1 つを満たしている必要があります。
- リソースは TLS(
https://
)経由で配信する必要がある
- リソースは
localhost
または *.localhost
を使用してリクエストする必要があります。
ポート転送をセットアップする
TLS でアクセスできる開発サーバーがなくても、Chrome DevTools のポート転送を使用することで、安全なコンテキストで開発を行うことができます。ポート転送を使用すると、Android デバイスは開発マシンのウェブサーバーでホストされているコンテンツにアクセスできます。Android デバイス上にリスニング TCP ポートを作成し、開発マシンの TCP ポートにマッピングします。トラフィックは、この 2 つのポート間の USB 接続を介して移動できます。
ポート転送をセットアップする手順は次のとおりです。
- Chrome DevTools の手順のポート転送をセットアップするの手順を行います。
- 開発用ワークステーションでウェブサーバーが実行されていることを確認します。
- 接続が機能することを確認します。Android デバイスで Google Chrome を開き、[ポート転送の設定] で指定したポート番号(
localhost:8000
など)の localhost
に移動します。
これで、ウェブサーバー上のリソースが Android デバイスから表示されるようになります。これらのリソースはセキュア コンテキストで提供され、WebXR 機能を使用できます。
サポートされているデバイスをセットアップする
Android での AR エクスペリエンスは、ARCore 対応デバイスでのみ実行できます。デバイスに Google Play 開発者サービス(AR)がインストールされ、有効になっていることを確認します。
デバイスが WebXR を実行するように正しく構成されていることを確認するには、互換性のあるブラウザでサンプル WebXR ページを参照します。
次のステップ
WebXR を使用して AR エクスペリエンスを作成するための開発環境をセットアップしたので、次のことができます。
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2023-12-08 UTC。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]
{"lastModified": "\u6700\u7d42\u66f4\u65b0\u65e5 2023-12-08 UTC\u3002"}
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2023-12-08 UTC。"]]