ceteicean-mirador
TEI/XMLファイルを読み込み、Miradorで画像を表示し、CETEIceanでテキストを表示するサンプルアプリ
Science Score: 44.0%
This score indicates how likely this project is to be science-related based on various indicators:
-
✓CITATION.cff file
Found CITATION.cff file -
✓codemeta.json file
Found codemeta.json file -
✓.zenodo.json file
Found .zenodo.json file -
○DOI references
-
○Academic publication links
-
○Academic email domains
-
○Institutional organization owner
-
○JOSS paper metadata
-
○Scientific vocabulary similarity
Low similarity (1.0%) to scientific vocabulary
Keywords
Repository
TEI/XMLファイルを読み込み、Miradorで画像を表示し、CETEIceanでテキストを表示するサンプルアプリ
Basic Info
- Host: GitHub
- Owner: nakamura196
- License: mit
- Default Branch: main
- Homepage: https://nakamura196.github.io/ceteicean-mirador/
- Size: 4.88 KB
Statistics
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
- Releases: 0
Topics
Metadata Files
README.md
CETEIceanとMiradorを使用したTEI/XMLビューア
概要
TEI/XMLファイルを読み込み、Miradorで画像を表示し、CETEIceanでテキストを表示するサンプルアプリを作成しました。以下のURLからお試しいただけます。
デモサイト
https://nakamura196.github.io/ceteicean-mirador/
背景
これまでにも、同様の機能を提供するアプリケーションを開発してきました。
Next.js を使用した実装例
https://zenn.dev/nakamura196/articles/a959b7bda6d4daXSLT を使用した実装例
https://zenn.dev/nakamura196/articles/d0e74f0e3fc547
今回は、HTMLとプレーンなJavaScriptのみを使用して実装する方法をご紹介します。
対象データ
以下の校異源氏物語テキストDBを対象とします。
https://kouigenjimonogatari.github.io/
実装方法
ソースコードは以下のリポジトリで公開しています。
https://github.com/nakamura196/ceteicean-mirador
実装のポイント
1. CETEIcean の behaviors を利用した pb タグの処理
CETEIcean の behaviors を利用して pb タグのクリック時の挙動を定義しています。
2. Mirador でのページ遷移処理
pb タグをクリックした際に、TEI/XML ファイルから Canvas の URI を取得し、Mirador のページ遷移を実行します。
3. CETEIcean の CSS を利用
テキストのスタイルは、CETEIcean が提供する CSS を利用しています。
技術スタック
- CETEIcean: TEI/XMLをHTMLに変換して表示
- Mirador: IIIF準拠の画像ビューア
- HTML/JavaScript: フレームワークを使用せずに実装
使用方法
- リポジトリをクローン
- 必要に応じてTEI/XMLファイルを準備
- ブラウザで
index.htmlを開く
ライセンス
MITライセンス
Owner
- Name: Satoru Nakamura
- Login: nakamura196
- Kind: user
- Website: https://researchmap.jp/nakamura.satoru/?lang=english
- Repositories: 47
- Profile: https://github.com/nakamura196
Citation (CITATION.cff)
cff-version: 1.1.0
message: Cite as
authors:
- family-names: Nakamura
given-names: Satoru
orcid: https://orcid.org/0000-0001-8245-7925
website: https://researchmap.jp/nakamura.satoru?lang=en
title: ceteicean-mirado
GitHub Events
Total
- Watch event: 1
- Push event: 2
- Create event: 2
Last Year
- Watch event: 1
- Push event: 2
- Create event: 2