<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#183a4c">
<title>ひかりのことば PLUS | 聖書・祈り・学習BOT</title>
<style>
:root{--bg:#f4f4ee;--surface:#fff;--ink:#233546;--muted:#647586;--line:#e0e6e8;--deep:#183a4c;--deep2:#315a6d;--accent:#ae8950;--soft:#edf4f5;--shadow:0 12px 35px #1b364014;--bubble:#edf4f4}
body.dark{--bg:#101d28;--surface:#192c3a;--ink:#f2f3f0;--muted:#acbcc7;--line:#385061;--deep:#243f52;--deep2:#376177;--soft:#243c4b;--shadow:0 15px 40px #030b1080;--bubble:#253e4b;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d0a86b;outline-offset:2px}a{color:inherit}.wrap{max-width:1250px;margin:auto;padding:20px 18px 50px}.hero{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(125deg,#112c40,#2f5868 75%,#56727a);color:white;padding:28px 32px;box-shadow:var(--shadow)}.hero:after{content:'✦';position:absolute;right:50px;top:-80px;font-size:260px;color:#fff1;pointer-events:none}.hero .kicker{letter-spacing:.23em;text-transform:uppercase;font-size:11px;color:#dfc99f}.hero h1{font-size:clamp(27px,4vw,42px);line-height:1.25;margin:8px 0}.hero p{margin:0;max-width:680px;color:#e4edef}.top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;z-index:2}.ghost{border:1px solid #ffffff77;background:#ffffff16;color:white;border-radius:11px;padding:8px 12px}.ghost:hover{background:#ffffff30}.shell{display:grid;grid-template-columns:255px minmax(0,1fr) 276px;gap:17px;margin-top:18px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.left,.right{padding:20px}.panel h2{font-size:16px;margin:0 0 11px}.group-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:18px 0 9px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{width:100%;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink);padding:11px 12px;text-align:left}.nav button:hover{background:var(--soft)}.nav button.active{background:var(--soft);border-color:var(--line);font-weight:800}.small{font-size:12px;color:var(--muted)}.notice{font-size:12px;color:var(--muted);line-height:1.85;padding:12px;background:var(--soft);border-radius:12px;margin-top:18px}.main{min-width:0}.view{display:none}.view.active{display:block}.view-header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.view-header h2{margin:0}.primary,.secondary,.chip{border-radius:11px;padding:10px 13px}.primary{background:var(--deep2);color:white;border:1px solid transparent;font-weight:700}.primary:hover{filter:brightness(1.12)}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.secondary:hover,.chip:hover{background:var(--soft)}.subtle{border:0;background:transparent;color:var(--muted);padding:6px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.column{display:flex;flex-direction:column;gap:13px}.chat-window{height:490px;overflow-y:auto;padding:19px;display:flex;flex-direction:column;gap:15px;background:linear-gradient(180deg,transparent,var(--soft))}.chat-row{max-width:91%;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.chat-row.user{align-self:flex-end;align-items:flex-end}.bubble{padding:13px 16px;border-radius:16px;border:1px solid var(--line);background:var(--bubble);white-space:pre-wrap;overflow-wrap:anywhere}.chat-row.user .bubble{background:var(--deep2);border-color:transparent;color:#fff}.bubble small{display:block;margin-top:9px;border-top:1px solid var(--line);padding-top:7px;color:var(--muted)}.chat-row.user .bubble small{color:#fff}.stamp{color:var(--muted);font-size:10px;padding:0 5px}.composer{padding:15px;border-top:1px solid var(--line)}textarea,input,select{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;width:100%;min-width:0}textarea{resize:vertical;min-height:90px}.composer textarea{min-height:75px}.toolbar{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:8px}.padded{padding:20px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:12px;padding:8px 11px;border-radius:99px}.quote{background:var(--soft);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;padding:12px 14px;margin:11px 0}.quote p{margin:0}.quote small{display:block;color:var(--muted);margin-top:7px}.stat{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.stat .tile{background:var(--soft);padding:12px;border-radius:11px}.stat b{display:block;font-size:21px}.tile small{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.card{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.card h3{font-size:15px;margin:0 0 7px}.card p{font-size:13px;color:var(--muted);margin:0 0 8px}.card .row{justify-content:space-between}.reading{padding:12px;border:1px solid var(--line);border-radius:12px;margin:8px 0;background:var(--surface)}.reading h3{font-size:14px;margin:0 0 7px}.reading p{font-size:13px;margin:0 0 10px}.tag{display:inline-block;font-size:11px;color:var(--muted);background:var(--soft);padding:3px 8px;border-radius:30px}.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px;max-height:380px;overflow:auto;padding:6px 0}.book{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px;text-align:left;border-radius:9px}.book:hover{background:var(--soft)}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.tabs button{border:1px solid var(--line);background:var(--surface);padding:8px 12px;border-radius:9px;color:var(--ink)}.tabs button.active{background:var(--deep2);color:white}.muted{color:var(--muted)}.hide{display:none!important}.quiz-option{display:block;width:100%;text-align:left;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);margin-top:8px}.quiz-option:hover{background:var(--soft)}.quiz-option.correct{border-color:#3da57a;background:#dcf8e8;color:#174c37}.quiz-option.wrong{border-color:#c96b65;background:#ffe9e7;color:#833028}.progress{height:9px;border-radius:30px;background:var(--line);overflow:hidden;margin:12px 0}.progress i{display:block;background:var(--accent);height:100%;transition:width .2s}.footer{text-align:center;color:var(--muted);font-size:12px;margin-top:24px}.right .reading{border:0;background:var(--soft)}.danger{color:#b74b52}.divider{border:0;border-top:1px solid var(--line);margin:18px 0}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#16374b;color:#fff;padding:10px 16px;border-radius:12px;box-shadow:0 10px 40px #0004;z-index:10;display:none;max-width:95vw;text-align:center}@media(max-width:1080px){.shell{grid-template-columns:220px minmax(0,1fr)}.right{grid-column:1/-1}.right .stat{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.shell{display:flex;flex-direction:column}.shell>*,.main{width:100%}.left{padding:13px}.nav{flex-direction:row;overflow-x:auto;white-space:nowrap}.nav button{width:auto;flex:0 0 auto}.group-label{display:none}.hero{padding:24px 20px}.top{flex-direction:column}.top-actions{justify-content:flex-start}.chat-window{height:440px}.right .stat{grid-template-columns:repeat(2,1fr)}.wrap{padding:12px}.view-header{padding:15px}.padded{padding:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
</style>
</head>
<body>
<div class="wrap">
<header class="hero"><div class="top"><div><div class="kicker">WORDS OF LIGHT · PERSONAL STUDY</div><h1>✝ ひかりのことば <span style="font-size:.35em;vertical-align:middle;letter-spacing:.14em">PLUS</span></h1><p>聖書の学び、日々の祈り、疑問や悩みを静かに整理する、オフラインのキリスト教学習BOT。</p></div><div class="top-actions"><button class="ghost" id="themeButton">☾ 表示切替</button><button class="ghost" id="exportButton">⇩ データ保存</button></div></div></header>
<div class="shell">
<aside class="panel left"><h2>メニュー</h2><nav class="nav" aria-label="メインメニュー"><button data-view="chat" class="active">💬 聖書BOT</button><button data-view="study">📖 聖書を学ぶ</button><button data-view="prayer">🕊 祈りのノート</button><button data-view="quiz">✏️ 聖書クイズ</button><button data-view="saved">☆ 保存したことば</button><button data-view="settings">⚙ 設定・管理</button></nav><div class="group-label">おすすめの話題</div><div class="chips" id="quickTopics"><button class="chip" data-ask="神とは何ですか">神について</button><button class="chip" data-ask="イエスの教え">イエス</button><button class="chip" data-ask="赦しについて">赦し</button><button class="chip" data-ask="仕事で疲れました">疲れ</button><button class="chip" data-ask="不安で眠れません">不安</button><button class="chip" data-ask="今日のことば">今日のことば</button><button class="chip" data-ask="なぜ苦しみがあるの">苦しみ</button><button class="chip" data-ask="祈りを作って">祈り</button></div><div class="notice">このBOTはローカルの応答ルールを使っています。実在の牧師・神・イエスとして発言するものではなく、回答は信仰上の解釈の一例です。</div></aside>
<main class="main">
<section class="panel view active" id="view-chat"><div class="view-header"><div><h2>聖書のことば案内BOT</h2><div class="small">テーマに応じた説明と聖書箇所の案内</div></div><button id="clearChat" class="secondary">履歴消去</button></div><div id="chatLog" class="chat-window" role="log" aria-live="polite" aria-label="会話履歴"></div><form id="chatForm" class="composer"><label class="small" for="chatInput">メッセージを入力</label><textarea id="chatInput" maxlength="800" placeholder="例:希望について教えてください(Ctrl + Enterで送信)"></textarea><div class="toolbar"><span class="small" id="charCount">0 / 800</span><button class="primary" type="submit">送信 ↗</button></div></form></section>
<section class="panel view" id="view-study"><div class="view-header"><div><h2>聖書を学ぶ</h2><div class="small">入門テーマ・書巻一覧・聖句の要約検索</div></div></div><div class="padded"><h2>テーマ別ガイド</h2><div class="cards" id="guideCards"></div><hr class="divider"><h2>聖句のテーマを探す</h2><input id="studySearch" placeholder="例:愛、平和、希望、マタイ、ローマ" aria-label="聖句検索"><div id="studyResults" aria-live="polite"></div><hr class="divider"><h2>聖書66書巻</h2><p class="small">プロテスタントの一般的な書巻区分です。カトリック・正教会では収録書巻が異なります。書巻を選ぶと概要を表示します。</p><div class="tabs"><button id="oldButton" class="active" data-testament="old">旧約聖書(39)</button><button id="newButton" data-testament="new">新約聖書(27)</button></div><div id="bookGrid" class="books"></div><div id="bookDetail" class="reading" aria-live="polite">書巻を選択してください。</div></div></section>
<section class="panel view" id="view-prayer"><div class="view-header"><div><h2>祈りのノート</h2><div class="small">テーマ別の祈り例と、自分の記録</div></div></div><div class="padded column"><label>祈りのテーマ<select id="prayerTopic"><option value="gratitude">感謝</option><option value="peace">心の平安</option><option value="strength">疲れと回復</option><option value="wisdom">知恵・仕事・学び</option><option value="others">家族や大切な人</option><option value="forgiveness">赦し</option></select></label><button id="prayerGenerate" class="primary">祈りの例文を作る</button><label>祈りの文(編集できます)<textarea id="prayerText" rows="7" maxlength="3000" placeholder="自分のことばで書いてください"></textarea></label><div class="row"><button id="prayerSave" class="primary">ノートに保存</button><button id="prayerCopy" class="secondary">コピー</button></div><h2>祈りの記録</h2><div id="prayerHistory"></div><p class="small">自分の言葉で書いた祈りはこの端末のブラウザにのみ保存します。共有端末では注意してください。</p></div></section>
<section class="panel view" id="view-quiz"><div class="view-header"><div><h2>聖書クイズ</h2><div class="small">10問の入門クイズ・復習つき</div></div><button id="quizRestart" class="secondary">はじめから</button></div><div class="padded"><div class="row" style="justify-content:space-between"><b id="quizCount">第1問 / 10問</b><span id="quizScore" class="small">正解 0問</span></div><div class="progress"><i id="quizProgress" style="width:0"></i></div><h2 id="quizQuestion"></h2><div id="quizOptions"></div><div id="quizFeedback" class="reading hide" role="status"></div><button id="quizNext" class="primary hide">次の問題 →</button></div></section>
<section class="panel view" id="view-saved"><div class="view-header"><div><h2>保存したことば</h2><div class="small">気になった聖書のテーマを保存</div></div></div><div class="padded"><div id="savedItems"></div></div></section>
<section class="panel view" id="view-settings"><div class="view-header"><div><h2>設定・データ管理</h2><div class="small">端末内だけで完結します</div></div></div><div class="padded column"><div class="card"><h3>データのバックアップ</h3><p>会話履歴・祈りのノート・保存項目・設定をJSONファイルに保存できます。</p><div class="row"><button id="exportButton2" class="primary">JSONを書き出す</button><button id="importButton" class="secondary">JSONを読み込む</button><input type="file" id="importFile" accept=".json,application/json" class="hide"></div></div><div class="card"><h3>データの削除</h3><p>このアプリの保存内容をすべて削除します。元に戻せません。</p><button id="resetAll" class="secondary danger">すべて消去</button></div><div class="card"><h3>このアプリについて</h3><p>HTML・CSS・JavaScriptだけで動作する、学習・対話向けのキーワードBOTです。生成AIとの接続、ネット通信、会員登録機能はありません。返答内容は事前に設定した説明文です。保存データはブラウザ内にあり、ブラウザのデータ削除によって失われます。</p><p>聖書本文の逐語引用ではなく、趣旨を簡潔にまとめています。原文の確認や教派別の教義については、実際の聖書や信頼できる教会・専門資料を参照してください。</p></div></div></section>
</main>
<aside class="panel right"><h2>今日の聖書テーマ</h2><div class="reading"><b id="dailyName"></b><p id="dailyText" style="margin-top:8px"></p><span id="dailyRef" class="tag"></span><div class="row" style="margin-top:10px"><button id="saveDaily" class="secondary">☆ 保存する</button><button id="askDaily" class="secondary">話してみる</button></div></div><h2 style="margin-top:23px">学習の記録</h2><div class="stat"><div class="tile"><b id="statMessages">0</b><small>質問数</small></div><div class="tile"><b id="statSaved">0</b><small>保存項目</small></div><div class="tile"><b id="statPrayer">0</b><small>祈りの記録</small></div><div class="tile"><b id="statQuiz">0</b><small>クイズ最高点</small></div></div><p class="notice">つらい気持ちへの宗教的な励ましは、医療や緊急支援の代わりにはなりません。差し迫った危険がある場合は119などに連絡してください。</p></aside>
</div><footer class="footer">ひかりのことば PLUS · Offline Bible Study Companion · 聖句は要約で紹介しています</footer></div><div id="toast" role="status" aria-live="polite"></div>
<script>
(()=>{'use strict';
const KEY='hikari_plus_v2';const LEGACY='hikari_christian_bot_chat_v1';const $=id=>document.getElementById(id);const clamp=(n,a,b)=>Math.max(a,Math.min(b,n));
const library=[
{id:'love',title:'愛',ref:'コリントの信徒への手紙一 13章4〜7節',text:'愛は忍耐や親切さとして表れ、相手を大切にする態度につながると教えられます。',tags:'愛 思いやり 親切 優しさ',related:'ヨハネによる福音書 13章34節'},
{id:'rest',title:'休息',ref:'マタイによる福音書 11章28〜30節',text:'イエスは重荷を負う人々に向けて休息へ招く言葉を語りました。',tags:'疲れ 眠気 仕事 休息',related:'詩編 23編'},
{id:'hope',title:'希望',ref:'ローマの信徒への手紙 5章3〜5節',text:'苦難の中でも忍耐や経験を通して希望を見いだす、という考えが示されています。',tags:'希望 絶望 未来 勇気',related:'ローマの信徒への手紙 15章13節'},
{id:'anxiety',title:'不安と祈り',ref:'フィリピの信徒への手紙 4章6〜7節',text:'思い煩いを神に伝え、感謝をもって祈ることが勧められています。',tags:'不安 心配 怖い 祈り',related:'マタイによる福音書 6章25〜34節'},
{id:'peace',title:'平和',ref:'マタイによる福音書 5章9節',text:'平和をつくる人々への祝福が語られます。',tags:'平和 戦争 平安',related:'ローマの信徒への手紙 12章18節'},
{id:'neighbor',title:'隣人',ref:'マルコによる福音書 12章29〜31節',text:'神を愛することと、隣人を自分のように愛することが大切な教えとして示されています。',tags:'隣人 愛 関係 家族',related:'ルカによる福音書 10章25〜37節'},
{id:'forgive',title:'赦し',ref:'マタイによる福音書 18章21〜22節',text:'赦しの大切さを繰り返し教える場面があります。ただし不当な扱いを放置することとは異なります。',tags:'許し 赦し 罪 謝罪',related:'エフェソの信徒への手紙 4章32節'},
{id:'gratitude',title:'感謝',ref:'テサロニケの信徒への手紙一 5章16〜18節',text:'喜びと祈り、感謝を大切にする姿勢が勧められています。',tags:'感謝 ありがとう 喜び',related:'詩編 100編'},
{id:'wisdom',title:'知恵',ref:'ヤコブの手紙 1章5節',text:'知恵を必要とする人が神に願い求めることについて語られています。',tags:'知恵 学び 勉強 仕事',related:'箴言 3章5〜6節'},
{id:'mercy',title:'あわれみ',ref:'ルカによる福音書 10章25〜37節',text:'善いサマリア人のたとえでは、境界を越えて困っている人を助ける姿が描かれます。',tags:'慈悲 助ける 困っている人',related:'マタイによる福音書 25章35〜40節'},
{id:'creation',title:'創造',ref:'創世記 1章',text:'聖書の冒頭は神による世界の創造を語ります。受け止め方は教派や信者によって異なります。',tags:'創世記 世界 創造 宇宙',related:'詩編 8編'},
{id:'faith',title:'信仰',ref:'ヘブライ人への手紙 11章1節',text:'信仰について、希望するものや目に見えないものとの関わりを説明しています。',tags:'信仰 神 信じる',related:'マルコによる福音書 9章24節'},
{id:'compassion',title:'悲しみの中で',ref:'マタイによる福音書 5章4節',text:'悲しむ人々への慰めが、山上の説教の一部として語られます。',tags:'悲しい 孤独 喪失 涙',related:'詩編 34編18節'},
{id:'truth',title:'真理',ref:'ヨハネによる福音書 8章31〜32節',text:'真理を知ることと自由についての教えが語られます。',tags:'真理 自由 生き方',related:'ヨハネによる福音書 14章6節'},
{id:'justice',title:'正義',ref:'ミカ書 6章8節',text:'正義を行い、あわれみを愛し、へりくだって歩むことが勧められます。',tags:'正義 公平 悪 善悪',related:'イザヤ書 1章17節'},
{id:'time',title:'時',ref:'コヘレトの言葉 3章1〜8節',text:'人生のさまざまな出来事には、それぞれ時があるという詩的な表現があります。',tags:'時間 人生 焦り',related:'詩編 90編12節'}
];
const guides=[{name:'キリスト教の中心',desc:'イエス・キリスト、福音書、隣人愛を知る',refs:['マルコによる福音書 1章','ヨハネによる福音書 3章16節']},{name:'祈りの基本',desc:'感謝や願いを言葉にし、主の祈りに触れる',refs:['マタイによる福音書 6章5〜13節']},{name:'旧約から新約へ',desc:'創造、預言者、福音書、初代教会の流れ',refs:['創世記 1章','ルカによる福音書 1章','使徒言行録 2章']},{name:'愛と行動',desc:'愛・親切・隣人への配慮を学ぶ',refs:['コリントの信徒への手紙一 13章','ルカによる福音書 10章25〜37節']},{name:'苦難と希望',desc:'苦しみを単純化せず、希望の言葉を探す',refs:['ヨブ記 1章','ローマの信徒への手紙 5章3〜5節']},{name:'平和と正義',desc:'平和づくり、公平さ、弱い立場の人への配慮',refs:['マタイによる福音書 5章9節','ミカ書 6章8節']}];
const oldBooks='創世記,出エジプト記,レビ記,民数記,申命記,ヨシュア記,士師記,ルツ記,サムエル記上,サムエル記下,列王記上,列王記下,歴代誌上,歴代誌下,エズラ記,ネヘミヤ記,エステル記,ヨブ記,詩編,箴言,コヘレトの言葉,雅歌,イザヤ書,エレミヤ書,哀歌,エゼキエル書,ダニエル書,ホセア書,ヨエル書,アモス書,オバデヤ書,ヨナ書,ミカ書,ナホム書,ハバクク書,ゼファニヤ書,ハガイ書,ゼカリヤ書,マラキ書'.split(',');
const newBooks='マタイによる福音書,マルコによる福音書,ルカによる福音書,ヨハネによる福音書,使徒言行録,ローマの信徒への手紙,コリントの信徒への手紙一,コリントの信徒への手紙二,ガラテヤの信徒への手紙,エフェソの信徒への手紙,フィリピの信徒への手紙,コロサイの信徒への手紙,テサロニケの信徒への手紙一,テサロニケの信徒への手紙二,テモテへの手紙一,テモテへの手紙二,テトスへの手紙,フィレモンへの手紙,ヘブライ人への手紙,ヤコブの手紙,ペトロの手紙一,ペトロの手紙二,ヨハネの手紙一,ヨハネの手紙二,ヨハネの手紙三,ユダの手紙,ヨハネの黙示録'.split(',');
const bookNotes={'創世記':'天地創造、族長たちの物語から始まる書巻。','出エジプト記':'モーセと出エジプト、契約の物語。','詩編':'賛美、祈り、嘆き、感謝などの詩歌。','箴言':'日常の判断と知恵を扱う格言集。','ヨブ記':'正しい人の苦しみと神への問いを扱う文学作品。','イザヤ書':'預言、裁き、慰めと希望を語る書巻。','マタイによる福音書':'イエスの生涯と教えを伝える四福音書の一つ。','マルコによる福音書':'イエスの活動を簡潔に描く福音書。','ルカによる福音書':'イエスの生涯を伝え、弱い立場への配慮も描く福音書。','ヨハネによる福音書':'独特の語り口でイエスの存在と教えを伝える福音書。','使徒言行録':'初代教会と宣教の広がりを伝える書巻。','ローマの信徒への手紙':'信仰、恵み、共同体の生き方を論じる書簡。','ヨハネの黙示録':'象徴表現で苦難と終末の希望を描く黙示文学。'};
const prayers={gratitude:'神さま、今日という日を与えてくださりありがとうございます。小さな恵みに目を向け、周りの人への感謝を忘れずに過ごせますように。アーメン。',peace:'神さま、心が落ち着かないとき、深呼吸して目の前の一歩を見つめられるよう助けてください。安心して休める時間と、必要な支えを与えてください。アーメン。',strength:'神さま、疲れている私に休息と回復の時を与えてください。無理を重ねず、身体と心を大切にする知恵をください。アーメン。',wisdom:'神さま、今日の学びや仕事に必要な知恵を与えてください。焦らず、一つずつ丁寧に進められますように。アーメン。',others:'神さま、家族や大切な人たちを覚えます。互いを思いやり、必要な助けを分かち合えますように。アーメン。',forgiveness:'神さま、自分の過ちを見つめ直す勇気と、正しい行いへ進む知恵をください。傷ついた人の尊厳と安全も守られますように。アーメン。'};
const quiz=[
{q:'キリスト教の中心となる人物は?',a:['モーセ','イエス・キリスト','ダビデ','パウロ'],right:1,ex:'キリスト教ではイエスを救い主として信じます。'},
{q:'聖書の冒頭にある書巻は?',a:['創世記','詩編','マタイによる福音書','出エジプト記'],right:0,ex:'創世記は天地創造などから始まります。'},
{q:'イエスの生涯を伝える「福音書」は何書ありますか?',a:['2','3','4','5'],right:2,ex:'マタイ、マルコ、ルカ、ヨハネの4つです。'},
{q:'「善いサマリア人」のたとえが登場するのは?',a:['ルカによる福音書','創世記','黙示録','詩編'],right:0,ex:'ルカ10章に登場し、隣人愛を考える話です。'},
{q:'モーセがエジプトから民を導く物語は主にどの書巻?',a:['箴言','出エジプト記','ヨブ記','使徒言行録'],right:1,ex:'出エジプト記に書かれています。'},
{q:'詩編に多い表現はどれ?',a:['賛美と祈り','法律条文だけ','旅行案内','建築手順だけ'],right:0,ex:'詩編には賛美、嘆き、感謝などが含まれます。'},
{q:'「愛は忍耐強い」などの教えがある書簡は?',a:['ヤコブの手紙','コリントの信徒への手紙一','ローマの信徒への手紙','ユダの手紙'],right:1,ex:'コリント一13章は愛についてよく読まれます。'},
{q:'初代教会の歩みを描く書巻は?',a:['使徒言行録','レビ記','雅歌','コヘレトの言葉'],right:0,ex:'使徒言行録は初代教会の活動を伝えます。'},
{q:'旧約聖書に含まれるのは?',a:['マルコによる福音書','ヨブ記','ヨハネの手紙一','ローマの信徒への手紙'],right:1,ex:'ヨブ記は旧約聖書の知恵文学です。'},
{q:'山上の説教を収めている福音書は?',a:['マタイによる福音書','使徒言行録','ダニエル書','ガラテヤの信徒への手紙'],right:0,ex:'マタイ5〜7章で知られます。'}
];
const defaults=()=>({chat:[],saved:[],prayers:[],best:0,dark:false});let state=defaults();
function safeLoad(){try{const x=JSON.parse(localStorage.getItem(KEY)||'null');if(x&&typeof x==='object'){state.chat=Array.isArray(x.chat)?x.chat.filter(m=>m&&['user','bot'].includes(m.role)&&typeof m.text==='string').slice(-120):[];state.saved=Array.isArray(x.saved)?x.saved.filter(v=>typeof v==='string').slice(0,100):[];state.prayers=Array.isArray(x.prayers)?x.prayers.filter(p=>p&&typeof p.text==='string').slice(-100):[];state.best=clamp(Number(x.best)||0,0,10);state.dark=x.dark===true;return;}}catch(e){}try{const prev=JSON.parse(localStorage.getItem(LEGACY)||'[]');if(Array.isArray(prev))state.chat=prev.filter(m=>m&&['user','bot'].includes(m.role)&&typeof m.text==='string').slice(-120).map(m=>({role:m.role,text:m.text,ref:m.ref||'',at:Date.now()}));}catch(e){}}
let warned=false;function persist(){try{localStorage.setItem(KEY,JSON.stringify(state));}catch(e){if(!warned){toast('保存容量が不足しています。バックアップを取ってください。');warned=true;}}}
let toastTimer;function toast(s){$('toast').textContent=s;$('toast').style.display='block';clearTimeout(toastTimer);toastTimer=setTimeout(()=>$('toast').style.display='none',3500)}
function el(tag,cls,text){const n=document.createElement(tag);if(cls)n.className=cls;if(text!==undefined)n.textContent=text;return n;}
function jump(view){document.querySelectorAll('.view').forEach(n=>n.classList.toggle('active',n.id==='view-'+view));document.querySelectorAll('[data-view]').forEach(n=>n.classList.toggle('active',n.dataset.view===view));if(view==='saved')renderSaved();if(view==='prayer')renderPrayers();if(view==='study')renderSearch();window.scrollTo({top:0,behavior:'smooth'});}
function stat(){ $('statMessages').textContent=state.chat.filter(x=>x.role==='user').length;$('statSaved').textContent=state.saved.length;$('statPrayer').textContent=state.prayers.length;$('statQuiz').textContent=state.best;}
function addChat(role,text,ref=''){state.chat.push({role,text,ref,at:Date.now()});state.chat=state.chat.slice(-120);persist();renderChat();stat();}
function renderChat(){const root=$('chatLog');root.replaceChildren();for(const m of state.chat){const row=el('div','chat-row '+m.role);const bubble=el('div','bubble',m.text);if(m.ref){bubble.appendChild(el('small','',`参考:${m.ref}`));}row.appendChild(bubble);row.appendChild(el('span','stamp',m.role==='bot'?'ひかりのことば':'あなた'));root.appendChild(row);}root.scrollTop=root.scrollHeight;}
const risky=/(死にたい|自殺|自傷|命を絶|消えてしまいたい|殺したい|人を傷つけたい)/;
const patterns=[
{p:/祈り|祈る|祈祷|お祈り/,id:'anxiety',answer:'祈りは神に心を向け、感謝や願い、悩みを言葉にする営みです。立派な言葉でなくても構いません。祈りの例文を作るには「祈りのノート」を開いてください。',ref:'マタイによる福音書 6章5〜13節'},
{p:/イエス|キリスト|救世主|復活/,id:'neighbor',answer:'イエス・キリストはキリスト教の中心となる人物です。四福音書はその生涯、教え、十字架と復活について伝えています。歴史上の人物としての研究と、信仰上の受け止め方は区別して考えられます。',ref:'マルコによる福音書 1章/ヨハネによる福音書 20章'},
{p:/三位一体|聖霊|父なる神/,id:'faith',answer:'多くのキリスト教教派では、父・子・聖霊の三位一体を重要な教理として理解します。詳しい説明や表現には教派間の違いがあります。',ref:'マタイによる福音書 28章19節'},
{p:/神とは|神様|神さま|信仰|教会|宗教/,id:'faith',answer:'キリスト教は神の愛や恵み、イエス・キリストへの信仰を中心としています。疑問を持ちながら学ぶこともできます。教派によって解釈や礼拝の形は異なります。',ref:'マルコによる福音書 12章29〜31節'},
{p:/苦しみ|苦難|なぜ悪|理不尽|不幸/,id:'compassion',answer:'「なぜ苦しみがあるのか」は聖書でも簡単な答えが出ない大きな問いです。ヨブ記は正しい人の苦しみを扱い、福音書には悲しむ人への慰めの言葉があります。苦しみを本人の信仰不足のせいにする必要はありません。',ref:'ヨブ記/マタイによる福音書 5章4節'},
{p:/不安|怖い|恐怖|心配|緊張|眠れ/,id:'anxiety',answer:'不安なとき、気持ちを無理に押さえ込む必要はありません。フィリピ書には心配を祈りのうちに伝える教えがあります。睡眠や体調の問題が続く場合は、休息や医療的な支援も大切です。',ref:'フィリピの信徒への手紙 4章6〜7節'},
{p:/疲れ|仕事|しんどい|きつい|休み|休息/,id:'rest',answer:'イエスは重荷を負う人に休息を招く言葉を語りました。休むことは怠けることと同じではありません。今日は食事、水分、睡眠など身体の必要も大切にしてください。',ref:'マタイによる福音書 11章28〜30節'},
{p:/赦|許し|罪|後悔|謝罪/,id:'forgive',answer:'赦しと悔い改めはキリスト教の大きなテーマです。過ちに向き合うことは大切ですが、赦しは被害の否定でも、危険な状況に戻る義務でもありません。',ref:'マタイによる福音書 18章21〜22節'},
{p:/愛|恋|思いやり|やさしさ|優しさ/,id:'love',answer:'新約聖書では、愛は相手に対する忍耐、親切、尊重など、日々の行いに表れるものとして語られます。自分を大切にする視点も忘れないでください。',ref:'コリントの信徒への手紙一 13章4〜7節'},
{p:/希望|明日|絶望|未来|勇気/,id:'hope',answer:'ローマ書は苦難の中で育まれる希望を語ります。希望とは常に明るくいることではなく、助けを求めたり小さな一歩を選んだりすることも含むと思います。',ref:'ローマの信徒への手紙 5章3〜5節'},
{p:/平和|戦争|争い|喧嘩/,id:'peace',answer:'山上の説教には平和をつくる人への祝福があります。平和は争いを見ないふりすることではなく、尊厳や公平を守る行いとも関わります。',ref:'マタイによる福音書 5章9節'},
{p:/家族|友達|隣人|人間関係|孤独/,id:'neighbor',answer:'イエスは隣人を大切にすることを強調しました。善いサマリア人の話は、相手の立場にかかわらず手を差し伸べることを考えさせます。',ref:'ルカによる福音書 10章25〜37節'},
{p:/感謝|ありがとう|喜び/,id:'gratitude',answer:'聖書は祈りや感謝を大切にするよう勧めます。つらい日まで楽しいふりをする必要はありません。今日ありがたかったことを一つ思い出すところからでもよいでしょう。',ref:'テサロニケの信徒への手紙一 5章16〜18節'},
{p:/創造|宇宙|世界|地球|創世記/,id:'creation',answer:'創世記の冒頭は世界の創造を語ります。現代の科学が扱う「どのように」と信仰が問う「なぜ」をどう関係づけるかは、キリスト教徒の中でも複数の立場があります。',ref:'創世記 1〜2章'},
{p:/勉強|学び|知恵|判断|選択/,id:'wisdom',answer:'知恵を求めることは、聖書の重要なテーマの一つです。考えたり学んだり、必要なときに周囲に相談したりする姿勢も大切でしょう。',ref:'ヤコブの手紙 1章5節'},
{p:/今日|聖書のことば|一節|聖句/,id:'daily',answer:'今日のテーマを案内します。',ref:''}
];
function respond(text){if(risky.test(text))return {text:'とても切迫した内容ですね。もし今、自分や誰かを傷つけそうなら、危険な物から離れ、近くにいる人や医療者へ今すぐ伝えてください。日本で緊急の危険がある場合は119(救急)や110(警察)を利用できます。宗教的な話だけで抱える必要はありません。',ref:''};
if(/^(こんにちは|こんばんは|おはよう|やあ)[!!。\s]*$/.test(text))return{text:'こんにちは。今日は何について考えてみましょうか。祈り、イエス、希望、疲れ、聖書の疑問など、気になるテーマをどうぞ。',ref:''};
const p=patterns.find(x=>x.p.test(text));if(p){if(p.id==='daily'){const item=dailyItem();return{text:`今日のテーマは「${item.title}」です。\n${item.text}`,ref:item.ref};}return{text:p.answer,ref:p.ref};}
const keys=library.filter(item=>text.includes(item.title)||item.tags.split(' ').some(t=>t.length>=2&&text.includes(t))).slice(0,2);if(keys.length){return {text:keys.map(x=>`${x.title}:${x.text}`).join('\n\n'),ref:keys.map(x=>x.ref).join('/')};}
return{text:'お話ししてくださってありがとうございます。私は事前に用意された聖書のテーマから案内するBOTです。質問の意味を十分には理解できないことがあります。「愛」「祈り」「不安」「イエス」「赦し」「希望」など、話題を短い言葉で尋ねてみてください。',ref:''};}
function send(raw){const text=String(raw||'').trim().slice(0,800);if(!text)return;addChat('user',text);const r=respond(text);addChat('bot',r.text,r.ref);$('chatInput').value='';updateCount();}
function updateCount(){$('charCount').textContent=$('chatInput').value.length+' / 800';}
function dailyItem(){const d=new Date();const stamp=Date.UTC(d.getFullYear(),d.getMonth(),d.getDate());return library[Math.floor(stamp/86400000)%library.length];}
function renderDaily(){const d=dailyItem();$('dailyName').textContent=d.title;$('dailyText').textContent=d.text;$('dailyRef').textContent=d.ref;$('saveDaily').textContent=state.saved.includes(d.id)?'★ 保存済み':'☆ 保存する';}
function toggleSaved(id){const exists=state.saved.indexOf(id);if(exists>=0)state.saved.splice(exists,1);else state.saved.push(id);persist();stat();renderDaily();renderSaved();renderSearch();toast(exists>=0?'保存を解除しました':'ことばを保存しました');}
function renderSaved(){const root=$('savedItems');root.replaceChildren();const found=state.saved.map(id=>library.find(x=>x.id===id)).filter(Boolean);if(!found.length){root.appendChild(el('p','muted','保存したことばはまだありません。「今日の聖書テーマ」や検索結果から追加できます。'));return;}for(const x of found)root.appendChild(libraryCard(x));}
function libraryCard(x){const box=el('div','reading');box.append(el('h3','',x.title),el('p','',x.text),el('span','tag',x.ref));const row=el('div','row');row.style.marginTop='10px';const button=el('button','secondary',state.saved.includes(x.id)?'★ 保存解除':'☆ 保存');button.onclick=()=>toggleSaved(x.id);const ask=el('button','secondary','BOTに質問');ask.onclick=()=>{jump('chat');send(x.title+'について教えて');};row.append(button,ask);box.appendChild(row);return box;}
function renderSearch(){const root=$('studyResults');root.replaceChildren();const q=$('studySearch').value.trim().toLowerCase();const result=library.filter(x=>!q||(x.title+' '+x.ref+' '+x.tags+' '+x.text).toLowerCase().includes(q));root.appendChild(el('p','small',`${result.length}件のテーマ`));if(!result.length)root.appendChild(el('p','muted','一致する項目がありません。別の言葉で検索してください。'));result.forEach(x=>root.appendChild(libraryCard(x)));}
function renderGuides(){const root=$('guideCards');for(const x of guides){const div=el('div','card');div.append(el('h3','',x.name),el('p','',x.desc),el('span','tag',x.refs.join('・')));root.appendChild(div);}}
let testament='old';function renderBooks(){const books=testament==='old'?oldBooks:newBooks;const root=$('bookGrid');root.replaceChildren();books.forEach((name,i)=>{const b=el('button','book',`${i+1}. ${name}`);b.onclick=()=>{$('bookDetail').replaceChildren(el('h3','',name),el('p','',bookNotes[name]||'聖書を構成する書巻の一つです。本文はお手元の聖書でご確認ください。'),el('span','tag',testament==='old'?'旧約聖書':'新約聖書'));};root.appendChild(b);});$('oldButton').classList.toggle('active',testament==='old');$('newButton').classList.toggle('active',testament==='new');}
function renderPrayers(){const root=$('prayerHistory');root.replaceChildren();if(!state.prayers.length){root.appendChild(el('p','muted','まだ記録がありません。祈りの文を書いて保存できます。'));return;}[...state.prayers].reverse().forEach(x=>{const box=el('div','reading');box.append(el('div','small',new Date(x.at||Date.now()).toLocaleString('ja-JP')),el('p','',x.text));const b=el('button','secondary','削除');b.onclick=()=>{if(confirm('この祈りの記録を削除しますか?')){state.prayers=state.prayers.filter(p=>p.id!==x.id);persist();renderPrayers();stat();}};box.appendChild(b);root.appendChild(box);});}
function generatePrayer(){$('prayerText').value=prayers[$('prayerTopic').value]||'';}
let qi=0,score=0,answered=false;function renderQuiz(){const root=$('quizOptions');root.replaceChildren();$('quizFeedback').classList.add('hide');$('quizNext').classList.add('hide');answered=false;if(qi>=quiz.length){$('quizCount').textContent='終了';$('quizQuestion').textContent=`10問中 ${score}問 正解しました`;if(score>state.best){state.best=score;persist();stat();}$('quizScore').textContent='正解 '+score+'問';$('quizProgress').style.width='100%';root.appendChild(el('p','muted','もう一度挑戦するときは「はじめから」を押してください。'));return;}const q=quiz[qi];$('quizCount').textContent=`第${qi+1}問 / ${quiz.length}問`;$('quizScore').textContent='正解 '+score+'問';$('quizProgress').style.width=`${qi/quiz.length*100}%`;$('quizQuestion').textContent=q.q;q.a.forEach((option,index)=>{const b=el('button','quiz-option',`${index+1}. ${option}`);b.onclick=()=>{if(answered)return;answered=true;const ok=index===q.right;if(ok)score++;[...root.children].forEach((node,i)=>{node.disabled=true;if(i===q.right)node.classList.add('correct');else if(i===index)node.classList.add('wrong');});$('quizScore').textContent='正解 '+score+'問';$('quizFeedback').textContent=(ok?'正解です。':'今回は違いました。')+' '+q.ex;$('quizFeedback').classList.remove('hide');$('quizNext').classList.remove('hide');$('quizNext').textContent=qi===quiz.length-1?'結果を見る →':'次の問題 →';};root.appendChild(b);});}
function download(){const blob=new Blob([JSON.stringify({format:'hikari-plus-v2',exportedAt:new Date().toISOString(),data:state},null,2)],{type:'application/json'});const url=URL.createObjectURL(blob);const a=el('a');a.href=url;a.download='hikari_backup_'+new Date().toISOString().slice(0,10)+'.json';document.body.appendChild(a);a.click();a.remove();setTimeout(()=>URL.revokeObjectURL(url),1000);toast('バックアップをダウンロードしました');}
function importJson(file){if(!file)return;if(file.size>2*1024*1024){toast('2MB以下のバックアップを選択してください');return;}file.text().then(str=>{const parsed=JSON.parse(str);if(parsed.format!=='hikari-plus-v2'||!parsed.data||typeof parsed.data!=='object')throw Error('形式が違います');const data=parsed.data;if(!Array.isArray(data.chat)||!Array.isArray(data.saved)||!Array.isArray(data.prayers))throw Error('データ形式が不正です');if(!confirm('現在のデータを読み込んだバックアップで置き換えますか?'))return;state=defaults();state.chat=data.chat.filter(x=>x&&['user','bot'].includes(x.role)&&typeof x.text==='string').slice(-120).map(x=>({role:x.role,text:x.text.slice(0,3000),ref:String(x.ref||'').slice(0,200),at:Number(x.at)||Date.now()}));state.saved=data.saved.filter(x=>typeof x==='string'&&library.some(y=>y.id===x)).slice(0,100);state.prayers=data.prayers.filter(x=>x&&typeof x.text==='string').slice(-100).map(x=>({id:String(x.id||''),text:x.text.slice(0,3000),at:Number(x.at)||Date.now()}));state.best=clamp(Number(data.best)||0,0,10);state.dark=data.dark===true;persist();refresh();toast('読み込みました');}).catch(e=>toast('読み込み失敗:'+e.message));}
function applyTheme(){document.body.classList.toggle('dark',state.dark);$('themeButton').textContent=state.dark?'☀ 明るくする':'☾ 暗くする';}
function refresh(){applyTheme();renderChat();renderDaily();renderPrayers();renderSaved();renderSearch();stat();}
function init(){safeLoad();renderGuides();renderBooks();if(!state.chat.length)addChat('bot','こんにちは。「ひかりのことば PLUS」です。聖書や祈りについて、一緒に考えていきましょう。右側の「今日の聖書テーマ」やメニューも使えます。');
refresh();renderQuiz();document.querySelectorAll('[data-view]').forEach(b=>b.onclick=()=>jump(b.dataset.view));document.querySelectorAll('[data-ask]').forEach(b=>b.onclick=()=>{jump('chat');send(b.dataset.ask)});
$('chatForm').onsubmit=e=>{e.preventDefault();send($('chatInput').value);};$('chatInput').oninput=updateCount;$('chatInput').onkeydown=e=>{if(e.key==='Enter'&&e.ctrlKey){e.preventDefault();send(e.target.value);}};
$('clearChat').onclick=()=>{if(!confirm('会話履歴を消去しますか?'))return;state.chat=[];addChat('bot','履歴を消去しました。新しくお話ししましょう。');};
$('saveDaily').onclick=()=>toggleSaved(dailyItem().id);$('askDaily').onclick=()=>{jump('chat');send('今日のことば');};$('studySearch').oninput=renderSearch;
$('oldButton').onclick=()=>{testament='old';renderBooks();};$('newButton').onclick=()=>{testament='new';renderBooks();};
$('prayerGenerate').onclick=generatePrayer;$('prayerSave').onclick=()=>{const text=$('prayerText').value.trim();if(!text)return toast('祈りの文を入力してください');state.prayers.push({id:String(Date.now())+'_'+Math.random().toString(36).slice(2,7),text:text.slice(0,3000),at:Date.now()});state.prayers=state.prayers.slice(-100);persist();renderPrayers();stat();toast('祈りの文を保存しました');};$('prayerCopy').onclick=async()=>{try{await navigator.clipboard.writeText($('prayerText').value);toast('コピーしました');}catch(e){$('prayerText').select();toast('文章を選択しました。手動でコピーしてください');}};
$('quizRestart').onclick=()=>{qi=0;score=0;renderQuiz();};$('quizNext').onclick=()=>{qi++;renderQuiz();};
$('themeButton').onclick=()=>{state.dark=!state.dark;persist();applyTheme();};$('exportButton').onclick=download;$('exportButton2').onclick=download;$('importButton').onclick=()=>$('importFile').click();$('importFile').onchange=e=>{importJson(e.target.files[0]);e.target.value='';};
$('resetAll').onclick=()=>{if(!confirm('会話、祈り、保存項目を含むすべてのアプリデータを削除しますか?'))return;localStorage.removeItem(KEY);state=defaults();state.chat=[{role:'bot',text:'初期化しました。聖書について、気軽に話しかけてください。',ref:'',at:Date.now()}];qi=0;score=0;renderQuiz();refresh();toast('初期化しました');};}
init();
})();
</script>
</body></html>
カテゴリー: 宗教
YESキリストBOT
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>YESキリスト BOT</title>
<!-- Tailwind(CDN) -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Font Awesome(アイコン) -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
<meta name="description" content="YESキリストBOT:優しく背中を押してくれるシンプルなチャットボット。今日の励まし、進むべき?などを相談できます。" />
<style>
/* スクロールバー控えめ */
* { scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
*::-webkit-scrollbar { height: 8px; width: 8px; }
*::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
/* バブルの三角 */
.bubble:after{
content:""; position:absolute; bottom:-6px; left:16px; border:6px solid transparent; border-top-color:rgba(255,255,255,0.9);
filter: drop-shadow(0 1px 0 rgba(15,23,42,.05));
}
.bubble.me:after{ left:auto; right:16px; border-top-color:#dcfce7; }
</style>
</head>
<body class="min-h-screen bg-gradient-to-b from-slate-50 to-white text-slate-800">
<!-- コンテナ -->
<div class="mx-auto max-w-3xl px-4 py-6">
<!-- ヘッダー -->
<header class="flex items-center justify-between rounded-2xl bg-white/90 backdrop-blur shadow-sm p-4">
<div class="flex items-center gap-3">
<div class="h-10 w-10 rounded-full bg-emerald-500 text-white grid place-items-center">
<i class="fa-solid fa-dove"></i>
</div>
<div>
<h1 class="text-xl font-bold">YESキリスト BOT</h1>
<p class="text-xs text-slate-500">優しく「YES」で背中を押すチャット</p>
</div>
</div>
<div class="flex items-center gap-2">
<button id="btnClear" class="text-xs px-3 py-1.5 rounded-lg bg-slate-100 hover:bg-slate-200 transition">
履歴クリア
</button>
<button id="btnExport" class="text-xs px-3 py-1.5 rounded-lg bg-slate-100 hover:bg-slate-200 transition">
エクスポート
</button>
<label class="text-xs px-3 py-1.5 rounded-lg bg-slate-100 hover:bg-slate-200 transition cursor-pointer">
インポート<input id="fileImport" type="file" accept="application/json" class="hidden">
</label>
</div>
</header>
<!-- プリセット -->
<section class="mt-4 grid grid-cols-2 sm:grid-cols-4 gap-2">
<button class="preset chip">今日の励まし</button>
<button class="preset chip">挑戦していい?</button>
<button class="preset chip">許してもいい?</button>
<button class="preset chip">進むべき?</button>
</section>
<!-- チャット -->
<main id="chat" class="mt-4 h-[60vh] overflow-y-auto rounded-2xl bg-white/90 backdrop-blur p-4 shadow-sm space-y-4">
<!-- 初期メッセージ -->
</main>
<!-- 入力欄 -->
<form id="composer" class="mt-4 flex items-end gap-2">
<textarea id="input" rows="1" placeholder="ここに相談を書いてね(例:新しいことに挑戦しても大丈夫?)"
class="flex-1 resize-none rounded-2xl border border-slate-200 bg-white p-3 focus:outline-none focus:ring-2 focus:ring-emerald-300"></textarea>
<button id="btnSend" type="submit" class="h-11 px-4 rounded-2xl bg-emerald-500 text-white hover:bg-emerald-600 transition">
<i class="fa-solid fa-paper-plane"></i>
</button>
</form>
<!-- 使い方 -->
<details class="mt-4 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600">
<summary class="cursor-pointer font-semibold">使い方</summary>
<ul class="list-disc pl-5 mt-2 space-y-1">
<li>メッセージを送ると、YESキリストが優しく背中を押す言葉で返します。</li>
<li><code>/prayer</code> で短いお祈り風メッセージ、<code>/bless</code> で祝福文。</li>
<li>履歴はブラウザに保存されます(ローカルのみ)。</li>
</ul>
</details>
</div>
<script>
// ====== 設定 ======
const STORAGE_KEY = 'yeschrist_history_v1';
// YESキリストの返答テンプレ
const YES_OPENERS = [
"あなたの心に、静かなYESが灯っています。",
"恐れずに、やさしいYESで一歩を。",
"迷いの中にいても、大丈夫。答えはYESです。",
"小さな信頼が、大きなYESへと育ちます。",
"あなたの良き思いに、YESを重ねましょう。"
];
const YES_ENCOURAGE = [
"試みは愛によって導かれ、愛は前進にYESと言います。",
"完全でなくていい。歩き出す勇気にYES。",
"扉は叩く者に開かれます。ノックにYES。",
"あなたの賜物は隠さずに、光の下へ。YES。",
"やさしさを選ぶ度に、道は明るくなります。YES。"
];
const YES_TAGS = [
"平安がありますように。",
"あなたは一人ではありません。",
"今日の小さな一歩を大切に。",
"心に光を。",
"祝福とともに。"
];
const PRAYERS = [
"天のやさしさがあなたを包み、歩みを照らしますように。アーメン。",
"弱さのときにこそ力が満ちますように。アーメン。",
"迷う心に静けさが与えられますように。アーメン。"
];
const BLESS = [
"あなたの決断に平安が伴いますように。",
"出るにも入るにも祝福が満ちますように。",
"今日の働きに恵みがありますように。"
];
// ====== DOM ======
const chat = document.getElementById('chat');
const input = document.getElementById('input');
const form = document.getElementById('composer');
const btnSend = document.getElementById('btnSend');
const btnExport = document.getElementById('btnExport');
const btnClear = document.getElementById('btnClear');
const fileImport = document.getElementById('fileImport');
document.querySelectorAll('.preset').forEach(el => el.classList.add(
'px-3','py-2','rounded-xl','bg-emerald-50','text-emerald-700','hover:bg-emerald-100','transition','text-sm','chip'
));
// ====== ユーティリティ ======
const nowStr = () => new Date().toLocaleString();
const rand = arr => arr[Math.floor(Math.random() * arr.length)];
const saveHistory = () => {
const items = [...chat.querySelectorAll('[data-msg]')].map(el => ({
role: el.dataset.role, text: el.dataset.msg, time: el.dataset.time
}));
localStorage.setItem(STORAGE_KEY, JSON.stringify(items));
};
const loadHistory = () => {
const raw = localStorage.getItem(STORAGE_KEY);
if (!raw) return [];
try { return JSON.parse(raw); } catch { return []; }
};
function appendMessage(role, text, time = nowStr()) {
const wrapper = document.createElement('div');
wrapper.className = role === 'user'
? 'flex justify-end'
: 'flex justify-start';
const bubble = document.createElement('div');
bubble.className = 'relative max-w-[85%] rounded-2xl p-3 bubble shadow-sm ' +
(role === 'user' ? 'bg-emerald-100 me' : 'bg-white/90');
bubble.textContent = text;
const meta = document.createElement('div');
meta.className = 'mt-1 text-[10px] text-slate-500 ' + (role === 'user' ? 'text-right' : 'text-left');
meta.textContent = time;
const container = document.createElement('div');
container.dataset.msg = text;
container.dataset.role = role;
container.dataset.time = time;
container.className = 'space-y-1';
container.appendChild(bubble);
container.appendChild(meta);
wrapper.appendChild(container);
chat.appendChild(wrapper);
chat.scrollTop = chat.scrollHeight;
}
function systemWelcome() {
appendMessage('assistant',
'ようこそ。YESキリストは、あなたの良き願いに「YES」で寄り添います。/prayer で短いお祈り、/bless で祝福文が届きます。');
}
function composeYesReply(userText) {
const lower = (userText || '').toLowerCase();
let opener = rand(YES_OPENERS);
let body = rand(YES_ENCOURAGE);
let tag = rand(YES_TAGS);
// ほんの少しだけ文脈スパイス
if (/[??]$/.test(userText)) {
opener = "その問いかけに、穏やかなYESが返っています。";
}
if (/(許|ゆる)す/.test(userText)) {
body = "赦しは心を自由にし、あなたを前へ押し出します。YES。";
}
if (/(挑戦|チャレンジ|challenge)/i.test(userText)) {
body = "小さくとも踏み出す一歩は尊く、次の景色を連れてきます。YES。";
}
if (/(進|やめ|辞め|やる|やら)/.test(userText)) {
tag = "平安のあるほうへ。YES。";
}
return `${opener}\n${body}\n${tag}`;
}
async function reply(userText) {
// コマンド
if (userText.trim().startsWith('/prayer')) {
appendMessage('assistant', rand(PRAYERS));
saveHistory(); return;
}
if (userText.trim().startsWith('/bless')) {
appendMessage('assistant', rand(BLESS));
saveHistory(); return;
}
// YES返答
const thinking = document.createElement('div');
thinking.className = 'text-xs text-slate-500';
thinking.textContent = '…考えています';
chat.appendChild(thinking); chat.scrollTop = chat.scrollHeight;
await new Promise(r => setTimeout(r, 300)); // 小さな演出
thinking.remove();
appendMessage('assistant', composeYesReply(userText));
saveHistory();
}
// ====== イベント ======
form.addEventListener('submit', async (e) => {
e.preventDefault();
const text = input.value.trim();
if (!text) return;
appendMessage('user', text);
input.value = '';
input.style.height = '44px';
saveHistory();
reply(text);
});
// 自動リサイズ
input.addEventListener('input', () => {
input.style.height = 'auto';
input.style.height = Math.min(input.scrollHeight, 160) + 'px';
});
// プリセット
document.querySelectorAll('.preset').forEach(btn => {
btn.addEventListener('click', () => {
const q = btn.textContent.trim();
appendMessage('user', q);
saveHistory();
reply(q);
});
});
// クリア
btnClear.addEventListener('click', () => {
if (!confirm('履歴をすべて削除しますか?')) return;
localStorage.removeItem(STORAGE_KEY);
chat.innerHTML = '';
systemWelcome();
});
// エクスポート
btnExport.addEventListener('click', () => {
const data = localStorage.getItem(STORAGE_KEY) ?? '[]';
const blob = new Blob([data], { type: 'application/json' });
const a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = `yeschrist_history_${Date.now()}.json`;
a.click();
URL.revokeObjectURL(a.href);
});
// インポート
fileImport.addEventListener('change', async (e) => {
const file = e.target.files?.[0];
if (!file) return;
const text = await file.text();
try {
const arr = JSON.parse(text);
if (!Array.isArray(arr)) throw new Error('format');
localStorage.setItem(STORAGE_KEY, text);
chat.innerHTML = '';
arr.forEach(m => appendMessage(m.role, m.text, m.time));
} catch {
alert('インポート失敗:JSON形式が正しくありません。');
} finally {
fileImport.value = '';
}
});
// ====== 初期化 ======
(function init() {
const hist = loadHistory();
if (hist.length === 0) {
systemWelcome();
} else {
hist.forEach(m => appendMessage(m.role, m.text, m.time));
}
// 入力高さ初期
input.style.height = '44px';
})();
</script>
</body>
</html>
キリスト教
創世記
出エジプト記
レビ記
民数記
申命記
ヨシュア記
士師記
ルツ記
サムエル記上・下
列王記上・下
歴代誌上・下
エズラ記
ネヘミヤ記
エステル記
➡ 15. ヨブ記
詩篇
箴言
伝道の書(コヘレトの言葉)
雅歌(ソロモンの歌)
とある魔術の禁書目録と宗教
『とある魔術の禁書目録』(とあるまじゅつのインデックス)は、鎌池和馬によるライトノベルシリーズで、科学と魔術が同時に存在する世界を舞台にした作品です。このシリーズでは宗教的な要素が非常に深く関係しており、物語の根幹やキャラクター設定にも強く反映されています。
🔷 1. 宗教的テーマの主な特徴
◾ キリスト教の影響
特にカトリック・プロテスタント・正教会などのキリスト教宗派が頻繁に登場します。
- 「必要悪の教会(ネセサリウス)」:イギリス清教(Puritan Church of England)内の秘密組織。インデックスやステイル・マグヌスが所属。
- ローマ正教(ローマカトリック教会):ヴェントやアニェーゼ部隊が所属し、対立組織として描かれる。
- 天草式十字凄教:日本のキリスト教系地下組織。和風とキリスト教の融合。
◾ 魔術体系と宗教
- 魔術は「信仰」によって体系化されており、神・天使・聖人などの宗教的概念が魔術の理論や力の根拠になっています。
- **天使(エンジェル)や聖人(セイント)**の存在も科学的理論ではなく宗教的奇跡として扱われます。
🔷 2. 宗教と科学の対立構造
本作の最大のテーマは「科学と魔術の対立」です。これは単なるファンタジー設定ではなく、宗教と理性(啓蒙思想)的価値観の対立のメタファーとも解釈できます。
| 科学サイド | 魔術サイド |
|---|---|
| 学園都市(超能力開発) | 世界中の宗教組織 |
| 理性・再現性・実験 | 信仰・奇跡・象徴 |
| 能力開発による進化 | 神や奇跡への帰依 |
🔷 3. 主要キャラと宗教背景
| キャラクター | 宗教的背景 |
|---|---|
| インデックス | イギリス清教のシスター、10万3000冊の魔道書を記憶 |
| ステイル・マグヌス | イギリス清教の神父、炎の魔術師 |
| 神裂火織 | 天草式十字凄教出身の聖人 |
| アニェーゼ=サンクティス | ローマ正教の魔術師 |
| ヴェント=オブ=ザ=フロント | ローマ正教の「神の右席」 |
🔷 4. 宗教の扱いに関する考察
- 現実の宗教を直接的にモデル化してはいるが、あくまでフィクションとしてのアレンジが加えられている。
- 各宗派の描写は誇張や創作を含んでいるが、中世~現代の神学的概念や教義、聖書などに基づく知識が元になっており、作者の宗教知識の深さが感じられる。
- 一方で、宗教そのものへの風刺や批判は少なく、信仰を持つ者たちの「矛盾」「苦悩」「理想」を描写するスタンスが基本。
🔷 まとめ
『とある魔術の禁書目録』は、宗教を単なる設定の一部ではなく、登場人物の信念や世界の構造そのものに組み込んでいる稀有な作品です。宗教と科学、信仰と理性の相克をエンタメ作品として巧みに表現している点が評価されるべきでしょう。
希望があれば、「とある魔術の禁書目録に登場する宗派一覧」「現実の宗教との違い」「魔術理論の構造」など、さらに深掘りした解説もできます。
4o
エヴァンゲリオンと宗教
🌟 主な宗教的要素と意味
1. キリスト教的象徴
- 十字架の光(爆発時の十字)
→ 神聖、犠牲、浄化を暗示する視覚的モチーフ。 - ロンギヌスの槍
→ キリストの脇腹を刺したとされる聖槍。エヴァでは“神を封じる”道具として登場。 - アダムとリリス
→ 旧約聖書に出てくる人類の起源的存在。エヴァでは人類や使徒の祖先として描かれる。 - 使徒(Angel)
→ 原義では「神の使い」。作中では人類と敵対する存在。
これらのモチーフは、特定の信仰を推奨するためではなく、“神話的なスケール感”や“終末論的世界観”を演出するための装飾的・象徴的役割を果たしています。
2. ユダヤ神秘主義(カバラ)
- セフィロトの樹(生命の樹)
→ 生命と宇宙の構造を象徴する図。人類補完計画でこれが用いられ、“人の存在の完成”を意味する。 - ゲヒナ/補完/魂の統一
→ カバラや神秘思想における“魂の還元”や“存在の統合”に類似。
3. 仏教・神道的要素
- 明確な用語は少ないものの、「個の喪失」「補完による一体化」などは、仏教の輪廻・無我観や神道における万物の霊的つながりに通じる哲学的テーマを持つ。
🎥 なぜ宗教モチーフを使ったのか?
監督の庵野秀明は以下のように語っています:
- 「カッコいいから使った」
→ 庵野自身が認めているように、宗教的な記号は雰囲気づくり、世界観の格調を上げるために用いられた。 - 「物語に深みを与えるため」
→ 日常的な学園生活や人間ドラマに対して、宇宙的スケールの背景を持たせるため。
🧠 深読みされる理由
視聴者がエヴァに宗教的・哲学的な意味を読み取るのは、以下のような構造のため:
- 明確な答えを提示しない演出
- 象徴の多用と難解な設定
- キャラクターの内面と「神」や「存在」への問い
統一教会について知る: 宗教、家族、世界平和の役割
統一教会について
統一教会は、世界的に知られる宗教団体であり、1954年に韓国の文鮮明(ムン・ソンミョン)師によって創設されました。統一教会は、神を中心とした真の家族の結びつきを実現し、人類の統一と世界平和を目指しています。統一教会の教えは、家族、結婚、教育などの普遍的な価値観に基づいており、人々に真の幸福をもたらすことを目指しています。統一教会は、人々の心の成長と救済を促し、個人の成長と社会の発展を支援する活動を行っています。統一教会は、祈りと信仰の実践を通じて、人々が神とのつながりを深め、人類の未来に希望をもたらす役割を果たしています。
教会の役割
統一教会は、宗教活動や信仰を通じて人々の心の支えとなる役割を果たしています。統一教会の信者たちは、日々の生活の中で祈りを捧げ、聖典の教えに従って生きることを心がけています。また、統一教会では定期的に集会が行われ、信者同士が交流し、励まし合う機会を持っています。このような集会では、教会の指導者からの教えや説教が行われ、信者たちはそこから学びを得ることができます。統一教会の信者たちは、教会の役割を理解し、信仰の実践を通じて人々の心の平安と幸福を願っています。
世界平和統一家庭連合(UPF)の役割
世界平和統一家庭連合(UPF)は、統一教会が主催している国際的な団体であり、世界平和のためのさまざまな取り組みを行っています。UPFの目標は、宗教や民族、文化の違いを超えた、全人類の平和と調和を築くことです。UPFは国際会議やシンポジウムを開催し、国際社会のリーダーや専門家を招いてさまざまな議論や意見交換を行っています。また、世界各地で平和のためのプロジェクトを展開し、教育や人道支援、国際協力などの活動を行っています。UPFは、平和への理解と協力を促進し、世界平和構築のためのグローバルなネットワークを形成しています。統一教会の教えである「真の父母様の愛」を基盤に、UPFは人々の心と理念を結びつけ、世界平和の実現に向けた努力を続けています。
統一教会と政治
統一教会は、政治活動に関与しています。例えば、統一教会は世界各国で政治家との交流や協力を行っており、平和に対する取り組みを支援しています。統一教会は世界平和の実現を目指しており、そのためには政治的な力も必要だと考えています。統一教会が政治において果たす役割は、政治家や政府と連携し、平和な社会を実現するための政策や法律の制定に関与することです。そのために統一教会は、様々な活動を行いながら政治に関与しています。統一教会が政治に関与することで、世界の平和が実現される一助となることを願っています。
家族の役割
統一教会では、家族の重要性を強調しています。家族は個人の成長や幸福感の基盤となる存在です。統一教会では、家族を形成することで、個人が愛に満ちた環境で成長できると考えています。また、家族は良き道徳的な価値観や行動パターンを伝える役割も果たしています。統一教会は、家族に対して支援や教育活動に積極的に取り組んでいます。結婚式や家族の集まりを通じて、家族の絆やコミュニケーションを促進し、幸せな家庭を実現することを目指しています。統一教会は、世界中の家族が健康で幸福な生活を送れるように尽力しています。
創世記
創世記
第一章
- 前初めに、神は天と地を創造された。
- 地は形ならず、空っぽで闇が深淵に覆いかぶさっていた。そして神の霊が水の上に運ばれていた。
- すると神は言われた。「光あれ!」 すると光があらわれた。
- 神は光を見て良しとされ、光と闇とを分けられた。
- 神は光を昼と名付け、闇を夜と名付けられた。そして夕となり、また朝となった。これが初めの日である。
第二章
- こうして天地とその万象は創造された。第七日に至って、神はその創造の業を完成された。
- 神は第七日に休息し、その日を祝福され、それを聖とされた。神はその日に於いて、すべての創造されたものから安息を得られたのである。
- これは天地の創造の始まりの物語である。神の栄光がその中に宿り、神の栄光によって世界は栄えた。
出エジプト記
第二章
- さて、エジプトの地に、ヤコブの子孫は増し続け、彼らは数を増すにつれて圧迫された。
- その時、一人の母が男の子を産んだ。その子は美しく、神の祝福がその上に宿った。
- 母は子を隠し、三ヶ月の間、彼を守った。しかし、もはや隠すことができなくなった。
- そこで母はパピルスの箱に子を乗せ、ナイル川の岸辺に託した。そして姉は遠くから見守った。
- ちょうどその時、エジプトの王女が川にやってきて、箱を見つけた。彼女は箱を開け、泣いている赤子を見つけ、その子に同情した。
- 王女は姉に言った。「この子はヘブライ人の子です。どうぞ、これを育てるように」と命じた。そして姉は喜んで赤子を連れて帰った
