利⽤説明会資料

ジャパンサーチとの連携に伴う貴重資料画像データベース「⿓⾕蔵」の利活⽤

⿓⾕⼤学図書館 利⽤説明会
2023-10-04, 11-08

本資料のご利⽤について: この資料の意図として、個⼈の研究・学習を進める⽬的で活⽤下さい。内容については注意して記載しましたが、各所に設定した現在のリンクと共に将来に渡り保証はできません。内容の変化や誤りは利⽤者が補ってください。権利はそれぞれの図・画像ごとに別途存在する点に注意下さい。

利⽤説明会の内容
１．“なかみ” が新しくなった「⿓⾕蔵」
２． NDLデジタルコレクション、ジャパンサーチとの連携
３． IIIF（トリプル・アイ・エフ）利⽤の要点
４．「⿓⾕蔵」の新たな活⽤事例

質疑応答

１．“なかみ” が 新しくなった「⿓⾕蔵」（従来）・URL と パスの構造を整理
・IIIF（トリプル・アイ・エフ）対応 ⇔・クラウドでの運⽤・動的Web（CMS）

JPEG, Zoomify⇔⇔学内静的Webページ

コンテンツ・マネージメント・システム

・国⽴国会図書館への⾃動・定期的なデータ提供
OAI-PMH 対応（NDLのハーベスト⽤）https://da.library.ryukoku.ac.jp/index.html

詳しくはご利⽤案内をご覧くださいUniversal Viewer (ユニバーサル・ビューア、バージョン 3)

注：(A)から(D)は画像閲覧ページの機能なので今回は省略（他も同様）① 画像コマ移動② 表⽰切替（画像表⽰／サムネイル⼀覧表⽰）③ 機能（拡⼤・縮⼩、回転）④ 画像コマの⼀覧（クリックするとその画像コマを表⽰）⑤ ズーム、回転操作⑥ 主ビュー（マウスを移動した際に、左右にコマ移動アイコンを表⽰）⑦ IIIF Manifestの情報表⽰パネル（開く／閉じる）⑧ ロケータ（主ビューにマウスポインタを移動時）⑨ ダウンロード（最⼤1500画素）⑩ フルスクリーンMirador Viewer (ミラドール・ビューア、バージョン 2)① レイアウトの変更（画⾯の追加）② フルスクリーン③ ダウンロード（最⼤1500画素）④ 表⽰切替（画像表⽰／サムネイル⼀覧表⽰）⑤ IIIF Manifestの情報表⽰パネル（開く／閉じる）⑥ アノテーション編集（⿓⾕⼤学のサーバーにはデータは保存されません）⑦ 回転操作、画像階調調整など⑧ 主ビュー⑨ コマ移動（前後）⑩ 拡⼤・縮⼩、初期表⽰、表⽰移動⑪ 画像コマの⼀覧（クリックするとその画像コマを表⽰）

Lime Viewer（ライム・ビューア、バージョン 3）① 画像コマの⼀覧（クリックするとその画像コマを表⽰、単独コマの場合は初期表⽰で隠す）② 主ビュー③ ロケータ④ ⼀覧の表⽰切替⑤ コマ移動（左右に配置、ページ送りと同じ。Page Up/Downキーも同様）⑥ 初期表⽰、縮⼩、ズームスライド、拡⼤、回転、ロケータ表⽰切替⑦ オプション（表⽰切替ボタン、以下メニューは上から）

２．NDLデジタルコレクション、ジャパンサーチとの連携

・⼈⽂学研究への貢献
⿓⾕⼤学の貴重な⽂化資源を広く⼈⽂学の研究に提供。
・ポータルの恩恵
関連する資料を⼀元的に検索でき、相互に益がある。

IIIFにより⽐較が容易になり、利⽤の壁が低くなった。

ジャパンサーチとの連携の仕組み
・週に⼀度、国⽴国会図書館がデータを⾃動取り込み・OAI-PMH 対応（NDLのハーベスト⽤。⼀般提供はしていない。）
更新データのリクエスト

国⽴国会図書館
デジタルコレクション
更新データのレスポンス

ジャパンサーチ

・「 ジャパンサーチは … 我が国が保有する様々な分野のコンテンツのメタデータを検索・閲覧・活⽤できるプラットフォーム 」（引⽤： https://jpsearch.go.jp/about ）３．IIIF（トリプル・アイ・エフ）利⽤の要点（ご利⽤案内から抜粋）•

