本文へ移動
andarama

andarama(アンダラマ)なら、パノラマの中を歩ける

360度写真をアップロードし、間取り図を描くように結んでいくだけ。どのブラウザからでも、VRゴーグルでも歩き回れるツアーが公開できます。

オープンソース(EUPL-1.2) · 自分のサーバーなら無料 · ここでのホスティングは月額2ドルから

本物のツアーを歩いてみる

これは動画ではなく、Andaramaで公開された本物のツアーです。ドラッグして見回し、矢印を押して歩きます。投影方式のメニューやVRゴーグルのボタンも試してみてください。

全天球写真はWikimedia Commons(CC BY-SA)より · クレジットはツアーの中に記載

4つのステップでツアー完成

  1. 1

    写真をアップロード

    360度カメラからでも、スマートフォンからでも。インポーターは一括で読み込み、カメラの連番で並べ替え、パターンでリネームし、パノラマを最大32Kまでお使いのブラウザ内でタイル分割します。サーバーを待つ必要はありません。

  2. 2

    シーンをつなぐ

    シーンを別のシーンの上にドラッグすれば、戻り道つきの通路ができます。グラフ上の矢印は、それ自体がナビゲーション用ホットスポット。別のデータを持たないので、ずれることがありません。

  3. 3

    物語を添える

    テキスト、写真、動画、音声、PDF、3Dモデル、クイズ、フォーム、フロアプラン、空間音声のナレーション、翻訳。17種類のホットスポットはすべて、VRゴーグルの中でも操作できます。

  4. 4

    公開する

    リンク、iframe、独自ドメイン、あるいはどんなホスティングでも動くZIP。テレビ向けのキオスクモード、Moodle向けのSCORM、オフライン閲覧用のPWAにも。

エディタ

フォームを埋めるのではなく、見ながら編集する

プレビューは、本物のビューアの編集モードです。見たままが公開されます。写真をクリックしてホットスポットを置き、ドラッグして動かし、頂点をひとつずつ打ってポリゴンを描きます。

部屋に入ったときの向きは、部屋のものではなく、通ってきた道のもの。廊下からリビングに入るのと、キッチンから入るのとは別の到着で、それぞれが自分の視点を覚えています。「ここへの道」パネルは、それらを判断しやすい場所、つまり到着先のシーンにまとめて表示します。

  • 回数無制限の元に戻す・やり直し。自動保存と、サーバーに届かなかったときの警告
  • シーンとホットスポットごとの差分が見えるバージョン履歴と復元
  • コマンドパレット、キーボードショートカット、タブ付きのプロパティパネル
  • 複数人で編集するときのプレゼンス表示とシーン単位のソフトロック、スレッド付きのアンカーコメント
  • 完成率つきで左右に並べた翻訳、XLIFFとCSV
ガイゼンハイム大聖堂のシーンを開いたAndaramaのエディタ。左にシーン一覧、右に到着パネル

グラフ

ツアーの見取り図を、そのまま描く

サムネイル、ポート、範囲選択、ミニマップ、自動整列を備えたキャンバス。ノードの縁からドラッグしてつなぐと、戻りの通路も同時にできます。行き先のない通路、戻りのない通路、未配置の通路、たどり着けないシーンを警告します。

Autopilotモードでは、同じキャンバスでガイド付きツアーを描きます。滞在時間つきの停留点、2つのシーンを結ぶ通路からの進入、渡る前の出口への旋回。キオスクモードと自動見学ボタンが再生するのは、これです。

エリアごとにまとめたシーンと、矢印で描かれた接続を示すツアーのグラフ

ダッシュボードとライブラリ

机の上のように、すべてが手の届くところに

フォルダ、タグ、テンプレート、30日間のごみ箱、検索。各ツアーの表紙は最初のシーンのパノラマです。複製、名前の変更、役割を決めて同僚と共有。

ライブラリはどのパノラマでも、マウスを乗せるとリトルプラネットを表示します。ネットワークに何も送らず、ローカルで計算します。ダブルクリックすれば360度で開いて、使う前に確認できます。メディアひとつでも、選択した複数でも、フォルダごとでも、グラフにドラッグすればシーンになります。

  • マルチパートで再開可能な直接アップロード。コンテンツのハッシュで重複なし
  • GPanoとEXIFのメタデータ(GPS含む)を読み取り、水平補正とナディア(天底)の調整。元ファイルは壊しません
  • 階層的なデフォルト値:インスタンス、組織、ユーザー、テンプレート、ツアー
