🙆
Next.jsを用いたTEI/XMLファイルの簡易ビューアを作成しました
概要
TEI/XMLファイルの内容を表示する簡易なビューアを作成しました。
校異源氏物語のTEI/XMLを対象とした表示例は以下です。
https://utda.github.io/tei-viewer/?u=https://kouigenjimonogatari.github.io/tei/01.xml&v=true
使い方
最低限の機能として、IIIFマニフェストファイルが関連付けられている場合には、Miradorビューアが表示されるようにしました。関連付けの方法としては、以下のフォーマットをベースとしています。
またpbタグのn属性が与えられている場合は、ページ番号が表示される機能を提供します。さらに日本語への対応として、クエリパラメータにv=trueを与えた場合、縦書きテキストが表示されます。
その他
フレームワークにはNext.js、TEI/XMLの表示スタイルにはCETEICeanを使用しました。
そのほか、以下の記事を参考に、GitHubリポジトリとZenodoの連携を試行しています。
改善の余地があるかと思いますが、以下のコマンドを使って、新しいリリースを作成しています。
"release": "npm version patch && git push origin --tags && VERSION=$(node -pe \"require('./package.json').version\") && gh release create \"v$VERSION\" --title \"Version $VERSION\""
今後
pbタグとMiradorビューアの画像表示が対応する機能を追加したいと思います。
まとめ
TEI/XMLファイルの可視化にあたり、参考になりましたら幸いです。
Discussion