!
本記事はAIが作成しました。
はじめに デジタルヒューマニティーズの分野において、文化財や歴史的資料の3Dデジタル化が急速に進んでいます。しかし、3Dモデルを単に閲覧するだけでなく、学術的な分析や教育に活用するためには、適切なツールが必要です。本記事では、IIIF（International Image Interoperability Framework）規格に準拠した3Dモデルビューア「IIIF 3D Viewer」について紹介します。
IIIF 3D Viewerとは IIIF 3D Viewerは、IIIF Manifestフォーマットに基づいて3Dモデルを表示し、アノテーション機能を提供するウェブアプリケーションです。
主な特徴 標準規格への準拠
IIIF Presentation API 3.0に準拠 既存のIIIFエコシステムとの親和性 インタラクティブな3D表示
GLB/GLTFフォーマットのサポート マウスやタッチ操作による直感的な操作 WebGLを活用した高速レンダリング アノテーション機能
3Dモデル上の任意の点にアノテーションを追加 3DSelectorタイプによる空間座標の記録 学術的な注釈や解説の付与が可能 多言語対応
日本語・英語のインターフェース 国際的な研究プロジェクトでの利用を想定 静的サイト生成
Next.jsの静的エクスポート機能を活用 GitHub PagesやNetlifyなどで簡単にホスティング可能 技術的な実装 アーキテクチャ 本アプリケーションは、以下の技術スタックで構築されています：
フロントエンドフレームワーク : Next.js 15（App Router） 3Dレンダリング : React Three Fiber + Three.js 国際化 : next-intl スタイリング : Tailwind CSS 型安全性 : TypeScript IIIF Manifestの構造 3Dモデルを含むIIIF Manifestの例：
{ } " " " " " ] @ i t l i c d y a t { } o " p b e n : e e m " " " ] t " l s i t i e " : " " d y t { } x h : : " p e t t " : e m " " " ] " t M { [ " s i t i : p a " : " d y t { } s n " h : " p e " : i j t " : e m " " " " } " h / f a t C [ " s i t m b , t t / e " p a " : " d y o o " " " a t e s : s n h : " p t d i t f r p x t : t " : e i y d y o g : a " [ / a t A [ " v " " p r e / m , " / s p n " : a : : e m t / p 石 e " s n h t " a " i l 淵 x , : t " i { " : t : i e 家 a t t A o h " i . 地 m / a p n n t " : " f c 球 p e t s n " t M h . o 儀 l x i : : p o " t i m " e a o t s d m t o ] . m n / a " : e o p m c p P e t p / l d s a a } o l a x i a / " e : p n , m e g a o i e , l / i i / . e m n n x / / / f c c " p " t a g e p e a o , l , i m l x r s n m e n p t a e t v / . g l f m s . a a c " e - p e j s n o , . b l n s / n m c i e t o 1 o / o n . a n " t a m a c t " , a n / r o i , t n m y m o i o o " / n o t d c / n a e a 3 p t l n / a i . v c g o g a o e n l s n / / b / t 1 1 " 1 e " " , " x , , t . j s o n " , アノテーションの実装 3D空間におけるアノテーションは、以下のような構造で表現されます：
...