4つのツアーの表紙が並ぶAndaramaのプロジェクトダッシュボード

写真に触れる17の方法

各ホットスポットには位置、アイコン、ラベル、距離によるスケール、条件(言語、変数、動画の再生位置)があります。そしてすべてが、VRゴーグルの中では手で触れるピクトグラムとして現れます。

ビューア

写真の上にはダークガラスだけ。何も邪魔しない

独自タイル方式のマルチ解像度で最大32K、部分パノラマ、キューブマップ、ステレオ、ギガピクセルの平面画像。モノラル・ステレオの360度動画(MP4、WebM、HLS)に再生位置ごとのホットスポット。フェード付きの環境音、ナレーション、ダッキングするBGM、頭の動きに合わせて回る空間音声。

  • リトルプラネット、魚眼、Panini、建築投影。ホットスポットは正しい位置のまま
  • 真北を示すコンパス、複数階対応レーダー付きフロアプラン、OpenStreetMap上の地図
  • マウス、タッチ、フルキーボード、ゲームパッド、視線レティクル付きのジャイロ
  • ライトとダークのテーマ、色、フォント、カスタムCSS。ウェルカム画面とエンド画面
  • シーン、向き、言語へのディープリンク。検索付きのシーンメニュー
  • VRエンジン込みで、圧縮後わずか116キロバイト
大聖堂の内部を映すAndaramaのビューア。右にコントロールのドック、下にサムネイルの帯

バーチャルリアリティ

ゴーグルでURLを開く。それだけ

VRゴーグルで

本物のWebXR。両目のビューを同時に描画し、25関節のハンドトラッキング、親指と人差し指のピンチ、パネルへの直接タッチ、レイ付きのコントローラー。手とコントローラーは同じセッションで併用できます。

段ボールゴーグルで

WebXR非対応のどんなスマートフォンでも。分割画面、iOSの許可を得たジャイロによる向き、滞留リング付きの視線選択、段ボールゴーグルの物理ボタン。

手を使わずに

ジャイロがあれば、見つめたものを開くレティクルが現れます。没入型パネルはセッション内に描画されます。テキスト、画像、ギャラリー、再生コントロール付き動画、文字起こし付き音声、採点されるクイズ、スライダー付きの比較。

エクスポートしてもVRはそのまま。エンジンは自己完結で、パッケージにはホスティングの条件が同梱されます

教えるために、評価するために、記録を残すために

教室に必要なものは、最初から揃っています。

採点付きクイズ

ツアーのあちこちに配った問題、得点、合格ライン、ランダム化、試行回数、最終レポート、受講者名入りのPDF証明書。

宝探し

シーンに隠したアイテム、見える進捗、すべて見つけたときに扉を開く状態変数。

Moodleなど

LTI 1.3 Advantage:Moodleの中からコンテンツセレクターでツアーを挿入し、成績を成績表に返します。ほかのLMSにはSCORM 1.2と2004。

ライブのガイドツアー

コード付きのルーム。ガイドがシーンと全員の視点を動かし、ポインターで指し、チャットします。参加者はいつでも離れて、また同期に戻れます。

フォーム

申し込み、アンケート、問い合わせをツアーの中で。回答は保存してCSVでダウンロード、またはWebhookに転送。

Cookieなしのアナリティクス

訪問数、シーンのファネル、よく使われたホットスポット、シーンごとの滞在時間、視線のヒートマップ。誰も追跡しません。GDPRに最初から準拠。

博物館、美術館、文書館、図書館、記念建造物、自治体には専用ページがあります。歩き回れるバーチャルツアー、学校向けライブのガイドツアー、クイズ、アクセシビリティ、自由なエクスポート。 博物館・美術館向けのAndarama

公開、共有、エクスポート

