概要

TEI/XMLファイルの内容を表示する簡易なビューアを作成しました。

https://github.com/utda/tei-viewer

校異源氏物語のTEI/XMLを対象とした表示例は以下です。

https://utda.github.io/tei-viewer/?u=https://kouigenjimonogatari.github.io/tei/01.xml&v=true

使い方

最低限の機能として、IIIFマニフェストファイルが関連付けられている場合には、Miradorビューアが表示されるようにしました。関連付けの方法としては、以下のフォーマットをベースとしています。

https://github.com/TEI-EAJ/jp_guidelines/wiki/IIIF画像とのリンク

またpbタグのn属性が与えられている場合は、ページ番号が表示される機能を提供します。さらに日本語への対応として、クエリパラメータにv=trueを与えた場合、縦書きテキストが表示されます。

https://github.com/utda/tei-viewer/blob/main/src/app/components/Ceteicean.tsx

その他

フレームワークにはNext.js、TEI/XMLの表示スタイルにはCETEICeanを使用しました。

https://github.com/utda/tei-viewer/blob/main/src/app/CETEIcean.css

そのほか、以下の記事を参考に、GitHubリポジトリとZenodoの連携を試行しています。

改善の余地があるかと思いますが、以下のコマンドを使って、新しいリリースを作成しています。

"release":"npmversionpatch&&gitpushorigin-tags&&VERSION=$(node-pe\"require('./package.json').version\")&&ghreleasecreate\"v$VERSION\"-title\"Version$VERSION\""

今後

pbタグとMiradorビューアの画像表示が対応する機能を追加したいと思います。

まとめ

TEI/XMLファイルの可視化にあたり、参考になりましたら幸いです。