第14回CODHセミナー
IIIF Curation Platform利活用レシピ100連発

IIIFのポテンシャルを引き出すIIIF
Curation Platform利活用アイデア
北本 朝展（ROIS-DS人文学オープンデータ共同利用センター／国立情報学研究所）
http://codh.rois.ac.jp/2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

1

はじめに
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

2

第4回CODHセミナー
1★
デジタルアーカイブにIIIF（トリプルアイエフ）とは？ おける画像公開の新しいトレンド

International Image
Interoperability
Framework＝国際的な画像配信方式
Web：HTML
画像：IIIF2021/2/18

IIIFサー
ビス1
IIIFサー
ビス2
IIIFサー
ビス3

IIIF Curation Platform利活用レシピ100連発 #codh14～IIIFが拓く画像アクセスの標準化と高度化～
http://codh.rois.ac.jp/seminar/iiif-image-access20170727/

IIIFビュー
ア1IIIFビュー
ア23

2★
キュレーションとは？

キュレーションとは、もともと、ミュージアムにおいて、資料の収集や作品の展示などの活動を指すことばである。

1. あるテーマに沿ってコンテンツを集める。
2. 適切な順番（配置）に並べる。
3. 新たなコンテンツとして提示・共有する。
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

4

3★
キュレーションの作成と公開

不美人の描き方—「末摘花」
http://codh.rois.ac.jp/pmjt/curation/2/
2021/2/18

顔貌データ：イギリスの肖像
http://codh.rois.ac.jp/curation/exhibition/2/

IIIF Curation Platform利活用レシピ100連発 #codh14

5

4★
IIIF Curation Platformとは？

IIIF Curation Platformのロゴ
http://codh.rois.ac.jp/icp/2021/2/18

1. キュレーションという方法論をIIIFの世界に導入するためのソフトウェア群。
2. ウェブブラウザ上で動作するソフトウェ
アが7点、特定目的に設計されたアプリが1点、サーバ側で動作するPythonプログラムが3点、導入を支援するDocker設定が1点。いずれもオープンソース。
3. 著名なIIIFビューア（MiradorやUniversalViewer等）と競うのではなく、IIIFのポテンシャルを引き出すことに全集中。
IIIF Curation Platform利活用レシピ100連発 #codh14

6

IIIF画像の閲覧

2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

7

5★
IIIF Curation Viewerによる書籍の閲覧
和書
viewingDirection:right-to-left;

洋書
viewingDirection:
left-to-right;

日本古典籍データセット
http://codh.rois.ac.jp/pmjt/2021/2/18『東洋文庫所蔵』貴重書アーカイブ
http://dsr.nii.ac.jp/toyobunko/

IIIF Curation Platform利活用レシピ100連発 #codh148

6★
埋め込み型IIIF Curation Viewer

華北交通アーカイブ
http://codh.rois.ac.jp/north-china-railway/2021/2/18

1. 標準のIIIF Curation Viewerは、完結したツールとして使うことを想定。
2. 埋め込み型IIIF Curation
Viewerは、ウェブページ内で、他の情報と組み合わせて使うことを想定。
3. 一部の機能は省略しているが、独自の機能もあり。

IIIF Curation Platform利活用レシピ100連発 #codh1497★
複数画像の切り替え表示

2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

10

8★
科学データ（帳簿）のアーカイブ
1. 帳簿形式の長期科学データの公開にもIIIFは有用。
2. 連番画像をTiled Pyramidal
TIFF形式に変換し、IIIFマニフェストからリンク。
3. ページをめくっても拡大領域情報が引き継がれるため、帳簿の特定箇所を翻刻した
デジタル台風：地上気象観測原簿アーカイブ
い場合に便利。
http://agora.ex.nii.ac.jp/digital-typhoon/genbo/
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

11

9★
時系列画像のアーカイブ
1. 気象衛星「ひまわり」が観測した高解像度画像（11,000画素×11,000画素）を表示。
2. 「前」「次」は「ページ」ではなく「時間」になる。カレン
ダーからも日付選択可能。
3. 現在のIIIFの枠組みでは適切に扱えないため、Timeline APIとCursor APIを独自に拡張。
デジタル台風：気象衛星「ひまわり」ビューア
http://agora.ex.nii.ac.jp/digital-typhoon/himawari-3g/clipping/2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

12

10 ★★
IIIF Curation PlatformとCuration API
IIIF Curation Platform

Curation API• Curation APIなどの新しい仕様を実装したオープンソースソフトウェア群。
• ビューアだけでなく、データ保存や検索など、多くのツールが連携する仕組み。
• 特定のテーマに特化したデジタルツールも開発。