リンクひとつ

  • 公開、限定公開、パスワード付き、組織内のみ、自分のドメインのみ
  • 予約公開と有効期限
  • CNAMEによる独自ドメイン。ツアーを自分のサイトのルートに
  • シーンの実際の投影を使ったソーシャルカード。タイトルと文章は翻訳可能
  • 通常のツアー、またはロビーのテレビ向けのキオスクモードで開く
  • 印刷用のQRコード

別のサイトの中に

  • iframe、またはスクリプト1行の<anda-tour>コンポーネント
  • postMessageによるAPI:シーンへ移動、視点を回す、言語を切り替える、イベントを受け取る
  • 検索エンジン向けのサイトマップ、robots、事前レンダリングされたプレーンテキスト版
  • 公開時のWebhookと、OpenAPIで文書化されたREST API。スコープ付きトークン

Andaramaなしで

  • 自己完結の静的ZIP。相対パスで、どんなホスティングでも動作
  • USBメモリから開ける単一HTML
  • オフライン閲覧用、Service Worker付きのPWA
  • 完了とスコアを報告するSCORM 1.2と2004
  • ループするキオスクモード。タッチで解放、自動で復帰
  • ブラウザからエクスポート。言語、解像度、ダウンロードの有無を選択

自分のクラウドか、誰のものでもないか

AndaramaのどのモジュールもCloudflareと直接は話しません。すべてアダプター層を通ります。だからセルフホスト版は機能を削った版ではなく、まったく同じアプリケーションです。

Cloudflare、コマンドひとつ

Workers、D1、R2、KV、Durable Objects、Analytics Engine。小規模から中規模の利用なら無料枠の範囲内です。pnpm deploy:cloudflareで、10分後にはインスタンスができています。

デスクトップ、実行ファイルひとつ

サーバー、Studio、ビューアを内蔵した、macOS・Windows・Linux用の単一ファイル。ダブルクリックするとブラウザが開き、データは自分のホームフォルダに残ります。Dockerなし、Nodeなし、誰のアカウントも不要。

Docker、ファイルひとつ

NodeとSQLiteを1つのイメージに、ボリューム1つ、ポート1つ。docker compose up -d。スクリプトでバックアップ、持ち運べる.andaramaファイル。

標準装備のセキュリティ

nonce付きCSP、HSTS、安全なセッション、ダブルトークンのCSRF対策、レート制限、Turnstile、SVG・Markdown・CSSのサニタイズ、監査ログ、すべてのルートでサーバー側の権限チェック。

アカウントとチーム

役割付きの組織(管理、編集、協力、閲覧)、プロジェクト単位の共有、招待、ドメインによる自動登録つきのOIDC機関SSO、2段階認証、クォータと使用量を見られる管理パネル。

アクセシブルで多言語

フルキーボード操作、見えるフォーカス、44ピクセルのタップ領域、シーン切り替えの読み上げ、AIの提案を確認して使える必須の代替テキスト、prefers-reduced-motion、WebVTT字幕、シーンとホットスポットごとの翻訳。

オープンソース

EUPL-1.2、モノレポ全体で厳格なTypeScript、数百のユニットテストとE2Eテスト、依存関係の監査を含む継続的インテグレーション。tour.json形式が、エクスポートしたものがこの先も開けることを保証します。コード、Issue、ダウンロードはgithub.com/joseluissaorin/andaramaにあります。

andarama.comではアカウントと決済をClerkが担当 · データはAndaramaのデータベースに残ります

なぜ「andarama」?

パノラマ(panorama)という言葉は1791年、「すべてを見わたす眺め」を指すために作られました。以来、接尾辞-ramaは「見る方法」の名前に使われてきました。ジオラマ、シクロラマ、シネラマ。

私たちは動詞を変えただけです。スペイン語で「andar」は「歩く」。パノラマは眺めるもの、andaramaは歩くもの。

「andar(歩く)」+「-rama」 · そう、黄色い生き物も歩きます

料金

Andaramaはオープンソース。自分でインストールすれば無料です。運用をこちらに任せたい方のために、andarama.comには6つのプランがあります。いずれもプロジェクト数に上限があり、適正利用ポリシーが適用されます。

アカウント作成時に14日間の無料トライアル。クレジットカードは不要です。

自分のサーバーで

0ユーロ

