TETRAS-IIIFとは
TETRAS-IIIFは、フランスのオープンソース企業Tetras Libre SARLを中心に開発が進められている、Mirador 4向けのプラグイン・ツール群です。アノテーション編集、動画対応、マルチユーザー協調など、Miradorの機能を大幅に拡張する複数のプロジェクトで構成されています。
従来のmirador-annotationsプラグインの課題を解決し、最新のReact 18/19、MUI 5/7に対応した次世代のアノテーション基盤を提供しています。
Mirador Annotation Editor（MAE）
概要
Mirador Annotation Editor（MAE）は、Mirador 4向けのアノテーション作成・編集プラグインです。従来のmirador-annotationsの後継として位置づけられており、Apache 2.0ライセンスで公開されています。
- デモ: https://tetras-iiif.github.io/mirador-annotation-editor/
- npm:
mirador-annotation-editor
主な特徴
Konva.jsベースの描画エンジン
mirador-annotationsがPaper.jsを使用していたのに対し、MAEはKonva.jsを採用しています。矩形、楕円、ポリゴン、フリーハンドなどの図形描画に加え、テキストや画像のオーバーレイにも対応しています。
テンプレートシステム
MAEの特徴的な機能として「テンプレート」があります。アノテーションの構造をあらかじめ定義しておくことで、統一的なフォーマットでのアノテーション作成が可能になります。たとえば、コメントテンプレートでは見出しと本文を含むHTML構造が自動的に生成されます。
Dublin Coreメタデータ
アノテーションにDublin Coreベースのメタデータを付与できます。作成者、日付、言語などの標準的なメタデータフィールドにより、アノテーションの管理・検索が容易になります。
アダプターアーキテクチャ
アノテーションの永続化について柔軟なアダプター機構を備えています。ローカルストレージへの保存は標準で提供されており、IIIFアノテーションサーバーへの接続も可能です。
クロスマニフェストリンク
異なるマニフェスト間でアノテーションをリンクする機能を持ちます。これにより、複数のIIIFドキュメントにまたがるアノテーションのネットワークを構築できます。
MAEV（Mirador Annotation Editor for Video）
概要
MAEVは、MAEの機能を動画にまで拡張したプラグインです。IIIF Presentation API 3.0の動画コンテンツに対して、空間的・時間的なアノテーションを付与できます。
- デモ: https://tetras-iiif.github.io/mirador-annotation-editor-video/
- npm:
mirador-annotation-editor-video - ライセンス: GPL-3.0
動画アノテーションの特徴
動画アノテーションでは、画像アノテーションの空間的なターゲティング（画面上のどこ）に加えて、時間的なターゲティング（いつ）が可能です。特定の時刻範囲に限定したアノテーションを作成でき、動画の再生に合わせてアノテーションが表示されます。
MAEVの利用にはmirador-videoフォークが必要です。
mirador-video
mirador-videoは、Mirador 4のフォークで、動画の表示・アノテーション・フィルタリング機能を追加したものです。React 18/19およびMUI 7に対応しており、Apache 2.0ライセンスで公開されています。
npmのエイリアス機能を使って、通常のMiradorの代わりにインストールできます。
npm install mirador@npm:mirador-video@^1.2.8
Mirador Multi User（MMU）
概要
Mirador Multi User（MMU）は、Miradorをマルチユーザー対応の協調ワークスペースに拡張するプラットフォームです。AGPL-3.0ライセンスで公開されています。
- ライブインスタンス: https://app.mirador-multi-user.com/
- Webサイト: https://www.mirador-multi-user.com/
主な機能
- ユーザー管理: ユーザーの登録・認証・権限管理
- メディアコレクション管理: IIIFマニフェストの整理と共有
- プロジェクトスナップショット: ワークスペースの状態を保存・復元
- タグとテンプレート: プロジェクト単位でのアノテーションテンプレート管理
- 管理ダッシュボード: 利用状況の監視と管理
バックエンドはNestJSで構築され、MariaDBをデータベースとして使用しています。Docker/Caddyによるデプロイに対応しています。
技術スタックの比較
| 項目 | mirador-annotations | MAE | MAEV |
|---|---|---|---|
| 描画ライブラリ | Paper.js | Konva.js | Konva.js |
| Reactバージョン | 16/17 | 18 | 18 |
| UIライブラリ | MUI 4 | MUI 5 | MUI 5 |
| テンプレート | なし | あり | あり |
| 動画対応 | なし | なし | あり |
| メタデータ | 基本 | Dublin Core | Dublin Core |
| ライセンス | Apache 2.0 | Apache 2.0 | GPL-3.0 |
導入方法
MAEの基本的な導入は以下の通りです。
npm install mirador-annotation-editor
import Mirador from 'mirador';
import miradorAnnotationEditorPlugin from 'mirador-annotation-editor';
const config = {
id: 'mirador',
windows: [{
manifestId: 'https://example.org/manifest.json',
}],
};
Mirador.viewer(config, [...miradorAnnotationEditorPlugin]);
まとめ
TETRAS-IIIFプロジェクトは、Miradorのアノテーション機能を大幅に進化させるエコシステムを提供しています。MAEによるテンプレートベースのアノテーション編集、MAEVによる動画アノテーション、MMUによるマルチユーザー協調と、それぞれが独立しつつも連携可能な設計になっています。
特に動画アノテーションやマルチユーザー協調は、従来のMiradorエコシステムにはなかった機能であり、デジタルヒューマニティーズの研究や教育において新たな可能性を開くものです。積極的にメンテナンスされており、今後の発展が期待されるプロジェクトです。