IIIF Manifestを利⽤することで、当館公開資料の⽐較や他機関で公開している資料との⽐較表⽰が⾏えます。

•

画像ビューアが対応している場合、「IIIF」ロゴのアイコンをその画像ビューアにドラッグ・ドロップすることで、表⽰が⾏えます。

•

IIIF ManifestファイルはJSONというデータフォーマットで提供します。
アイコンをクリックするとWebブラウザでJSONが表⽰されますが、⼈が読みやすくするにはWebブラウザごとに拡張機能が必要になる場合があります。

I I I F （ “triple-eye-eff” ） の概要
・International Image Interoperability Framework
・「画像へのアクセスを標準化し相互運⽤性を確保するための国際的なコミュニティ活動」（引⽤：Wikipedia, https://ja.wikipedia.org/wiki/International_Image_Interoperability_Framework ）・https://iiif.io/・2016年ぐらいから国内では認識が進み、2018年以降は普及段階 ＊1
・画像サーバーや画像ビューアの組み合わせ（囲い込み）からの⾃由（理想的には）・別サイトからでも利⽤できる（ ⇔ CORS ＊2 による設定が必要）
・IIIF Image API、IIIF Presentation API の２つの仕様が現在の「核」
・Manifest（マニフェスト, JSON）の書き⽅で各種の活⽤＊1 : あくまで個⼈の認識（参考：2011年に最初のImage API）
＊2：オリジン間リソース共有（Cross-Origin Resource Sharing, 同⼀⽣成元ポリシー）

IIIF（トリプル・アイ・エフ）の技術仕様（１） IIIF Image API と画像サーバー（２） IIIF Presentation API とManifest（マニフェスト）

（１）IIIF Image API と 画像サーバー
Image API 2.1.1（ Image API 3.0.0 ）例：『北斎道中画譜』024.3-717W-1（禿⽒⽂庫）4コマ⽬
https://da2.library.ryukoku.ac.jp/image/?IIIF=/17%2F170025%2F170025-0004.tif/full/max/0/default.jpg
https://da2.library.ryukoku.ac.jp/image/?IIIF=画像サーバー( iipsrv )のURL ( cf. IIPImage )/ 17%2F170025%2F170025-0004.tif

PTIFF 画像 （ %2FはURLエンコードされた“/”スラッシュ ）/ full (0,0,1335,1000)

取得範囲指定（ 単位は画素pxや⽐率なども選べる ）/ max ( 500, や ,200 )表⽰サイズの指定（ 少し古い仕様では full ）/0

回転の指定（ 90 180 270 ）/ default.jpg (default.png etc.)

レスポンス・フォーマットの指定（ IIIF画像サーバーに依存 ）Iipsrv は Pyramidal Tiled TIFF（通称 PTIFF）を利⽤するが、次のURLで画像の情報が得られる。cf. IIIFビューア
https://da2.library.ryukoku.ac.jp/image/?IIIF=/17%2F170025%2F170025-0004.tif/info.json

（２）IIIF Presentation API と Manifest（マニフェスト）
Presentation API 2.1.1 （ Presentation API 3.0.0 )例：『北斎道中画譜』024.3-717W-1（禿⽒⽂庫）

ヒント：

https://da.library.ryukoku.ac.jp/iiif/170025/1/manifest.jsonManifest は JSONフォーマットのため、Webブラウザによっては⼈間が読みにくい・Manifest ファイルは JSON（ JSON-LD ＊1）フォーマット（改⾏のない）テキストデータとして表⽰され、複雑な構造の場合は特に読みづらい。

・Presentation API のバージョン２と３は「まったく」考え⽅が異なる。

Chromeでは、拡張機能 JSONVue (Edge2020年の新しい仕様で利⽤は途上。「⿓⾕蔵」は現在バージョン２。

は JSONView )をインストールすることで、わかりやすい表⽰となる。⾃⾝で JSON を・メタデータの項⽬は⾃由だが、画像利⽤の⽬的には⼗分。

書いた場合にも間違いを確認しやすい。

資料のメタデータを提供する必要時は、別途⽤意する。

また、編集時は Visual Studio Code などのエディターを⽤いると良い。