• IIIFの仕様を独自に拡張したAPI仕様として提案。
• API自体は独自ソフトウェアでも使える。IIIF Curation
PlatformはAPIの一つの実装例。
• 公式IIIF仕様は「提供者側」の視点。一方キュレーションは「利用者側」の視点。

2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh1413

11 ★★★
IIIFを拡張した独自API• Curation API• キャンバスに含まれる矩形領域を最小粒度として、マニフェスト横断的なグループ化を可能とする。

• Timeline API• 「ページ」ではなく「時間」を単位として、一次元的に順序が定義できる資料を閲覧可能とする。

• Cursor API• マニフェストに含まれるキャンバスのリストが長大な場合（例：Timeline）、リストの一部を切り出して提供する。
IIIFを用いた高品質／高精細の画像公開と利用事例, http://codh.rois.ac.jp/iiif/

2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

14

12 ★
IIIF Curation Platformへのログイン
IIIF Curation
Viewer画面の右上にログイン機能がある。

2021/2/18• Google社のFirebase認証を利用。
• ログインは必須ではないが、ログインすればICPの権限管理機能が利用できる。
• 連携サービス（くずし字認識等）の一部はログインを要求するが、基本的に無料。
IIIF Curation Platform利活用レシピ100連発 #codh14

15

IIIF画像のキュレーション

2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

16

13 ★
画像のキュレーション
2
1

2021/2/18

1. ‘■’ の「切り取り」ボタ
ン → 四角領域を指定
2. ‘☆’ の「お気に入り」ボ
タン → 欲しい画像を収集

IIIF Curation Platform利活用レシピ100連発 #codh14

17

14★
キュレーションの保存

1. 作成したキュレーションは、手元にもダウンロードできるが、ネット上にエクスポート保存するのが便利。
2. 通常は新規作成となるが、上書き更新も選べる。
3. ログインしていれば、他人による上書き更新を防げる。
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

18

15 ★
キュレーションの公開
IIIF Curation Viewerで閲覧
キュレーションを作成
キュレーションをJSONkeeperに保存・公開
キュレーションをIIIF
Curation Viewerに読み込み
IIIF Curation Viewerで閲覧
2021/2/18

1. ネット上（JSONkeeper）に保存されたキュレーションは、 URLを共有すれば他者も閲覧可能。
2. 保存したキュレーションは再びIIIF Curation Viewerで閲覧できる。
3. キュレーションの保存はできるが、検索はできない。検索には、IIIF Curation Finderの設定が必要（次の発表）。
IIIF Curation Platform利活用レシピ100連発 #codh14

19

16 ★
IIIF Curation Managerによる管理• ログイン状態でエクスポートしたキュレー
ションは、IIIF CurationManagerで一覧できる。
• キュレーションの編集・削除もできる。
• IIIF Curation PlayerやIIIFCuration Boardから閲覧することも可能。
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

20

17 ★★
IIIF Curation Editorによる編集• Curation形式のJSONデータを見ながら編集できる。
• メタデータの追加や変更を個別に行う場合に利用。
• 大規模な編集作業には向かない。
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

21

18 ★
IIIF Curation Playerによる展示
1. キュレーションを「展示」するための機能を備える。
2. キュレーションのメタデータを画像に重ねて表示できる。
3. スライドショー機能を使えば、コマを自動再生できる。
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh1422

19 ★★★
ミュージアム展示との連動• 華北交通アーカイブを対象に、ミュージアム展示（オフライン）とICP展示（オンライン）を、QRコードでリンク。
ミュージアム展示室の • スマホが簡易ガイド
QRコードを撮影すると、 にもなる。
対応するコマをIIIF• 展示内容を長期アー
Curation Playerで表示
カイブもできる。

AI・技術 | 華北交通アーカイブ, http://codh.rois.ac.jp/north-china-railway/technology/
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

23

20 ★★★
ミュージアム展示用ビューアの開発
高知県立美術館「芳年」展
では、連想出版が構築したビューアが、ICP Docker版のデータを表示。

1. 画像への注釈付け（領域指定およびメタデータ入力）に、IIIF
Curation Viewerのキュレーション機能を活用。
2. 展示中はCODHサーバに保存したキュレーションを表示。
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

24

IIIF画像のエクスポート

2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

25

21 ★
選択領域のエクスポート機能
選択領域を表すURLを外部サービスに送信できる

2021/2/18

