# 実画像サムネール追加手順

このフォルダに本物の LJ ウィンドウ画像を置き、
index.js に対応を書くと、window_catalog.html の 実画像 列に表示されます。

## 手順

1. 画像をこのフォルダにコピー
2. index.js の realShotMap に対応を追加
3. window_catalog.html を再読み込み

## index.js の書き方

例:

window.realShotMap = {
	TCurrentCue: "TCurrentCue.jpg",
	"11": "011_TCurrentCue.jpg"
};

キーはどちらでも使えます。
- 内部名キー（例: TCurrentCue）
- 番号キー（例: "11"）

## 推奨ファイル名

以下のどちらかで配置してください。

1. クラス名ベース
- TCurrentCue.png
- TCurrentCue.jpg
- TCurrentCue.webp

2. 番号付き
- 011_TCurrentCue.png
- 011_TCurrentCue.jpg
- 011_TCurrentCue.webp

番号は画面一覧の No です。3桁ゼロ埋めです。

## 推奨
- 画像サイズは横長（例: 800x450 以上）
- 文字が読めるように UI 全体を含める
- 余白や背景をなるべく統一する

## 反映確認
1. window_catalog.html を再読み込み
2. 実画像 列にサムネール表示される

未配置の画面は - 表示のままです。