・画像サーバーの利⽤（バージョン2では service で記述）は必須ではない。
JPEGも記述可能だが、切り出しや回転ができないなど活⽤⼿段に制限。

活⽤には、現状ではこれらAPIの理解は⽋かせないと報告者は考える。

＊1：JavaScript Object Notation for Linked Data, 構造化データ仕様

IIIF Presentation API 2.1.1

参照元

https://iiif.io/api/presentation/2.1/

図やコードは次のライセンスで公開されている。Copyright © 2012-2023 Editors and contributors. Published by the IIIF Consortium under the CC-BY license, see disclaimer.

４．「⿓⾕蔵」の新たな活⽤事例 ‒‒‒‒ Mirador2 を使った⽐較・Mirador（ミラドー[ル]：スペイン語で出窓、⾒晴らし台） はオープンソースとしてGitHubで提供されている。
・画像ビューア部分は OpenSeadragon がベース。 （cf. Deep Zoom）
・現在、ソースコードしか提供されていない。（Universal Viewerなども同様でビルドが必要。）
・現在のバージョンは 3.3 だが、「⿓⾕蔵」では（現在は）旧バージョン2を⽤いている。

例：『北斎道中画譜』024.3-717W-1（禿⽒⽂庫） https://da.library.ryukoku.ac.jp/page/170025『北斎道中画譜』国⽴国会図書館所蔵

https://dl.ndl.go.jp/pid/2533255

簡単な資料の⽐較（３ステップ）(1) 画像閲覧中の Mirador の画⾯を増やす。
(2) 予め表⽰していた Manifest のアイコンをドロップする。
(3) ⾒たい箇所へ移動、拡⼤。

「⿓⾕蔵」 『北斎道中画譜』024.3-717W-1（禿⽒⽂庫） https://da.library.ryukoku.ac.jp/page/170025

「⿓⾕蔵」 『北斎道中画譜』024.3-717W-1（禿⽒⽂庫） https://da.library.ryukoku.ac.jp/page/170025

『北斎道中画譜』国⽴国会図書館所蔵

https://dl.ndl.go.jp/pid/2533255

スクロール

『北斎道中画譜』国⽴国会図書館所蔵

https://dl.ndl.go.jp/pid/2533255

「⿓⾕蔵」『北斎道中画譜』024.3-717W-1（禿⽒⽂庫） https://da.library.ryukoku.ac.jp/page/170025

Manifestアイコンをドロップ

右の画像：『北斎道中画譜』国⽴国会図書館所蔵

https://dl.ndl.go.jp/pid/2533255

「⿓⾕蔵」『北斎道中画譜』024.3-717W-1（禿⽒⽂庫） https://da.library.ryukoku.ac.jp/page/170025

右の画像：『北斎道中画譜』国⽴国会図書館所蔵

https://dl.ndl.go.jp/pid/2533255

「⿓⾕蔵」『北斎道中画譜』024.3-717W-1（禿⽒⽂庫） https://da.library.ryukoku.ac.jp/page/170025

右の画像：『北斎道中画譜』国⽴国会図書館所蔵

https://dl.ndl.go.jp/pid/2533255

「⿓⾕蔵」『北斎道中画譜』024.3-717W-1（禿⽒⽂庫） https://da.library.ryukoku.ac.jp/page/170025

右の画像：『北斎道中画譜』国⽴国会図書館所蔵

https://dl.ndl.go.jp/pid/2533255

参考：資料⽐較の例（他もNDLやジャパンサーチで探してみて下さい）

例：『北斎道中画譜』024.3-717W-1（禿⽒⽂庫） https://da.library.ryukoku.ac.jp/page/170025『北斎道中画譜』国⽴国会図書館所蔵

https://dl.ndl.go.jp/pid/2533255

例：『紅⽑雑話』091-235W-5（写字台⽂庫） https://da.library.ryukoku.ac.jp/page/190052『紅⽑雑話』国⽴国会図書館所蔵

https://dl.ndl.go.jp/pid/2557088/1/2

例：『選択本願念仏集』022-8-2（⿓⾕蔵） https://da.library.ryukoku.ac.jp/page/160398『選択本願念仏集』国⽴国会図書館所蔵

https://dl.ndl.go.jp/pid/2583384