AIで作るTEIビューアー シリーズ サンプル集

『AIで作るTEIビューアー』シリーズのチュートリアルで使うサンプルファイル一式です。各本を進める際、このリポジトリから必要なファイルをダウンロードしてご利用ください。

本シリーズには、AI エディタとして Cursor を使う版と Google Antigravity を使う版があります。サンプルファイルはエディタに依存しないため、どちらの版でも共通して使えます。

サンプルディレクトリ

ディレクトリ	内容
cursor-tei-visualization/	最小の TEI ビューアー（XSLT + CSS）
cursor-tei-iiif/	TEI と IIIF 画像を連動させるビューアー（縦書き版でも使用）
cursor-tei-analysis/	TEI コーパスを集計・可視化するダッシュボード

ディレクトリ名が cursor- で始まるのは、シリーズ初版（Cursor 版）に由来する名残です。中身のサンプルはエディタに依存せず、Antigravity 版でもそのまま使えます。

対応する書籍

サンプルを使うチュートリアル書籍は https://tech.ldas.jp/ja/books/ で公開しています。

Cursor 版

• AIで作るTEIビューアー — 最小の TEI ビューアーを作る本編
• AIと作るTEI×IIIFビューアー — 翻刻テキストと IIIF 画像を連動させる
• AIで分析するTEIデータ — TEI コーパスを集計・可視化する

Google Antigravity 版

• AIで作るTEIビューアー（Antigravity版） — 本編の Antigravity 版
• AIと作る縦書きIIIFビューアー — 翻刻を縦書きで表示し原本画像と連動させる

ダウンロード方法（読者向け）

3つの方法から選べます。A の ZIP ダウンロードがもっとも簡単 で、ターミナル操作が不要です。

A. ZIP でダウンロード（推奨、ターミナル不要）

1. このリポジトリのページ上部の緑色のボタン 「Code」→「Download ZIP」 をクリック
2. ダウンロードされた tutorials-main.zip をダブルクリックで展開
3. 中のフォルダから、進めている本に対応する一式を作業フォルダにコピー

B. 個別ファイルを保存

各ファイルを GitHub のページで開き、画面右上の 「Raw」 ボタンをクリックして開いた画面を右クリック → 「ページを保存」または「名前を付けてリンク先を保存」。

C. AI エージェントに取得を依頼（中級者向け）

Cursor や Google Antigravity の AI エージェントの操作に慣れた読者は、次のように依頼できます。

このリポジトリ（https://github.com/nakamura196/tutorials）から
cursor-tei-{book}/ の中身を、今のフォルダに取得してください。

エージェントが gh repo clone や curl を組み合わせて取得してくれます。

ライセンス

• コード（HTML / CSS / JavaScript / XSLT）: MIT License
• TEI ファイル: 各サンプルディレクトリの README.md に出典・利用条件を明記しています

関連リンク

• 本シリーズの書籍: https://tech.ldas.jp/ja/books/
• 著者: 中村 覚（na.kamura.1263@gmail.com）