概要
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の連携を試行しています。
改善の余地があるかと思いますが、以下のコマンドを使って、新しいリリースを作成しています。
今後
pbタグとMiradorビューアの画像表示が対応する機能を追加したいと思います。
まとめ
TEI/XMLファイルの可視化にあたり、参考になりましたら幸いです。