WebAR開発ツール・SDK・ライブラリ比較｜8th Wall終了後の選び方

WebブラウザでARを表示するWebARは、専用アプリのインストールを介さずに3Dモデルを空間へ配置できる手段として定着してきました。一方で、2026年2月28日に8th Wallの旧サービスにおけるログインや新規編集が終了したことにより、ツールの選定基準は大きく変化しています。

WebARの導入方法は、主にノーコードで公開できるWebサービスと、エンジニアがコードを書いて組み込むライブラリやフレームワークに分かれます。本記事では、主要なWebARツールの機能、費用、運用面の違いを整理し、自社の開発リソースや目的に適したツールの選び方を解説します。

結論：自社の開発体制と実現したい体験で選ぶ

ツール選びの分岐点は、社内にエンジニアがいるかどうか、そして単に3Dモデルを配置するのか、高度なインタラクションや画像認識を必要とするのかという点にあります。

社内にWeb制作や開発の体制がある場合、オープンソースのmodel-viewerやA-Frameを採用すれば、利用料をかけずに自由度の高いUIを実装できます。ただし、サーバーの用意やファイル変換の仕組みは自社で構築しなければなりません。

開発リソースを割かずに素早く公開したい場合は、Webブラウザ上で完結するノーコードサービスが候補になります。ただし、サービスごとに画像認識の可否や対応ファイル形式、転送量制限が異なるため、用途に合わせた見極めが必要です。

WebARの基本的な仕組みについてはWebARとは？仕組み・活用事例を解説をご覧ください。

WebARツール比較表

各ツールの分類、主な用途、料金、対応環境の比較は以下のとおりです。

ツール	分類	主な用途	料金の目安	導入の難易度	iOS AR対応	日本語表示
Pitat-AR	ノーコード型	EC・作品展示・販促	無料	低い	対応（自動変換）	対応
model-viewer	OSSコンポーネント	既存Webサイトへの埋め込み	無料（自社実装）	中程度	対応（自動生成・個別指定）	ドキュメントは英語
A-Frame	OSSフレームワーク	VR/AR空間表現・教育	無料（自社実装）	高い	一部制約あり	ドキュメントは英語
Zapworks	プラットフォーム型	パッケージ認識・教育	公式料金表を確認	中程度	対応	英語のみ
Reality Composer	開発ツール（Apple純正）	iOS/visionOSアプリ向け	無料	中程度	対応	対応
Blippar	エンタープライズ型	大規模プロモーション	要問合せ	中程度	対応	英語のみ
~~8th Wall~~	プラットフォーム型	（旧サービス受付終了）	移行期間中	—	—	—

※料金やプランの条件は提供元の改定により変更される場合があります。

目的別の選び方フロー

作りたい体験	自社開発する場合	制作画面から組み立てる場合
商品の3D表示・床や机への配置	model-viewer	Pitat-ARなどのWebARサービス
ポスターやパッケージの画像認識	対応するSDK・ライブラリを選ぶ	Zapworksなどで対応機能を確認
顔認識フィルター	顔認識SDKを選ぶ	顔認識対応の制作ツールを確認
VRを含む独自の空間体験	A-Frameなど	対象端末に対応する制作ツールを確認
Apple向けアプリ内の空間表現	Xcode・Reality Composer Pro	アプリ開発と配布の体制を別途確保

各ツールの特徴と留意点

1. Pitat-AR ― ノーコードで手軽にWebARを公開

Pitat-ARは、GLB形式の3DモデルをブラウザからアップロードしてAR公開URLやQRコードを発行する日本発のWebサービスです。

アップロードされたGLBファイルをサーバー側でiOS用のUSDZ形式へ自動変換するため、端末ごとのファイル形式の差異を意識せずに公開できます。表示画面のiframe埋め込みコードの発行や、ロゴの変更にも対応しています。

個人向けに無料枠が提供されており、1つの個人スペース内で最大3プロジェクト、合計10個までのモデル（1ファイルあたり20MiBまで）を管理できます。直近24時間の配信上限は500MiB、月間上限は2GiBとなっており、上限に達した場合は追加課金が発生するのではなく配信が自動で一時停止します。

高度なゲーム制作、顔認識、画像トラッキングには対応していません。また、自動変換されたUSDZは、モデルの複雑なマテリアル設定やアニメーションが元データと完全に一致しない場合があるため、公開前の実機確認が必須です。

GLBの準備手順はGLBファイルの作り方ガイドを、販促での利用イメージはARマーケティング・販促ガイドを参照してください。

→ Pitat-ARでWebARを作成する

2. model-viewer（Google製）― 開発者向けのWebコンポーネント

