ノアを埋め込み・読み取りできるか試すテストページを追加

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

1 files changed, 35 insertions, 0 deletions

diff --git a/static/noah-test.html b/static/noah-test.html
new file mode 100644
index 0000000..16a7b7a
--- /dev/null
+++ b/static/noah-test.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="ja">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>ノア 読み込みテスト</title>
+<style>
+  body { font-family: system-ui, "Hiragino Sans", "Noto Sans JP", sans-serif; margin: 16px; }
+  iframe { width: 100%; height: 480px; border: 1px solid #ccc; }
+  pre { background: #f6f6f6; padding: 8px; white-space: pre-wrap; }
+</style>
+</head>
+<body>
+<h1>サウンドスタジオノア 読み込みテスト</h1>
+<p>このページはあなたのブラウザから直接ノアにアクセスして、埋め込みと読み取りができるかを確かめる。</p>
+
+<h2>1. iframe で埋め込めるか</h2>
+<p>下にノアのページが表示されれば埋め込める。空白やエラー表示なら禁止されている。</p>
+<iframe src="https://www.studionoah.jp/"></iframe>
+
+<h2>2. JavaScript で読み取れるか（CORS）</h2>
+<pre id="cors">確認中…</pre>
+
+<script>
+fetch("https://www.studionoah.jp/", { mode: "cors" })
+  .then(async (r) => {
+    const text = await r.text();
+    document.getElementById("cors").textContent = `読み取れた: HTTP ${r.status} / ${text.length} 文字`;
+  })
+  .catch((e) => {
+    document.getElementById("cors").textContent = `読み取れない（CORS で拒否、または通信失敗）: ${e}`;
+  });
+</script>
+</body>
+</html>