このイベントについて

Cesium や MapLibre を触っていて、表現の自由度に少し物足りなさを感じている。

Three.js で 3D 表現を作ってきたけれど、「地図」や「現実世界のデータ」をもっとリッチに見せてみたい。

そんなエンジニアの方に向けた、開発者向け体験会です。

Eukarya が開発中の次世代ヘッドレス地図エンジン Navara を実際に触りながら、以下のような表現を自分の手で実装してもらいます。

• 大気表現や太陽光シミュレーションを含んだフォトリアルな都市シーン
• 標高ヒートマップや アーチライン表現を使ったビジュアライゼーション
• 地物ごとのスタイル評価やアニメーションを組み合わせたインタラクティブなシーン

当日は Navara のコア開発メンバーが参加し、「Navara は既存の地図エンジンと比べてどこが楽で、どこが難しいのか」を一緒に検証しながら、率直なフィードバックをいただく場にしたいと考えています。

Navara とは？

Navara は、Rust/WASM ベースの GIS エンジンと Three.js を組み合わせた ヘッドレス地図エンジン です。

従来の「レンダリングエンジンと密結合の地図ライブラリ」と違い、GIS 処理とレンダリングエンジンを分離し、Three.js から柔軟に扱える設計になっています。

今年度版では、単なる「地図タイルの表示」や「ベクターデータのスタイル変更」にとどまらず、次のような高度な表現が可能になっています。

• 大気・霧・遠景などの環境表現
• アーチライン、グロー表現、夜間ライトなどのビジュアルエフェクト
• 標高ヒートマップや属性値に応じた 3D 可視化
• 地物ごとのスタイル評価や時間変化に応じたアニメーション

FOSS4G Auckland で Navara について紹介しました。詳しく知りたい方はこちらをご覧ください。

FOSS4G 2025 Navara

こんな方に来てほしい

この体験会は、いわゆる「入門向けハンズオン」ではありません。

ある程度、地図エンジン や Three.js に慣れている方が、「Navara だとどこまでできるの？」「既存エンジンと何が違うの？」を試すための場です。

特にこんな方にフィットします。

• Three.js などで CG / 3D 表現を実装したことがあり、現実世界の地理データも絡めてみたい 方
• Cesium / MapLibre / Leaflet などの地図エンジンで開発経験があり、もっと自由度の高い表現を探している方
• パフォーマンスやアーキテクチャにも興味があり、「中身の構造」も含めて新しいエンジンを評価してみたい方

当日の流れ（予定）

当日は 1 日完結のワークショップ形式で進行します。多少前後する可能性はありますが、イメージとしては次のような流れです。

前半はNavaraを使用したビジュアライゼーションを実装していただき、最後はちょっとした LT / ギャラリーのような雰囲気で締める予定です。

参加して得られること

この体験会に参加することで、次のような経験や知見が得られます。

• Three.js と GIS を組み合わせた 「地理空間 × 3D CG」表現の実装方法
• 地図エンジンの内部実装やアルゴリズム

単なる「講義を聞く場」ではなく、参加者一人ひとりの開発経験がそのまま Navara の今後に反映されるような、双方向のイベントにしたいと考えています。

対象者・前提スキル

目安として、次のようなスキルセットを想定しています。

• JavaScript / TypeScript での Web フロントエンド開発経験
• Three.js もしくは、Cesium / MapLibre / Leaflet など何らかの地図・3D エンジンを使った開発経験
• npm / Node.js を用いた開発環境に慣れていること

GIS の実務経験は必須ではありませんが、緯度経度や標高といった概念に軽く触れたことがあるとスムーズです。

持ち物・環境

• 開発ができるノート PC（Windows / macOS いずれも可）
• Git / Node.js / npm（または pnpm / yarn）/ Webブラウザ / テキストエディタ のインストール済み環境

メールにて事前にサンプルリポジトリとセットアップ手順をご案内しますので、当日はできるだけすぐコードを書き始められる状態でお越しいただけるとスムーズです。

会場

オフライン開催です。オンラインでの配信はありません。

場所: リスペース東京日本橋 アクセス: 日本橋駅 (東京メトロ銀座線) 徒歩1分, 東京駅から徒歩4分

https://www.instabase.jp/space/9743045863

注意事項・ご協力のお願い

• 本イベントは、社内記録のため録画させていただく場合があります。参加者による録画・録音・スクリーンショットでの記録はご遠慮ください。
• 他の参加者の妨げになる行為、攻撃的なコメントはご遠慮ください。
• 使用データの出典（CC BY 4.0）を遵守し、ご自身の公開物に利用する場合はライセンスに従ってください。
• ハンズオン終了後にアンケートURLをご案内します。今後のイベント改善のため、ご協力をお願いいたします。
• 質問や連絡事項などがあれば、connpassのお問合せ機能からお問い合わせください。

行動規範

• 他の参加者・登壇者・運営に対する誹謗中傷、暴言、差別的発言
• セクシャルハラスメント・ストーカー行為・過度な接触や不適切なコミュニケーション
• イベント進行の妨げとなる行為、過度な宣伝・勧誘、荒らし行為
• 会場での迷惑行為
• 運営が不適切と判断するその他の行為

これらの行為が確認された場合、または運営が不適切と判断した場合には、 参加をお断りしたり、退出をお願いすることがあります。

最後に

Navara はまだ「完成品の製品」というより、まさにこれから育てていくエンジンです。

だからこそ、Three.js や地図エンジンに触れてきたエンジニアの方の視点が、とても重要だと考えています。

• 「こういう表現を、もっと楽に作れるようにしてほしい」
• 「既存エンジンだとここで詰まるので、Navara ではそこを改善してほしい」

そんな思いやアイデアを、ぜひコードとコメントでぶつけに来てください。

ご参加お待ちしています。