function MainComponent() { const [currentIndex, setCurrentIndex] = useState(0); const [showMeaning, setShowMeaning] = useState(false); const [selectedChapter, setSelectedChapter] = useState(null); const [showModal, setShowModal] = useState(false); const [showTest, setShowTest] = useState(false); const [questionCount, setQuestionCount] = useState(null); const [testWords, setTestWords] = useState([]); const [score, setScore] = useState(0); const [selectedAnswer, setSelectedAnswer] = useState(null); const [showExplanation, setShowExplanation] = useState(false); const [audioContext] = useState(new AudioContext()); const [words] = useState([ { number: 1, word: "理性", reading: "りせい", meaning: "物事を論理的に考え判断する心の働き", simple: "冷静に考えて判断する力", english: "reason; rationality", chapter: 1 }, { number: 2, word: "感性", reading: "かんせい", meaning: "感じ取る心の働き", simple: "物事を感じ取る心", english: "sensitivity; sensibility", chapter: 1 }, { number: 3, word: "形而上", reading: "けいじじょう", meaning: "目に見えない抽象的な事柄", simple: "目では見えない考え方についての話", english: "metaphysical; abstract", chapter: 1 }, { number: 4, word: "形而下", reading: "けいじか", meaning: "目に見える具体的な事柄", simple: "実際に目で見える物事", english: "physical; concrete", chapter: 1 }, { number: 5, word: "曖昧", reading: "あいまい", meaning: "はっきりしないさま", simple: "はっきりとしていないこと", english: "vague; ambiguous", chapter: 1 }, { number: 6, word: "明瞭", reading: "めいりょう", meaning: "はっきりしているさま", simple: "とてもはっきりしていること", english: "clear; distinct", chapter: 1 }, { number: 7, word: "現象", reading: "げんしょう", meaning: "目に見える形で現れる出来事", simple: "実際に起こっている出来事", english: "phenomenon", chapter: 1 }, { number: 8, word: "絶対", reading: "ぜったい", meaning: "他との関係に左右されない、それ自体で完結しているさま", simple: "必ず、間違いなくそうであること", english: "absolute", chapter: 1 }, { number: 9, word: "相対", reading: "そうたい", meaning: "他との関係によって決まるさま", simple: "他のものとの関係で決まること", english: "relative", chapter: 1 }, { number: 10, word: "原則", reading: "げんそく", meaning: "物事の基本となる決まり", simple: "一番大切な基本のルール", english: "principle", chapter: 1 }, { number: 11, word: "例外", reading: "れいがい", meaning: "一般的な規則から外れること", simple: "普通のルールと違うこと", english: "exception", chapter: 1 }, { number: 12, word: "普遍", reading: "ふへん", meaning: "いつでもどこでも変わらないこと", simple: "いつもどこでも同じこと", english: "universal", chapter: 1 }, { number: 13, word: "特殊", reading: "とくしゅ", meaning: "一般的でない、特別なさま", simple: "普通とは違う特別なこと", english: "special; particular", chapter: 1 }, { number: 14, word: "無機的", reading: "むきてき", meaning: "生命のない、機械的なさま", simple: "命のない物のような感じ", english: "inorganic; mechanical", chapter: 1 }, { number: 15, word: "有機的", reading: "ゆうきてき", meaning: "生命のある、つながりのあるさま", simple: "生き物のようなつながりがあること", english: "organic; systematic", chapter: 1 }, { number: 16, word: "独立", reading: "どくりつ", meaning: "他に頼らず自立すること", simple: "他の人に頼らず自分でできること", english: "independence", chapter: 2 }, { number: 17, word: "従属", reading: "じゅうぞく", meaning: "他に従い支配されること", simple: "他の人の言うことに従うこと", english: "subordination", chapter: 2 }, { number: 18, word: "コスモス", reading: "こすもす", meaning: "秩序のある世界", simple: "きちんと整理された世界", english: "cosmos", chapter: 2 }, { number: 19, word: "カオス", reading: "かおす", meaning: "混沌とした状態", simple: "めちゃくちゃな状態", english: "chaos", chapter: 2 }, { number: 20, word: "主観", reading: "しゅかん", meaning: "個人の考えや感じ方", simple: "自分の考えや感じ方", english: "subjective", chapter: 2 }, { number: 21, word: "客観", reading: "きゃっかん", meaning: "個人の考えに左右されない見方", simple: "誰が見ても同じような見方", english: "objective", chapter: 2 }, { number: 22, word: "具体", reading: "ぐたい", meaning: "実際にある形のある事柄", simple: "はっきりと形がある物事", english: "concrete", chapter: 2 }, { number: 23, word: "抽象", reading: "ちゅうしょう", meaning: "実際の形がない概念的な事柄", simple: "形のない考え方の物事", english: "abstract", chapter: 2 }, { number: 24, word: "分節", reading: "ぶんせつ", meaning: "物事を区切って分けること", simple: "物事を分けて考えること", english: "articulation", chapter: 2 }, { number: 25, word: "概念", reading: "がいねん", meaning: "物事の本質的な特徴をとらえた考え", simple: "物事の大まかなイメージ", english: "concept", chapter: 2 }, { number: 26, word: "テクスト", reading: "てくすと", meaning: "文章や作品そのもの", simple: "書かれた文章", english: "text", chapter: 2 }, { number: 27, word: "コンテクスト", reading: "こんてくすと", meaning: "文脈、前後関係", simple: "前後のつながり", english: "context", chapter: 2 }, { number: 28, word: "対象化", reading: "たいしょうか", meaning: "物事を客観的に捉えること", simple: "物事を外から見ること", english: "objectification", chapter: 2 }, { number: 29, word: "主体性", reading: "しゅたいせい", meaning: "自分の意志で行動する性質", simple: "自分で考えて行動すること", english: "autonomy", chapter: 2 }, { number: 30, word: "客体性", reading: "きゃくたいせい", meaning: "対象として捉えられる性質", simple: "外から見られる立場", english: "objectivity", chapter: 2 }, { number: 31, word: "内在", reading: "ないざい", meaning: "内部に存在すること", simple: "中にあること", english: "immanence", chapter: 3 }, { number: 32, word: "外在", reading: "がいざい", meaning: "外部に存在すること", simple: "外にあること", english: "transcendence", chapter: 3 }, { number: 33, word: "本質", reading: "ほんしつ", meaning: "物事の根本的な性質", simple: "物事の一番大事な部分", english: "essence", chapter: 3 }, { number: 34, word: "現象学", reading: "げんしょうがく", meaning: "現象を研究する学問", simple: "現象を詳しく調べる学問", english: "phenomenology", chapter: 3 }, { number: 35, word: "構造", reading: "こうぞう", meaning: "物事の組み立て", simple: "物事の作り", english: "structure", chapter: 3 }, { number: 36, word: "機能", reading: "きのう", meaning: "物事の働き", simple: "物事の役割", english: "function", chapter: 3 }, { number: 37, word: "形式", reading: "けいしき", meaning: "物事の形", simple: "物事の見た目", english: "form", chapter: 3 }, { number: 38, word: "内容", reading: "ないよう", meaning: "物事の中身", simple: "物事の中にあるもの", english: "content", chapter: 3 }, { number: 39, word: "概念化", reading: "がいねんか", meaning: "物事を概念として捉えること", simple: "物事を考え方として捉えること", english: "conceptualization", chapter: 3 }, { number: 40, word: "抽象化", reading: "ちゅうしょうか", meaning: "具体的なものを抽象的に捉えること", simple: "具体的なものを考え方として捉えること", english: "abstraction", chapter: 3 }, { number: 41, word: "具体化", reading: "ぐたいか", meaning: "抽象的なものを具体的にすること", simple: "考え方を実際の形にすること", english: "concretization", chapter: 3 }, { number: 42, word: "分析", reading: "ぶんせき", meaning: "物事を細かく分けて調べること", simple: "物事を細かく調べること", english: "analysis", chapter: 3 }, { number: 43, word: "総合", reading: "そうごう", meaning: "物事をまとめて全体を捉えること", simple: "物事をまとめること", english: "synthesis", chapter: 3 }, { number: 44, word: "理論", reading: "りろん", meaning: "物事を説明するための考え方", simple: "物事を説明する考え方", english: "theory", chapter: 3 }, { number: 45, word: "実践", reading: "じっせん", meaning: "実際に行うこと", simple: "実際にやること", english: "practice", chapter: 3 }, { number: 46, word: "知識", reading: "ちしき", meaning: "物事について知っていること", simple: "知っていること", english: "knowledge", chapter: 4 }, { number: 47, word: "知恵", reading: "ちえ", meaning: "物事をうまく処理する能力", simple: "うまくやる力", english: "wisdom", chapter: 4 }, { number: 48, word: "直感", reading: "ちょっかん", meaning: "瞬間的に感じること", simple: "すぐに感じること", english: "intuition", chapter: 4 }, { number: 49, word: "論理", reading: "ろんり", meaning: "物事を筋道立てて考えること", simple: "筋道を立てて考えること", english: "logic", chapter: 4 }, { number: 50, word: "非合理", reading: "ひごうり", meaning: "道理に合わないこと", simple: "筋が通らないこと", english: "irrationality", chapter: 4 }, { number: 51, word: "合理性", reading: "ごうりせい", meaning: "物事が道理に適っていること", simple: "筋が通っていること", english: "rationality", chapter: 4 }, { number: 52, word: "実存", reading: "じつぞん", meaning: "現実に存在すること", simple: "実際に存在すること", english: "existence", chapter: 4 }, { number: 53, word: "本来性", reading: "ほんらいせい", meaning: "本来あるべき姿であること", simple: "本当のあり方", english: "authenticity", chapter: 4 }, { number: 54, word: "不安", reading: "ふあん", meaning: "心が落ち着かないこと", simple: "心配な気持ち", english: "anxiety", chapter: 4 }, { number: 55, word: "実存主義", reading: "じつぞんしゅぎ", meaning: "個人の実存を重視する思想", simple: "個人の存在を大切にする考え", english: "existentialism", chapter: 4 }, { number: 56, word: "疎外", reading: "そがい", meaning: "人間が本来の自分から離れること", simple: "本当の自分を失うこと", english: "alienation", chapter: 4 }, { number: 57, word: "自由", reading: "じゆう", meaning: "制限や束縛がないこと", simple: "自分の思い通りにできること", english: "freedom", chapter: 4 }, { number: 58, word: "責任", reading: "せきにん", meaning: "自分の行為の結果を引き受けること", simple: "自分のしたことに対する務め", english: "responsibility", chapter: 4 }, { number: 59, word: "実存的", reading: "じつぞんてき", meaning: "個人の存在に関わること", simple: "個人の生き方に関すること", english: "existential", chapter: 4 }, { number: 60, word: "本質主義", reading: "ほんしつしゅぎ", meaning: "物事の本質を重視する考え方", simple: "物事の核心を大切にする考え", english: "essentialism", chapter: 4 }, { number: 61, word: "実存主義", reading: "じつぞんしゅぎ", meaning: "個人の存在を重視する思想", simple: "個人の生き方を大切にする考え", english: "existentialism", chapter: 5 }, { number: 62, word: "不条理", reading: "ふじょうり", meaning: "道理に合わないこと", simple: "意味が分からないこと", english: "absurdity", chapter: 5 }, { number: 63, word: "実存哲学", reading: "じつぞんてつがく", meaning: "個人の実存を研究する哲学", simple: "個人の生き方を考える学問", english: "existential philosophy", chapter: 5 }, { number: 64, word: "主体的", reading: "しゅたいてき", meaning: "自分の意志で行動すること", simple: "自分で決めて行動すること", english: "subjective", chapter: 5 }, { number: 65, word: "客体的", reading: "きゃくたいてき", meaning: "外から見た対象としてあること", simple: "外から見られる立場", english: "objective", chapter: 5 }, { number: 66, word: "実存的不安", reading: "じつぞんてきふあん", meaning: "存在することへの根本的な不安", simple: "生きることへの深い心配", english: "existential anxiety", chapter: 5 }, { number: 67, word: "自己実現", reading: "じこじつげん", meaning: "自分の可能性を実現すること", simple: "自分らしく生きること", english: "self-realization", chapter: 5 }, { number: 68, word: "実存的孤独", reading: "じつぞんてきこどく", meaning: "人間存在の根本的な孤独", simple: "人間が本質的に一人であること", english: "existential solitude", chapter: 5 }, { number: 69, word: "自己疎外", reading: "じこそがい", meaning: "本来の自分を失うこと", simple: "本当の自分を見失うこと", english: "self-alienation", chapter: 5 }, { number: 70, word: "実存的自由", reading: "じつぞんてきじゆう", meaning: "存在に関わる根本的な自由", simple: "生き方を選ぶ自由", english: "existential freedom", chapter: 5 }, { number: 71, word: "実存的責任", reading: "じつぞんてきせきにん", meaning: "存在に関わる根本的な責任", simple: "生き方に対する責任", english: "existential responsibility", chapter: 5 }, { number: 72, word: "本来性", reading: "ほんらいせい", meaning: "本来あるべき姿であること", simple: "本当のあり方", english: "authenticity", chapter: 5 }, { number: 73, word: "非本来性", reading: "ひほんらいせい", meaning: "本来の姿でないこと", simple: "本当のあり方でないこと", english: "inauthenticity", chapter: 5 }, { number: 74, word: "実存的決断", reading: "じつぞんてきけつだん", meaning: "存在に関わる重要な決断", simple: "生き方を決める選択", english: "existential decision", chapter: 5 }, { number: 75, word: "実存的瞬間", reading: "じつぞんてきしゅんかん", meaning: "存在の意味が明らかになる瞬間", simple: "人生の重要な時", english: "existential moment", chapter: 5 }, { number: 76, word: "実存的対話", reading: "じつぞんてきたいわ", meaning: "存在に関わる深い対話", simple: "生き方について話し合うこと", english: "existential dialogue", chapter: 6 }, { number: 77, word: "実存的真理", reading: "じつぞんてきしんり", meaning: "存在に関わる根本的な真理", simple: "生き方の本当の意味", english: "existential truth", chapter: 6 }, { number: 78, word: "実存的探求", reading: "じつぞんてきたんきゅう", meaning: "存在の意味を探る努力", simple: "生き方を探すこと", english: "existential quest", chapter: 6 }, { number: 79, word: "実存的出会い", reading: "じつぞんてきであい", meaning: "存在に影響を与える出会い", simple: "人生を変える出会い", english: "existential encounter", chapter: 6 }, { number: 80, word: "実存的経験", reading: "じつぞんてきけいけん", meaning: "存在に関わる深い経験", simple: "人生の深い体験", english: "existential experience", chapter: 6 }, { number: 81, word: "実存的危機", reading: "じつぞんてききき", meaning: "存在に関わる重大な危機", simple: "人生の重大な問題", english: "existential crisis", chapter: 6 }, { number: 82, word: "実存的選択", reading: "じつぞんてきせんたく", meaning: "存在に関わる重要な選択", simple: "人生の重要な決断", english: "existential choice", chapter: 6 }, { number: 83, word: "実存的意味", reading: "じつぞんてきいみ", meaning: "存在に関わる深い意味", simple: "人生の深い意味", english: "existential meaning", chapter: 6 }, { number: 84, word: "実存的価値", reading: "じつぞんてきかち", meaning: "存在に関わる根本的な価値", simple: "人生の大切なもの", english: "existential value", chapter: 6 }, { number: 85, word: "実存的課題", reading: "じつぞんてきかだい", meaning: "存在に関わる重要な課題", simple: "人生の重要な問題", english: "existential task", chapter: 6 }, { number: 86, word: "実存的成長", reading: "じつぞんてきせいちょう", meaning: "存在に関わる深い成長", simple: "人生の深い成長", english: "existential growth", chapter: 6 }, { number: 87, word: "実存的理解", reading: "じつぞんてきりかい", meaning: "存在に関わる深い理解", simple: "人生の深い理解", english: "existential understanding", chapter: 6 }, { number: 88, word: "実存的洞察", reading: "じつぞんてきどうさつ", meaning: "存在に関わる深い洞察", simple: "人生の深い気づき", english: "existential insight", chapter: 6 }, { number: 89, word: "実存的勇気", reading: "じつぞんてきゆうき", meaning: "存在に関わる深い勇気", simple: "生きる勇気", english: "existential courage", chapter: 6 }, { number: 90, word: "実存的希望", reading: "じつぞんてききぼう", meaning: "存在に関わる深い希望", simple: "人生への希望", english: "existential hope", chapter: 6 }, { number: 91, word: "実存的愛", reading: "じつぞんてきあい", meaning: "存在に関わる深い愛", simple: "深い愛情", english: "existential love", chapter: 7 }, { number: 92, word: "実存的信頼", reading: "じつぞんてきしんらい", meaning: "存在に関わる深い信頼", simple: "深い信頼関係", english: "existential trust", chapter: 7 }, { number: 93, word: "実存的喜び", reading: "じつぞんてきよろこび", meaning: "存在に関わる深い喜び", simple: "生きる喜び", english: "existential joy", chapter: 7 }, { number: 94, word: "実存的苦悩", reading: "じつぞんてくくのう", meaning: "存在に関わる深い苦悩", simple: "生きる苦しみ", english: "existential suffering", chapter: 7 }, { number: 95, word: "実存的平安", reading: "じつぞんてきへいあん", meaning: "存在に関わる深い平安", simple: "心の安らぎ", english: "existential peace", chapter: 7 }, { number: 96, word: "実存的目覚め", reading: "じつぞんてきめざめ", meaning: "存在の意味に気づくこと", simple: "人生の気づき", english: "existential awakening", chapter: 7 }, { number: 97, word: "実存的成熟", reading: "じつぞんてきせいじゅく", meaning: "存在に関わる深い成熟", simple: "人生の深まり", english: "existential maturity", chapter: 7 }, { number: 98, word: "実存的調和", reading: "じつぞんてきちょうわ", meaning: "存在に関わる深い調和", simple: "人生のバランス", english: "existential harmony", chapter: 7 }, { number: 99, word: "実存的統合", reading: "じつぞんてきとうごう", meaning: "存在に関わる深い統合", simple: "人生のまとまり", english: "existential integration", chapter: 7 }, { number: 100, word: "国際主義", reading: "こくさいしゅぎ", meaning: "国際協調を重視する立場", simple: "国と国の協力を大切にする考え", english: "internationalism", chapter: 7 }, { number: 101, word: "民族主義", reading: "みんぞくしゅぎ", meaning: "民族の独自性や利益を重視する思想", simple: "自分たちの民族を大切にする考え", english: "nationalism", chapter: 7 }, { number: 102, word: "植民地主義", reading: "しょくみんちしゅぎ", meaning: "他の地域を支配・統治する政策", simple: "他の地域を支配しようとする考え", english: "colonialism", chapter: 7 }, { number: 103, word: "帝国主義", reading: "ていこくしゅぎ", meaning: "領土拡大と他国支配を目指す政策", simple: "他の国を支配して大きくなろうとする考え", english: "imperialism", chapter: 7 }, { number: 104, word: "資本主義", reading: "しほんしゅぎ", meaning: "私有財産と市場経済を基本とする体制", simple: "お金と自由な商売を大切にする考え", english: "capitalism", chapter: 7 }, { number: 105, word: "社会主義", reading: "しゃかいしゅぎ", meaning: "生産手段の社会的所有を主張する思想", simple: "みんなで分け合って使う考え", english: "socialism", chapter: 7 }, { number: 106, word: "一神教", reading: "いっしんきょう", meaning: "唯一の神を信仰する宗教", simple: "一つの神様だけを信じる考え", english: "monotheism", chapter: 8 }, { number: 107, word: "多神教", reading: "たしんきょう", meaning: "複数の神々を信仰する宗教", simple: "たくさんの神様を信じる考え", english: "polytheism", chapter: 8 }, { number: 108, word: "無神論", reading: "むしんろん", meaning: "神の存在を否定する立場", simple: "神様はいないという考え", english: "atheism", chapter: 8 }, { number: 109, word: "不可知論", reading: "ふかちろん", meaning: "神の存在を知ることができないとする立場", simple: "神様がいるかどうか分からないという考え", english: "agnosticism", chapter: 8 }, { number: 110, word: "汎神論", reading: "はんしんろん", meaning: "自然界全てに神性を見る考え方", simple: "全てのものに神様がいるという考え", english: "pantheism", chapter: 8 }, { number: 111, word: "神秘主義", reading: "しんぴしゅぎ", meaning: "神との直接的な合一体験を重視する立場", simple: "神様と一つになる体験を大切にする考え", english: "mysticism", chapter: 8 }, { number: 112, word: "原理主義", reading: "げんりしゅぎ", meaning: "宗教の原理や教義を厳格に守る立場", simple: "宗教の決まりを厳しく守る考え", english: "fundamentalism", chapter: 8 }, { number: 113, word: "世俗主義", reading: "せぞくしゅぎ", meaning: "政教分離を主張する立場", simple: "政治と宗教を分ける考え", english: "secularism", chapter: 8 }, { number: 114, word: "修行主義", reading: "しゅぎょうしゅぎ", meaning: "宗教的な修行を重視する立場", simple: "修行を大切にする考え", english: "asceticism", chapter: 8 }, { number: 115, word: "救済論", reading: "きゅうさいろん", meaning: "宗教的な救いについての考え方", simple: "人々を救う方法についての考え", english: "soteriology", chapter: 8 }, { number: 116, word: "終末論", reading: "しゅうまつろん", meaning: "世界の終わりについての宗教的解釈", simple: "世界の終わりについての考え", english: "eschatology", chapter: 8 }, { number: 117, word: "輪廻転生", reading: "りんねてんしょう", meaning: "死後に別の形で生まれ変わるという考え", simple: "生まれ変わりの考え", english: "reincarnation", chapter: 8 }, { number: 118, word: "因果応報", reading: "いんがおうほう", meaning: "行為には必ず報いが伴うという考え", simple: "良いことをすれば良いことが返ってくるという考え", english: "karma", chapter: 8 }, { number: 119, word: "禁欲主義", reading: "きんよくしゅぎ", meaning: "欲望を抑制する生き方", simple: "欲を抑える考え方", english: "asceticism", chapter: 8 }, { number: 120, word: "瞑想", reading: "めいそう", meaning: "心を静めて内面を見つめる実践", simple: "心を落ち着かせて考えること", english: "meditation", chapter: 8 }, { number: 121, word: "科学主義", reading: "かがくしゅぎ", meaning: "科学的方法を絶対視する立場", simple: "科学的な考え方だけを重視する考え", english: "scientism", chapter: 9 }, { number: 122, word: "経験主義", reading: "けいけんしゅぎ", meaning: "経験を知識の源泉とする考え方", simple: "経験から学ぶことを大切にする考え", english: "empiricism", chapter: 9 }, { number: 123, word: "合理主義", reading: "ごうりしゅぎ", meaning: "理性による認識を重視する立場", simple: "理性的に考えることを大切にする考え", english: "rationalism", chapter: 9 }, { number: 124, word: "帰納法", reading: "きのうほう", meaning: "個別の事例から一般法則を導く方法", simple: "たくさんの例から法則を見つける方法", english: "induction", chapter: 9 }, { number: 125, word: "演繹法", reading: "えんえきほう", meaning: "一般法則から個別の結論を導く方法", simple: "法則から具体的なことを考える方法", english: "deduction", chapter: 9 }, { number: 126, word: "仮説演繹法", reading: "かせつえんえきほう", meaning: "仮説を立てて検証する科学的方法", simple: "予想を立てて確かめる方法", english: "hypothetico-deductive method", chapter: 9 }, { number: 127, word: "パラダイム", reading: "ぱらだいむ", meaning: "科学的な考え方の枠組み", simple: "科学の基本となる考え方", english: "paradigm", chapter: 9 }, { number: 128, word: "反証主義", reading: "はんしょうしゅぎ", meaning: "理論の反証可能性を重視する立場", simple: "間違いを見つけることで進む考え", english: "falsificationism", chapter: 9 }, { number: 129, word: "科学革命", reading: "かがくかくめい", meaning: "科学的な考え方の大きな転換", simple: "科学の考え方が大きく変わること", english: "scientific revolution", chapter: 9 }, { number: 130, word: "決定論", reading: "けっていろん", meaning: "全ての現象は因果関係で決定されるとする考え", simple: "全てのことには原因があるという考え", english: "determinism", chapter: 9 }, { number: 131, word: "確率論", reading: "かくりつろん", meaning: "事象の起こりやすさを数学的に扱う理論", simple: "物事の起こりやすさを計算する考え", english: "probability theory", chapter: 9 }, { number: 132, word: "相対性理論", reading: "そうたいせいりろん", meaning: "時間と空間の関係を説明する理論", simple: "時間と空間のつながりを説明する考え", english: "theory of relativity", chapter: 9 }, { number: 133, word: "量子論", reading: "りょうしろん", meaning: "微小な物質の振る舞いを説明する理論", simple: "とても小さな物の動きを説明する考え", english: "quantum theory", chapter: 9 }, { number: 134, word: "進化論", reading: "しんかろん", meaning: "生物の進化のメカニズムを説明する理論", simple: "生き物が変化していく仕組みの考え", english: "evolution theory", chapter: 9 }, { number: 135, word: "複雑系", reading: "ふくざつけい", meaning: "多数の要素が相互作用する系の理論", simple: "たくさんの物が影響し合う仕組みの考え", english: "complex system", chapter: 9 }, { number: 136, word: "美学", reading: "びがく", meaning: "美と芸術について考察する学問", simple: "美しさについて考える学問", english: "aesthetics", chapter: 10 }, { number: 137, word: "芸術論", reading: "げいじゅつろん", meaning: "芸術の本質や価値を考察する理論", simple: "芸術とは何かを考える理論", english: "art theory", chapter: 10 }, { number: 138, word: "表現主義", reading: "ひょうげんしゅぎ", meaning: "感情や内面の表現を重視する芸術観", simple: "気持ちを表すことを大切にする考え", english: "expressionism", chapter: 10 }, { number: 139, word: "写実主義", reading: "しゃじつしゅぎ", meaning: "現実をありのままに描写する芸術観", simple: "ありのままを描く考え", english: "realism", chapter: 10 }, { number: 140, word: "象徴主義", reading: "しょうちょうしゅぎ", meaning: "象徴的な表現を重視する芸術観", simple: "物事を別のもので表す考え", english: "symbolism", chapter: 10 }, { number: 141, word: "抽象主義", reading: "ちゅうしょうしゅぎ", meaning: "具体的な形を抽象化する芸術観", simple: "形をなくして表す考え", english: "abstractionism", chapter: 10 }, { number: 142, word: "前衛芸術", reading: "ぜんえいげいじゅつ", meaning: "既存の芸術観に挑戦する実験的な芸術", simple: "新しい表し方を試す芸術", english: "avant-garde art", chapter: 10 }, { number: 143, word: "大衆芸術", reading: "たいしゅうげいじゅつ", meaning: "一般大衆向けの芸術", simple: "多くの人が楽しめる芸術", english: "popular art", chapter: 10 }, { number: 144, word: "純粋芸術", reading: "じゅんすいげいじゅつ", meaning: "実用的目的を持たない芸術", simple: "役に立つことを考えない芸術", english: "fine art", chapter: 10 }, { number: 145, word: "応用芸術", reading: "おうようげいじゅつ", meaning: "実用的な目的を持つ芸術", simple: "役に立つことを考える芸術", english: "applied art", chapter: 10 }, { number: 146, word: "コンセプチュアルアート", reading: "こんせぷちゅあるあーと", meaning: "概念やアイデアを重視する芸術", simple: "考えやアイデアを大切にする芸術", english: "conceptual art", chapter: 10 }, { number: 147, word: "ミニマリズム", reading: "みにまりずむ", meaning: "最小限の要素で表現する芸術", simple: "シンプルに表現する芸術", english: "minimalism", chapter: 10 }, { number: 148, word: "趣味判断", reading: "しゅみはんだん", meaning: "美的な好みによる判断", simple: "美しさの好みで決めること", english: "taste judgment", chapter: 10 }, { number: 149, word: "美的体験", reading: "びてきたいけん", meaning: "美を感じ取る経験", simple: "美しさを感じる経験", english: "aesthetic experience", chapter: 10 }, { number: 150, word: "芸術批評", reading: "げいじゅつひひょう", meaning: "芸術作品を評価し解釈すること", simple: "芸術作品の良し悪しを考えること", english: "art criticism", chapter: 10 } ]); const playBeep = ()=>{ const oscillator = audioContext.createOscillator(); const gainNode = audioContext.createGain(); oscillator.connect(gainNode); gainNode.connect(audioContext.destination); oscillator.type = "sine"; oscillator.frequency.setValueAtTime(660, audioContext.currentTime); gainNode.gain.setValueAtTime(0.1, audioContext.currentTime); gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.1); oscillator.start(); oscillator.stop(audioContext.currentTime + 0.1); }; const chapters = useMemo(()=>{ return Array.from({ length: 10 }, (_, i)=>({ id: i + 1, words: words.filter((word)=>word.chapter === i + 1) })); }, [ words ]); const currentWords = useMemo(()=>{ if (!selectedChapter || !chapters[selectedChapter - 1]) return []; return chapters[selectedChapter - 1].words; }, [ selectedChapter, chapters ]); const handleCardClick = useCallback(()=>{ if (!currentWords.length) return; playBeep(); if (showMeaning) { if (currentIndex === currentWords.length - 1) { setCurrentIndex(0); } else { setCurrentIndex(currentIndex + 1); } setShowMeaning(false); } else { setShowMeaning(true); } }, [ currentWords, currentIndex, showMeaning, playBeep ]); const shuffleArray = useCallback((array)=>{ const newArray = [ ...array ]; for(let i = newArray.length - 1; i > 0; i--){ const j = Math.floor(Math.random() * (i + 1)); [newArray[i], newArray[j]] = [ newArray[j], newArray[i] ]; } return newArray; }, []); const getRandomOptions = useCallback((correct, allMeanings)=>{ const filteredMeanings = allMeanings.filter((m)=>m !== correct); const options = shuffleArray(filteredMeanings).slice(0, 2); return shuffleArray([ ...options, correct ]); }, [ shuffleArray ]); const startTest = useCallback((count)=>{ if (!currentWords.length) return; const shuffledWords = shuffleArray([ ...currentWords ]).slice(0, count).map((word)=>({ word: word.word, correct: word.meaning, options: getRandomOptions(word.meaning, currentWords.map((w)=>w.meaning)), reading: word.reading, simple: word.simple, english: word.english })); setTestWords(shuffledWords); setQuestionCount(count); setShowTest(true); setShowModal(false); setCurrentIndex(0); setScore(0); setSelectedAnswer(null); setShowExplanation(false); }, [ currentWords, shuffleArray, getRandomOptions ]); const checkAnswer = useCallback((selected)=>{ setSelectedAnswer(selected); if (selected === testWords[currentIndex].correct) { setScore(score + 1); } playBeep(); setShowExplanation(true); }, [ testWords, currentIndex, score, playBeep ]); const handleNext = useCallback(()=>{ if (currentIndex === testWords.length - 1) { setCurrentIndex(currentIndex + 1); } else { setCurrentIndex(currentIndex + 1); } setSelectedAnswer(null); setShowExplanation(false); }, [ currentIndex, testWords.length ]); if (!selectedChapter) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-6", __source: { fileName: "", lineNumber: 1471, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-noto-sans text-center text-gray-800 mb-8", __source: { fileName: "", lineNumber: 1472, columnNumber: 9 }, __self: this }, "単語学習"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-noto-sans text-center text-gray-700 mb-12", __source: { fileName: "", lineNumber: 1475, columnNumber: 9 }, __self: this }, "以下から挑戦したい単語を選ぼう！"), /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto grid grid-cols-2 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 1478, columnNumber: 9 }, __self: this }, chapters.map((chapter)=>/*#__PURE__*/ React.createElement("button", { key: chapter.id, onClick: ()=>{ playBeep(); setSelectedChapter(chapter.id); }, className: "bg-white hover:bg-blue-50 text-gray-800 font-bold py-4 px-6 rounded-lg shadow-md hover:shadow-lg transition-all duration-200", __source: { fileName: "", lineNumber: 1480, columnNumber: 13 }, __self: this }, "第", chapter.id, "章")))); } if (showTest) { if (currentIndex >= testWords.length) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-6", __source: { fileName: "", lineNumber: 1499, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto bg-white rounded-lg shadow-lg p-8", __source: { fileName: "", lineNumber: 1500, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center text-gray-800 mb-4", __source: { fileName: "", lineNumber: 1501, columnNumber: 13 }, __self: this }, "お疲れ様でした！"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-center mb-8", __source: { fileName: "", lineNumber: 1504, columnNumber: 13 }, __self: this }, score, "/", questionCount, "問正解!"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 1507, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ playBeep(); startTest(questionCount); }, className: "bg-green-500 hover:bg-green-600 text-white font-bold py-3 px-6 rounded-lg transition duration-200", __source: { fileName: "", lineNumber: 1508, columnNumber: 15 }, __self: this }, "もう一度挑戦する"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ playBeep(); setShowTest(false); setCurrentIndex(0); }, className: "bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-6 rounded-lg transition duration-200", __source: { fileName: "", lineNumber: 1517, columnNumber: 15 }, __self: this }, "暗記に戻る")))); } const currentTestWord = testWords[currentIndex]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-6", __source: { fileName: "", lineNumber: 1536, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center text-gray-800 mb-8", __source: { fileName: "", lineNumber: 1537, columnNumber: 9 }, __self: this }, "第", selectedChapter, "章テスト"), /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto", __source: { fileName: "", lineNumber: 1540, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 1541, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 1542, columnNumber: 13 }, __self: this }, "問題 ", currentIndex + 1, " / ", questionCount), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 1545, columnNumber: 13 }, __self: this }, currentTestWord?.word), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-600 mb-4", __source: { fileName: "", lineNumber: 1546, columnNumber: 13 }, __self: this }, currentTestWord?.reading), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1549, columnNumber: 13 }, __self: this }, "意味を選んでください：")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4 w-full px-4", __source: { fileName: "", lineNumber: 1551, columnNumber: 11 }, __self: this }, testWords[currentIndex]?.options.map((option, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>!showExplanation && checkAnswer(option), className: `${selectedAnswer === option ? option === testWords[currentIndex]?.correct ? "bg-green-500" : "bg-red-500" : "bg-blue-500 hover:bg-blue-600"} text-white font-bold py-4 px-6 rounded-xl transition duration-200 text-lg shadow-lg hover:shadow-xl transform hover:-translate-y-1`, disabled: showExplanation, __source: { fileName: "", lineNumber: 1553, columnNumber: 15 }, __self: this }, option))), showExplanation && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 1571, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 max-w-md w-full shadow-xl", __source: { fileName: "", lineNumber: 1572, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 1573, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `text-7xl mb-4 ${selectedAnswer === testWords[currentIndex]?.correct ? "text-green-500" : "text-red-500"}`, __source: { fileName: "", lineNumber: 1574, columnNumber: 19 }, __self: this }, selectedAnswer === testWords[currentIndex]?.correct ? "⭕" : "❌"), /*#__PURE__*/ React.createElement("div", { className: "w-full space-y-4 mb-6", __source: { fileName: "", lineNumber: 1585, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg text-center", __source: { fileName: "", lineNumber: 1586, columnNumber: 21 }, __self: this }, testWords[currentIndex]?.simple), /*#__PURE__*/ React.createElement("div", { className: "text-lg text-center text-gray-600", __source: { fileName: "", lineNumber: 1589, columnNumber: 21 }, __self: this }, testWords[currentIndex]?.english)), /*#__PURE__*/ React.createElement("button", { onClick: handleNext, className: "w-full px-6 py-4 bg-blue-500 hover:bg-blue-600 text-white text-xl font-bold rounded-xl transition duration-200", __source: { fileName: "", lineNumber: 1593, columnNumber: 19 }, __self: this }, currentIndex === testWords.length - 1 ? "結果を確認する" : "次の問題へ")))))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-6", __source: { fileName: "", lineNumber: 1611, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-noto-sans text-center text-gray-800 mb-8", __source: { fileName: "", lineNumber: 1612, columnNumber: 7 }, __self: this }, "第", selectedChapter, "章"), /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto", __source: { fileName: "", lineNumber: 1615, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 mb-6 min-h-[300px] flex flex-col items-center justify-center cursor-pointer hover:shadow-xl transition-shadow duration-300", onClick: handleCardClick, __source: { fileName: "", lineNumber: 1616, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold mb-4", __source: { fileName: "", lineNumber: 1620, columnNumber: 11 }, __self: this }, currentWords[currentIndex]?.word), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-600 mb-4", __source: { fileName: "", lineNumber: 1623, columnNumber: 11 }, __self: this }, currentWords[currentIndex]?.reading), showMeaning && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center gap-4 animate-fade-in", __source: { fileName: "", lineNumber: 1627, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-gray-800", __source: { fileName: "", lineNumber: 1628, columnNumber: 15 }, __self: this }, currentWords[currentIndex]?.meaning), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-600", __source: { fileName: "", lineNumber: 1631, columnNumber: 15 }, __self: this }, currentWords[currentIndex]?.simple), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-500", __source: { fileName: "", lineNumber: 1634, columnNumber: 15 }, __self: this }, currentWords[currentIndex]?.english))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center gap-4", __source: { fileName: "", lineNumber: 1641, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1642, columnNumber: 11 }, __self: this }, currentIndex + 1, " / ", currentWords.length), /*#__PURE__*/ React.createElement("div", { className: "flex w-full gap-4", __source: { fileName: "", lineNumber: 1645, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ playBeep(); setCurrentIndex((currentIndex - 1 + currentWords.length) % currentWords.length); setShowMeaning(false); }, className: "flex-1 bg-blue-500 hover:bg-blue-600 text-white px-6 py-3 rounded-lg transition-colors duration-200", __source: { fileName: "", lineNumber: 1646, columnNumber: 13 }, __self: this }, "前へ"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ playBeep(); setCurrentIndex((currentIndex + 1) % currentWords.length); setShowMeaning(false); }, className: "flex-1 bg-blue-500 hover:bg-blue-600 text-white px-6 py-3 rounded-lg transition-colors duration-200", __source: { fileName: "", lineNumber: 1659, columnNumber: 13 }, __self: this }, "次へ")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ playBeep(); setShowModal(true); }, className: "w-full bg-green-500 hover:bg-green-600 text-white px-6 py-3 rounded-lg transition-colors duration-200", __source: { fileName: "", lineNumber: 1670, columnNumber: 11 }, __self: this }, "問題演習"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ playBeep(); setSelectedChapter(null); setCurrentIndex(0); setShowMeaning(false); }, className: "w-full bg-gray-500 hover:bg-gray-600 text-white px-6 py-3 rounded-lg transition-colors duration-200", __source: { fileName: "", lineNumber: 1679, columnNumber: 11 }, __self: this }, "章選択に戻る"))), showModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 1694, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-8 max-w-sm w-full mx-4", __source: { fileName: "", lineNumber: 1695, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-6 text-center", __source: { fileName: "", lineNumber: 1696, columnNumber: 13 }, __self: this }, "問題数を選んでください"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 1699, columnNumber: 13 }, __self: this }, [ 5, 10, 15 ].map((count)=>/*#__PURE__*/ React.createElement("button", { key: count, onClick: ()=>{ playBeep(); startTest(count); }, className: "bg-blue-500 hover:bg-blue-600 text-white text-center font-bold py-4 px-6 rounded-lg transition duration-200", __source: { fileName: "", lineNumber: 1701, columnNumber: 17 }, __self: this }, count, "問"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ playBeep(); setShowModal(false); }, className: "mt-6 w-full bg-gray-500 hover:bg-gray-600 text-white py-2 rounded-lg transition-colors duration-200", __source: { fileName: "", lineNumber: 1713, columnNumber: 13 }, __self: this }, "キャンセル"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 1726, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in { animation: fadeIn 0.3s ease-out forwards; } `)); }