GoogleがメンテナンスしているオープンソースのWebコンポーネントです。HTMLタグを1行記述するだけで、Webサイト上に3Dモデルビューアを配置し、対応端末でAR表示を起動できます。

Apache License 2.0で提供されており、ライセンス利用料はかかりません。自社サーバー上で動作するため、第三者のSaaSプラットフォームに依存せずサイト内に3D表示を構築できます。

注意点として、Webサイト上での3D表示と、カメラ越しのAR起動は対応条件が異なります。AndroidではScene ViewerまたはWebXRに対応した端末、iOSではQuick Lookを呼び出す構成が必要です。また、ios-srcを省略すれば、iOSのAR起動時にUSDZを自動生成できます。アニメーションなどの制約を避けたい場合は、別途USDZを用意して指定します（公式AR例）。iframe内で利用する場合は、allow="xr-spatial-tracking"属性やHTTPS接続の適用が前提となります。

<!-- ライブラリの読み込み -->
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>

<model-viewer
  src="product.glb"
  ios-src="product.usdz"
  ar
  ar-modes="webxr scene-viewer quick-look"
  camera-controls
  shadow-intensity="1"
  alt="商品の3Dモデル"
></model-viewer>

具体的な埋め込み手順は3DモデルをWebサイトに埋め込む方法を、GLBとUSDZの仕様差はGLBとUSDZの違いをご覧ください。

3. A-Frame（Mozilla発祥）― VRとARに対応するWebフレームワーク

Three.jsをベースに設計された、HTMLに似たタグ形式で3D空間を構築できるWebXRフレームワークです。

デスクトップブラウザ、VRヘッドセット、スマートフォンのブラウザに向けた体験を単一のコードベースから構築できます。3D空間内の自由な位置移動や視覚演出を作り込みたい用途に向いています。

一方で、スマートフォン単体でのAR配置に関しては、iOS SafariのWebXR対応状況による制約を受けます。単に商品を現実空間に試し置きしたい用途に対しては、実装手順や学習コストが大きくなりやすい傾向があります。VR空間とAR教材を共通設計する教育現場などで活用されています（→AR教育・研修活用ガイド）。

4. Zapworks ― 画像認識（マーカーAR）に強みを持つプラットフォーム

英国Zappar社が提供するWebARプラットフォームです。印刷物や商品パッケージにカメラをかざすとコンテンツが立ち上がる、画像トラッキング機能に定評があります。

ブラウザ上で操作するノーコードエディタ（Designer）と、スクリプト記述に対応した開発環境（Studio）が用意されています。

管理画面や公式サポートは英語のみで提供されています。海外サービスのため、利用料はドル建てでの月額・年額請求となります。

料金はZapworksの公式料金表で、商用利用の可否、利用できるツール、配信量、追加費用を確認してください。月払いと年払いで条件が異なることもあります。

5. Reality Composer ― Apple環境専用のオーサリングツール

Appleが提供しているAR制作環境で、現在はXcodeと連携するReality Composer Proを中心に展開されています。

USDZ形式のモデルや空間オーディオ、物理演算を直感的に配置し、iOS端末やApple Vision Pro向けに書き出せます。Apple Developerアカウントがあれば無償で利用できます。

ただし、本ツールは基本的にiOS/visionOSアプリ向けのデータ制作を前提としており、Webブラウザ経由でAndroid端末を含む幅広いユーザーに直接配信するWebARツールではありません。

ブラウザ完結の構成を検討している場合は、アプリ不要のWebARが選ばれる理由をあわせて確認してください。

6. Blippar ― 大規模キャンペーン向けの企業向けサービス

ノーコードツールの「Blippbuilder」と開発者向けSDKを提供する、エンタープライズ向けのARプラットフォームです。屋外広告や大規模なプロモーションでの運用実績が多く、詳細な分析機能が備わっています。

料金プランは個別見積もりの年間契約が基本となり、小規模なプロジェクトや個人のWebサイトに導入するには費用面でのハードルが高くなります。

7. 8th Wall ― 旧サービス終了に伴う現状と移行の考え方

8th Wallは長年にわたり高精度なWebARエンジンとして利用されてきましたが、2026年2月28日をもって旧プラットフォームの新規編集やログイン受付が終了しました。

現在稼働している既存プロジェクトのホスティングについても、2027年2月28日に終了することが告知されています。現時点で旧ダッシュボードからアセットを直接エクスポートすることはできないため、移行にあたっては手元に保管されているオリジナルの3Dモデルやテクスチャ素材の確認から着手する必要があります。