http://agora.ex.nii.ac.jp/cgibin/iiif/clipping.pl?image=http%3A%2F%2Fagor
a.ex.nii.ac.jp%2Fdigitaltyphoon%2Fiiif%2F2021%2F02%2F17%2F20210
217041000.tif%2F2822%2C3082%2C3408%2C2
832%2Ffull%2F0%2Fdefault.jpg&lang=ja

IIIF Curation Platform利活用レシピ100連発 #codh14

26

22 ★
KogumaNetくずし字認識サービス• くずし字一文字認識サー
ビス。AIが指定領域の一文字を認識し、文字候補を順序付きで表示。
• Tensorflow.jsを活用し、ブラウザ内で動作する。
• ICViewerの画像エクスポート機能を利用。
KogumaNetくずし字認識サービス
http://codh.rois.ac.jp/char-shape/app/single-mobilenet/
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

27

23 ★★
一般的な画像サービスへのエクスポート
ukiyo-e.orgの中から類似画像を検索

慶應義塾大学のIIIF画像から切り取り
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14• 画像を入力とし、処理結果を表示するタ
イプのウェブサービスと連携できる。
• 自前でAPIを立ち上げ、ICPと連携させることもできる。
28

24 ★★
切り取り画像エクスポートプラグイン

ICPサービスリポジトリ
http://codh.rois.ac.jp/icp/service-repository/
2021/2/18

1. エンドポイント設定（JSONファイル）を公開する。
2. JSONをドラッグ＆ドロップすれば、ICViewerのエクスポート先を変更できる。

IIIF Curation Platform利活用レシピ100連発 #codh14

29

IIIF画像のアノテーション

2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

30

25 ★
キュレーションとアノテーション

江戸マップβ版「本郷湯島絵図」国立国会図書館蔵
2021/2/18

1. キュレーション：画像を切り取り、まとめるデータ形式（Curation APIで定義） 。
2. アノテーション：画像に注釈を加え、表示する仕組み（Curation APIの一部）
3. IIIF Presentation APIのannotationとは異なるもの（ただし大部分は相互変換可能）。
IIIF Curation Platform利活用レシピ100連発 #codh14

31

26 ★
アノテーションビューモード（地図）江戸マップβ版、http://codh.rois.ac.jp/edo-maps/2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14• 画像の上に、注釈をオーバーレイ表示できる。
• マーカーと吹き出しを使うことで、ウェブ地図の使用感が得られる。
32

27 ★
機関をまたぐデジタルアーカイブ構築• 地図画像は、NDLにアクセス• CODHは、マーカーのみをオーバーレイ
表示国立国会図書館デジタルコレクション「江戸切絵図」
https://dl.ndl.go.jp/info:ndljp/pid/1286656
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

江戸マップβ版
33

28 ★
アノテーションビューモード（文字）

矩形枠線マーカー『源氏物語』 （国文研蔵）
2021/2/18

文字マーカー（標準モード）
IIIF Curation Platform利活用レシピ100連発 #codh14

文字マーカー（上書きモード）
34

29 ★
KuroNetくずし字認識サービス

KuroNetくずし字認識サービス
http://codh.rois.ac.jp/kuronet/

2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14• くずし字多文
字認識サービス。エクス
ポートされた画像に含まれるくずし字をすべて認識。
• 1枚の認識は1秒～3秒程度。
35

30 ★
くずし字認識結果の表示• IIIF Curation Viewer上に文字マーカーを表示し、背景画像の文字と比較しながら読める。
• 文字をクリックするとUnicodeを表示し、くずし字一覧ページに移動すれば他の用例との比較も可能。
• 利用者にとって最適な表示方法を選べるよう、透明度や表示位置、サイズなどは変更できる。
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh1436

31 ★★
KuroNet Text Editorによる読み順指定
1. KuroNet認識結果の文字読み順は、自動推定も手動指定も可能。
2. KuroNet Text Editorにより、行内および行間の順序を手動指定。
3. KuroNet Text Editorは、文字の読み順を可視化することも可能。
4. IIIF Curation Viewerに対して、用途に特化した機能を追加。
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

37

ICPの高度な利用

2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh1438

32 ★★
データ構造化への利用画像から部分領域を指定してメタデータを付与する作業は、応用範囲が広い

武鑑全集
http://codh.rois.ac.jp/bukan/
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh1439

33 ★★★
ICPを活用したデジタルアーカイブ構築• キュレーションのURLをリスト化し、プログラムがJSONkeeperから読み出し、外部システムに合わせた形式に変換。
• IIIF Curation Platformを一部活用したデジタルアーカイブ構築。
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh1440

34 ★★★
オンライン図鑑の作成

デジタル台風：気象衛星「ひまわり」図鑑
http://agora.ex.nii.ac.jp/digital-typhoon/contribution/gallery/
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh1441