ずっと無料

  • macOS・Windows・Linux用の実行ファイル。ダブルクリックで完了
  • または自分のサーバーでDocker、またはCloudflareの無料枠
  • プランの上限なし。入るだけツアーを作れます
  • 同じプログラム。削られた機能はありません
インストールする · 自分のサーバーで

Andar

2ドル

月額

  • ツアー1件
  • メディア5GB
  • エディタ、VR、エクスポートのすべて
始める · Andar

Aula

42ドル

年額 教員1人あたり

  • ツアー最大5件
  • メディア10GB
  • エディタ、VR、エクスポートのすべて
  • クラスコードで受講者数は無制限
  • 採点付きクイズ、脱出ゲーム、宝探し
  • 教員1人とその担当クラスのために
始める · Aula

Paseo

20ドル

月額
または年額200ドル

  • ツアー最大10件
  • メディア50GB
  • エディタ、VR、エクスポートのすべて
始める · Paseo

Excursión

500ドル

年額

  • ツアー最大500件
  • メディア100GB
  • エディタ、VR、エクスポートのすべて
  • 「Andaramaで作成」バッジの非表示
  • ツアーに独自ドメイン
始める · Excursión

Formación

99ドル

月額
または年額990ドル

  • ツアー最大100件
  • メディア200GB
  • エディタ、VR、エクスポートのすべて
  • キャンパス向けのSCORMとLTI
  • ホワイトラベルと独自ドメイン
  • 複数人で編集できるチーム
  • 請求書払い
始める · Formación

De por vida

1000ドル

買い切り

  • ツアー最大1000件
  • メディア200GB
  • エディタ、VR、エクスポートのすべて
  • バッジなし、独自ドメイン付き
手に入れる · De por vida

決済はドル建てで、為替は銀行が処理します · 税金はお住まいの国によります · 適正利用:個人や小さなチームの使い方でなくなったら、何かを止める前にまずご相談します

よくある質問

コードはどこにありますか?

GitHubに、EUPL-1.2で公開しています。読む、インストールする、改変する、貢献する、すべて自由です。デスクトップ用の実行ファイルと各バージョンのリリースノートも、同じリポジトリのReleasesにあります。

どんなカメラが必要ですか?

エクイレクタングラー(正距円筒図法)の写真が撮れるものなら何でも(Insta360、Ricoh Theta、GoPro Max、Kandaoなど)。パノラマアプリを入れたスマートフォンでも構いません。キューブマップ、部分パノラマ、ギガピクセルの平面写真も使えます。タイル分割は32Kまでブラウザで、それ以上はサーバーで行います。

Andaramaがなくなっても、ツアーは動き続けますか?

はい。エクスポートしたZIPは静的で自己完結です。HTML、ビューア、タイルが入っています。どんなホスティングにも置けて、単一HTMLならUSBメモリから開け、VRもそのまま使えます。そしてtour.json形式は文書化され、バージョン管理されています。

データはどこに保存されますか?

自分でインストールした場合は、自分のサーバーか自分のCloudflareアカウントに。andarama.comならAndaramaのデータベースに。Clerkはアカウントと決済の情報だけを保持します。訪問者のアナリティクスはCookieを使わず、IPアドレスも保存しません。

Moodleで使えますか?

LTI 1.3で使えます。Andaramaを外部ツールとして登録し、Moodleの中からツアーを選ぶと、クイズの成績が成績表に返ります。ほかのLMSにはSCORM 1.2または2004のパッケージを。

同じツアーを複数人で作業できますか?

はい。役割付きの組織、プロジェクト単位の共有、ぶつからないためのプレゼンス表示とシーン単位のソフトロック、写真に固定したコメント、やり直せるバージョン履歴があります。

どのVRゴーグルが使えますか?

WebXR対応ブラウザを持つものなら何でも(Meta Quest、Pico、SafariのVision Pro、ヘッドセットをつないだPC)。ゴーグルのブラウザでツアーのURLを開き、VRボタンを押すだけ。ゴーグルがなくても、段ボールモードはどんなスマートフォンでも動きます。

「適正な利用」とは何ですか?

各プランは個人または小さなチームを想定している、ということです。使い方がそれとかけ離れてきたら、何かを止める前にまずご相談します。制限なしで使いたければ、セルフインストールは無料で、しかも同じプログラムです。