エンジンの一部はオープンソース化されましたが、空間認識（SLAM）などの特許技術すべてがそのまま移行できるわけではありません。過去の制作物を維持・再構築する場合は、用途に応じてmodel-viewerやZapworks、自社サーバー構成への切り替えを検討してください。具体的な段取りは8th Wall終了後の移行ガイドで解説しています。

導入費用の比較と見積もりの考え方

WebARの導入にかかる費用は、ツールの月額料金だけでなく、3Dモデルの準備費用、Webサイトへの組み込み作業費、公開後のサーバー転送量を含めた総額で判断します。

想定シナリオ別の費用概算例（商品10点を掲載する場合）

費用項目	Pitat-AR	model-viewer（自社構築）	Zapworks（Pro）
ツール・SaaS利用料	無料（枠内利用）	無料	契約プランと配信規模による
3Dモデル制作費	0〜30万円	0〜30万円	0〜30万円
Web実装・組み込み費	自社作業（数時間）	20〜60万円（外部委託時）	10〜30万円
サーバー・インフラ費	含まれる（上限あり）	年間3〜10万円	含まれる

※制作費や委託費は依頼先やモデルの複雑さによって変動する目安です。

オープンソースのツールはソフトウェア自体のライセンス費用がかからない一方、初期の実装工数やUSDZ変換、配信サーバーの保守費用が自社側に発生します。SaaS型ツールは月額費用が発生する、あるいは無料枠の上限がある代わりに、環境構築の工数を削減できます。費用の詳細はAR導入コスト完全ガイドで解説しています。

機能・環境別の対応状況

機能別の比較

機能	Pitat-AR	model-viewer	A-Frame	Zapworks	Reality Composer	Blippar
3Dオブジェクトの空間配置	対応	対応	対応	対応	対応	対応
平面認識（床・机）	対応	対応	△（要拡張）	対応	対応	対応
画像トラッキング	非対応	非対応	△（要ライブラリ）	対応	対応	対応
顔認識	非対応	非対応	非対応	対応	対応	対応
USDZ自動変換	対応	非対応	非対応	—	—	—
QRコード発行機能	対応	非対応	非対応	非対応	非対応	対応
ノーコード操作	対応	非対応	非対応	対応	対応	対応

QRコードを用いた導線設計についてはQRコードでAR表示する完全ガイドを参考にしてください。

閲覧環境別の対応状況

ツール	Android Chrome	iOS Safari	Meta Quest	Vision Pro
Pitat-AR	対応	対応	非対応	非対応
model-viewer	対応	対応	非対応	非対応
A-Frame	対応	一部制約あり	対応	非対応
Zapworks	対応	対応	非対応	非対応
Reality Composer	非対応	対応（ネイティブ）	非対応	対応
Blippar	対応	対応	非対応	非対応

※OSのバージョンだけでなく、端末のハードウェア仕様（ジャイロセンサーやカメラ、ARCore/ARKit対応状況）によって動作可否が分かれます。

業界・用途別のおすすめ構成

EC・小売

家具、家電、アパレル雑貨などの実寸確認には、床や机に置く空間配置ARが適しています。

ノーコードで素早く導入したい場合はPitat-ARが適しています。自社ECサイトのカート導線や商品詳細ページ内にデザインを完全に統合したい場合は、model-viewerを用いた自社開発が有力な選択肢です。

ECでの活用方法や検証項目についてはAR×EC完全ガイドでまとめています。

不動産・インテリア

間取りへの家具配置や設備の立体展示では、Webブラウザから手軽に開ける構成が好まれます。

小規模なショールーム案内やカタログ展示であればPitat-ARで対応可能です。図面と連動した複雑な内見システムを組む場合は、Three.jsやmodel-viewerをベースに自社システムと連携させる形が一般的です。業界の導入事例はAR不動産ガイドやAR家具配置シミュレーションをご覧ください。

広告・印刷物連動

ポスター、チラシ、商品パッケージの絵柄をトリガーにしてコンテンツを表示したい場合は、画像認識に対応したZapworksが適しています。展示会などで実物大の3Dモデルをその場に出現させたい場合は、平面認識に対応したツールのほうが安定して起動できます。

施策の設計方法はARマーケティング・販促ガイドを参照してください。

教育・研修

教科書や図鑑の図版にARを重ねる場合はZapworksが扱いやすく、VRゴーグルを使った空間実験を兼ねる教材にはA-Frameが適しています。

学習効果の検証手順などはAR教育・研修活用ガイドで整理しています。

WebARツール選定チェックリスト

1. 基本要件

対象端末: iPhoneユーザーとAndroidユーザーの双方に届ける必要があるか
開発体制: 自社にWeb制作やプログラミングのリソースがあるか
言語環境: 英語の管理画面やドキュメントで運用できるか
予算配分: 月額利用料、外部制作費、保守運用のどれに費用を充てるか