35 ★★★
JSONkeeperとCanvas Indexerの連携• JSONkeeper：
JSON形式のデー
ICViewer
タを保存・提供
JSONkeeper
キュレーションするサービス。
JSON最終時点か• Canvas Indexer：
IIIF Change Discovery
ら更新されJSONkeeperのAPI 0.1
たキュレー
データをクローconformance level 2
ションをICFinder
Activity streams
ルし、キャンバハーベスト
ス単位に分解し、検索可能とする
Canvas Indexer
サービス。
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh1442

36 ★★★
Canvas Indexerと機械学習の連携
Canvas Indexer

Tag: Circle

機械学習処
理を依頼する画像URLをサービスに送信

画像URLに対する処理結果（機械タグ）をCIに返信

機械学習サービス
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh1443

37 ★★★
Canvas Indexerによるキュレーション検索• キュレーション単位で集めたデータを、キャンバス単位に分解し、メタデータ単位で組み替える仕組み。
• IIIF Curation Finder以外に、Omeka Sなどからも利用できる仕組みを開発中。
顔貌コレクション
http://codh.rois.ac.jp/face/iiif-curation-finder/
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh1444

38 ★★★
Curation Tracerによるキュレーション検索

Curation Tracer
http://codh.rois.ac.jp/curation/tracer/
2021/2/18• キャンバス単位、マニフェスト単位で、キュレーションに利用されている領域を可視化。
• キュレーションが画像のどこに注目しているかを分析可能。
• 将来的にはアクセス解析に発展？

IIIF Curation Platform利活用レシピ100連発 #codh1445

おわりに2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

46

39 ★
IIIFの相互運用性
1. IIIFの普及が世界中で急速に進んだ理由は、画像提供者の共通のニーズにうまく答えたから。
2. 共通形式でデータを公開する（相互運用性を担保する）ことで、同じツールを使って世界中の画像にアクセスできるようになった。
3. 各種ツールがIIIFを前提とするにつれて、IIIF対応していないアーカイブは「不便」とみなされるようになる。
4. Fear of missing out（取り残される恐怖）が近づく。
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

47

40 ★
IIIF Curation Platformの独自性
1. テーマ別の画像コレクションを利用者が独自に作成し公開できるようにした。
2. 画像提供者以外が公開する画像サービスを利用者が独自に呼び出し使えるようにした。
3. 利用者が独自の付加情報をオーバーレイ表示できるようにした。
4. 利用者が自由に画像を収集し、処理し、公開するワークフ
ロー全体を支援する基盤として、ICPはIIIF画像の新たな利活用を開拓する役割を果たしている。
オープンな画像の利活用を開拓するIIIF Curation Platform, カレントアウェアネス-E, No.398, 2020.09.17,
https://current.ndl.go.jp/e2301/2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh14

48

参考文献
1.

北本 朝展, "オープンな画像の利活用を開拓するIIIF Curation Platform", カレントアウェアネス, No.
E2301, 2020年9月

2.

Asanobu KITAMOTO, "IIIF Curation Platform: Creating and Sharing Virtual Image Collection on a GlobalScale", 2019 International Conference: Glocal Humanities in the Era of Hyperconnectivity, 2019年9月（招待講演） (in English)3.

北本 朝展, 本間 淳, Tarek SAIER, "IIIF Curation Platform：利用者主導の画像共有を支援するオープンな次世代IIIF基盤", 人文科学とコンピュータシンポジウム じんもんこん2018論文集, pp. 327-334,
2018年12月

4.

北本 朝展, "IIIFで進むソフトウェア開発と画像公開プラットフォームへの道", 第4回CODHセミ
ナー - デジタルアーカイブにおける画像公開の新しいトレンド ～IIIFが拓く画像アクセスの標準化と高度化～, doi:10.20676/00000308, 2017年7月

5.

北本 朝展, 山本 和明, "人文学データのオープン化を開拓する超学際的データプラットフォームの構築", 人文科学とコンピュータシンポジウム じんもんこん2016論文集, pp. 117-124, 2016年12月

2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh1449

謝辞• IIIF Curation Platformの開発には、本間 淳（フェリックス・スタイル）、Tarek Saier（Karlsruhe Institute of Technology）の2名がコア開発者として関わっています。多大な貢献に感謝します。
• 発表資料には、CODHの鈴木 親彦、カラーヌワット タリン、市野美夏らの成果を含みます。
• 多数の画像提供者と共同研究者に感謝します。

http://codh.rois.ac.jp/icp/
2021/2/18

IIIF Curation Platform利活用レシピ100連発 #codh1450