ceteicean-mirador

TEI/XMLファイルを読み込み、Miradorで画像を表示し、CETEIceanでテキストを表示するサンプルアプリ

https://github.com/nakamura196/ceteicean-mirador

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

ceteicean iiif mirador tei xml
Last synced: 6 months ago · JSON representation ·

Repository

TEI/XMLファイルを読み込み、Miradorで画像を表示し、CETEIceanでテキストを表示するサンプルアプリ

Basic Info
Statistics
  • Stars: 1
  • Watchers: 1
  • Forks: 0
  • Open Issues: 0
  • Releases: 0
Topics
ceteicean iiif mirador tei xml
Created 11 months ago · Last pushed 11 months ago
Metadata Files
Readme License Citation

README.md

CETEIceanとMiradorを使用したTEI/XMLビューア

概要

TEI/XMLファイルを読み込み、Miradorで画像を表示し、CETEIceanでテキストを表示するサンプルアプリを作成しました。以下のURLからお試しいただけます。

デモサイト

https://nakamura196.github.io/ceteicean-mirador/

アプリのスクリーンショット

背景

これまでにも、同様の機能を提供するアプリケーションを開発してきました。

  • Next.js を使用した実装例
    https://zenn.dev/nakamura196/articles/a959b7bda6d4da

  • XSLT を使用した実装例
    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: フレームワークを使用せずに実装

使用方法

  1. リポジトリをクローン
  2. 必要に応じてTEI/XMLファイルを準備
  3. ブラウザでindex.htmlを開く

ライセンス

MITライセンス

Owner

  • Name: Satoru Nakamura
  • Login: nakamura196
  • Kind: user

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