2. コンテンツ要件

配置方式: 床や机に置くのか、印刷物にかざすのか
アセット形式: GLB形式を用意できるか、USDZの準備が必要か
UIカスタマイズ: 画面内のボタン配置やブランドカラーを細かく調整したいか
アクセス規模: 同時アクセス数や月間の転送量上限に収まるか

3. データの継続性

素材の保管: 3Dモデルの元データ（BlenderファイルやGLB）を手元に保管しているか
URLの管理: 配布用QRコードの遷移先URLを自社ドメイン配下で制御できるか

サービス終了時にプロジェクトデータが失われるリスクを減らすため、3Dモデルのマスターデータは必ず手元で管理してください。ファイル仕様の確認はGLBとUSDZの違いが参考になります。

候補ツールを実機で検証する手順

候補を2つ程度に絞り込んだら、自社で実際に使用する3Dモデルを1つ用意し、テスト環境で公開検証を行います。

検証項目	確認内容	記録しておく事項
公開手順	管理画面への登録からURL発行までの所要時間	操作の迷いやすさ、エラーの有無
実機での動作	iOS SafariおよびAndroid ChromeでARが立ち上がるか	端末ごとの起動速度、サイズ感の正確さ
モデルの見た目	現実空間で質感、色、透明度が意図どおりに再現されているか	自動変換時のマテリアルの崩れの有無
素材の更新	モデル差し替え時にURLやQRコードが変わらないか	差し替え作業の手順と更新反映までの時間
権限・引き継ぎ	作成者以外の担当者が修正作業を行えるか	アカウント共有の可否、マニュアルの必要性

3Dビューア上での回転表示が正常であっても、カメラを起動したARモードで実寸配置や影の描画が崩れる場合があります。画面内プレビューとARカメラ起動は別段階として確認してください。

また、アクセス数の計測において、ツールの管理画面に記録される数値が「WebページのPV」なのか「ARカメラの起動数」なのかはツールによって異なります。計測定義を事前に確認しておくと導入後の認識違いを防げます。

よくある質問

Q. 無料で利用できるWebARツールはありますか？

A. A. model-viewerやA-Frameなどのオープンソースライブラリは、ライセンス費用なしで利用できます。ただし、ホスティングサーバーの費用や実装に関わる工数が発生します。

SaaS型では、Pitat-ARが個人向けに無料枠を提供しており、上限（3プロジェクト、10モデル、月間転送量2GiBなど）の範囲内でWebARの公開が可能です。

Q. iPhoneでWebARを表示する際の注意点は何ですか？

A. A. iOS端末では、SafariブラウザからiOS標準のAR Quick Look機能を呼び出してAR表示を行います。この機能はUSDZ形式のファイルに対応しているため、GLB形式から変換する仕組みが必要です。

Pitat-ARではサーバー側で自動変換されますが、model-viewerを使用する場合は自前でUSDZを書き出して指定する必要があります。また、複雑なシェーダーや透過設定はUSDZ変換時に見た目が変わることがあるため、実機での確認が推奨されます。

Q. 8th Wallの代替ツールは何を選べばよいですか？

A. A. 単純な3Dモデルの試し置きであればPitat-ARやmodel-viewerで代替できます。印刷物やパッケージを認識させるマーカーARであればZapworksが現実的な候補です。

フェイスフィルターや高度なミニゲームについては、案件の要件に応じてWebXRライブラリを組み合わせるか、Snap Camera Kitなどの専用SDKを検討する必要があります。

Q. 3Dモデルデータがない場合はどう準備すればよいですか？

A. A. スマートフォンのLiDAR機能を用いたスキャンアプリでの撮影、Blenderなどの3Dソフトウェアによる内製、外部の3D制作会社への委託などの方法があります。作成したモデルはGLB形式で書き出すのが標準的です。

作成の詳しい手順はGLBファイルの作り方ガイドで解説しています。

まとめ

WebARツールの選定は、開発リソースの有無とコンテンツの性質によって決まります。

手軽に低コストで商品の試し置きを公開したい: Pitat-ARなどのノーコードSaaS
自社のWebサイトに違和感なく3D/AR表示を組み込みたい: model-viewer
パッケージや印刷物をトリガーにした演出を行いたい: Zapworks
VR機器を含めた空間コンテンツを構築したい: A-Frame

提供プラットフォームの仕様変更やサービス停止に備えるためにも、3Dモデルのマスターデータは自社で手元に保管し、目的に見合った構成を選択してください。

参考情報・関連リンク

参考リンク:

関連記事: