<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<!-- この1行を追加 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Phloxの使い方</title>
<link rel="stylesheet" href="phlox.css?ts=20250625">
</head>
<body>
<h1>Phloxの使い方</h1>
<div id="howtouse-Links"></div>
<script>
const uses = [
{ title: "音楽用語クイズ（音楽用語をクイズ形式で学習）", file: "phlox-quiz.html" },
{ title: "音楽用語辞典（意味調べに使える）", file: "phlox-dictionary.html" },
{ title: "質問（わからないことを解決）", file: "phlox-question.html" }
];
const container = document.getElementById("howtouse-Links");
uses.forEach(use => {
const h2 = document.createElement("h2");
const a = document.createElement("a");
a.href = use.file;
a.textContent = use.title;
h2.appendChild(a);
container.appendChild(h2);
});
</script>
</body>
</html>
