WebARを作りたいけど、プログラミングの知識がない——そんな方に最適なプラットフォームがZappar（ZapWorks）です。2011年に英国で設立されたZapparは、世界180カ国以上・5億回以上のAR体験が配信された実績を持つグローバルプラットフォームです。本記事ではZapparの機能・料金・使い方を徹底解説します。

Zapparとは？概要と特徴

  • アプリ不要——URLまたはQRコードからブラウザで即座にAR体験が起動
  • マルチプラットフォーム対応——iOS・Android・Webブラウザ対応
  • 4種類の制作ツール——スキルレベルに合わせて選べるツール群
  • ホスティング込み——サーバー管理不要で配信まで完結
  • 分析ダッシュボード——体験回数・デバイス・地域などの分析が可能

料金プラン比較

プラン月額費用ZAP数向いているケース
Free無料5個人学習・PoC
Starter$23〜10小規模案件・スタートアップ
Pro$69〜無制限制作会社・中規模企業
Enterprise要見積もり無制限大企業・ブランド展開

ZapWorksの4種類のツール

① ZapWorks Designer

最もシンプルなノーコードツールです。テンプレートを選び、画像・テキスト・ボタンをドラッグ&ドロップで配置するだけでARが完成します。プログラミング知識ゼロで始められるため、初めてWebARを作る方に最適です。対応ARタイプはマーカーARのみです。

② ZapWorks Studio

最も機能が豊富なビジュアル制作ツールです。マーカーAR・ワールドAR・フェイスARに対応し、アニメーション・3Dモデル・インタラクションを組み合わせた高度なコンテンツが作成できます。JavaScriptによるスクリプト拡張も可能です。

③ ZapWorks Widget

HTML/CSS/JavaScriptを使って自由度の高いARを構築するツールです。外部APIとの連携や複雑なUIを持つARに向いています。

④ Universal AR SDK

Three.js・A-Frame・Babylon.jsなどのWebGLフレームワークにZapparのAR機能を組み込むためのSDKです。フルスクラッチ開発でZapparのトラッキング機能だけを利用したい場合に使用します。

マーカーAR作成の手順（ステップバイステップ）

  • Step 1：アカウント作成——zapworks.io にアクセスし、無料アカウントを作成
  • Step 2：新規ZAPの作成——ダッシュボードから「New ZAP」→「Designer」を選択
  • Step 3：マーカー画像のアップロード——認識させたい画像をアップロード。高コントラストで特徴点が多い画像が推奨
  • Step 4：コンテンツの配置——3Dモデル・動画・画像・テキスト・ボタンをドラッグ&ドロップで配置
  • Step 5：プレビュー確認——ブラウザまたはZappar公式アプリでリアルタイムプレビュー
  • Step 6：公開・QRコード生成——「Publish」ボタンで公開。自動生成されるQRコードをダウンロードして印刷物などに掲載

8th Wall・STYLYとの比較

比較項目Zappar8th WallSTYLY
ノーコード対応◎ Designer/Studio△ テンプレートのみ○ ブラウザエディタ
トラッキング精度○ 良好◎ 業界最高水準○ 良好
料金$23〜/月$99〜/月無料〜
日本語サポート△ 英語中心△ 英語中心◎ 国産・日本語完全対応

Zapparが向いているケース

  • チラシ・パンフレットへのAR動画重ねて再生（印刷物AR）
  • 商品パッケージにQRを印刷してAR体験を付加（パッケージAR）
  • 名刺にARを仕込んで印象的な自己紹介を演出
  • イベント会場のポスターをARで動かす（展示・イベントAR）
  • プログラミング知識なしで手軽にWebARを体験させたい場合

Zapparを使ったWebAR制作の相談はこちら

Zapparを活用したパッケージAR・印刷物AR・イベントARの企画・制作をサポートします。

無料相談する →

よくある質問