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. 宗教の扱いに関する考察

現実の宗教を直接的にモデル化してはいるが、あくまでフィクションとしてのアレンジが加えられている。
各宗派の描写は誇張や創作を含んでいるが、中世～現代の神学的概念や教義、聖書などに基づく知識が元になっており、作者の宗教知識の深さが感じられる。
一方で、宗教そのものへの風刺や批判は少なく、信仰を持つ者たちの「矛盾」「苦悩」「理想」を描写するスタンスが基本。

🔷 まとめ

『とある魔術の禁書目録』は、宗教を単なる設定の一部ではなく、登場人物の信念や世界の構造そのものに組み込んでいる稀有な作品です。宗教と科学、信仰と理性の相克をエンタメ作品として巧みに表現している点が評価されるべきでしょう。

希望があれば、「とある魔術の禁書目録に登場する宗派一覧」「現実の宗教との違い」「魔術理論の構造」など、さらに深掘りした解説もできます。

🌟 主な宗教的要素と意味

1. キリスト教的象徴

十字架の光（爆発時の十字）
→ 神聖、犠牲、浄化を暗示する視覚的モチーフ。
ロンギヌスの槍
→ キリストの脇腹を刺したとされる聖槍。エヴァでは“神を封じる”道具として登場。
アダムとリリス
→ 旧約聖書に出てくる人類の起源的存在。エヴァでは人類や使徒の祖先として描かれる。
使徒（Angel）
→ 原義では「神の使い」。作中では人類と敵対する存在。

これらのモチーフは、特定の信仰を推奨するためではなく、“神話的なスケール感”や“終末論的世界観”を演出するための装飾的・象徴的役割を果たしています。

2. ユダヤ神秘主義（カバラ）

セフィロトの樹（生命の樹）
→ 生命と宇宙の構造を象徴する図。人類補完計画でこれが用いられ、“人の存在の完成”を意味する。
ゲヒナ／補完／魂の統一
→ カバラや神秘思想における“魂の還元”や“存在の統合”に類似。

3. 仏教・神道的要素

明確な用語は少ないものの、「個の喪失」「補完による一体化」などは、仏教の輪廻・無我観や神道における万物の霊的つながりに通じる哲学的テーマを持つ。

🎥 なぜ宗教モチーフを使ったのか？

監督の庵野秀明は以下のように語っています：

「カッコいいから使った」
→ 庵野自身が認めているように、宗教的な記号は雰囲気づくり、世界観の格調を上げるために用いられた。
「物語に深みを与えるため」
→ 日常的な学園生活や人間ドラマに対して、宇宙的スケールの背景を持たせるため。

🧠 深読みされる理由

視聴者がエヴァに宗教的・哲学的な意味を読み取るのは、以下のような構造のため：

明確な答えを提示しない演出
象徴の多用と難解な設定
キャラクターの内面と「神」や「存在」への問い

統一教会について

統一教会は、世界的に知られる宗教団体であり、1954年に韓国の文鮮明（ムン・ソンミョン）師によって創設されました。統一教会は、神を中心とした真の家族の結びつきを実現し、人類の統一と世界平和を目指しています。統一教会の教えは、家族、結婚、教育などの普遍的な価値観に基づいており、人々に真の幸福をもたらすことを目指しています。統一教会は、人々の心の成長と救済を促し、個人の成長と社会の発展を支援する活動を行っています。統一教会は、祈りと信仰の実践を通じて、人々が神とのつながりを深め、人類の未来に希望をもたらす役割を果たしています。

教会の役割

統一教会は、宗教活動や信仰を通じて人々の心の支えとなる役割を果たしています。統一教会の信者たちは、日々の生活の中で祈りを捧げ、聖典の教えに従って生きることを心がけています。また、統一教会では定期的に集会が行われ、信者同士が交流し、励まし合う機会を持っています。このような集会では、教会の指導者からの教えや説教が行われ、信者たちはそこから学びを得ることができます。統一教会の信者たちは、教会の役割を理解し、信仰の実践を通じて人々の心の平安と幸福を願っています。

世界平和統一家庭連合（UPF）の役割

世界平和統一家庭連合（UPF）は、統一教会が主催している国際的な団体であり、世界平和のためのさまざまな取り組みを行っています。UPFの目標は、宗教や民族、文化の違いを超えた、全人類の平和と調和を築くことです。UPFは国際会議やシンポジウムを開催し、国際社会のリーダーや専門家を招いてさまざまな議論や意見交換を行っています。また、世界各地で平和のためのプロジェクトを展開し、教育や人道支援、国際協力などの活動を行っています。UPFは、平和への理解と協力を促進し、世界平和構築のためのグローバルなネットワークを形成しています。統一教会の教えである「真の父母様の愛」を基盤に、UPFは人々の心と理念を結びつけ、世界平和の実現に向けた努力を続けています。

統一教会と政治

統一教会は、政治活動に関与しています。例えば、統一教会は世界各国で政治家との交流や協力を行っており、平和に対する取り組みを支援しています。統一教会は世界平和の実現を目指しており、そのためには政治的な力も必要だと考えています。統一教会が政治において果たす役割は、政治家や政府と連携し、平和な社会を実現するための政策や法律の制定に関与することです。そのために統一教会は、様々な活動を行いながら政治に関与しています。統一教会が政治に関与することで、世界の平和が実現される一助となることを願っています。

家族の役割

統一教会では、家族の重要性を強調しています。家族は個人の成長や幸福感の基盤となる存在です。統一教会では、家族を形成することで、個人が愛に満ちた環境で成長できると考えています。また、家族は良き道徳的な価値観や行動パターンを伝える役割も果たしています。統一教会は、家族に対して支援や教育活動に積極的に取り組んでいます。結婚式や家族の集まりを通じて、家族の絆やコミュニケーションを促進し、幸せな家庭を実現することを目指しています。統一教会は、世界中の家族が健康で幸福な生活を送れるように尽力しています。

創世記

第一章

前初めに、神は天と地を創造された。
地は形ならず、空っぽで闇が深淵に覆いかぶさっていた。そして神の霊が水の上に運ばれていた。
すると神は言われた。「光あれ！」すると光があらわれた。
神は光を見て良しとされ、光と闇とを分けられた。
神は光を昼と名付け、闇を夜と名付けられた。そして夕となり、また朝となった。これが初めの日である。

第二章

こうして天地とその万象は創造された。第七日に至って、神はその創造の業を完成された。
神は第七日に休息し、その日を祝福され、それを聖とされた。神はその日に於いて、すべての創造されたものから安息を得られたのである。
これは天地の創造の始まりの物語である。神の栄光がその中に宿り、神の栄光によって世界は栄えた。