// アドラー心理学のホームページ — メインアプリ const { useState, useEffect, useRef } = React; // ─── データ ───────────────────────────────────────────── const PILLARS = [ { id: "teleology", num: "01", en: "Teleology", title: "目的論", desc: "「なぜそうなったか（原因論）」ではなく、「何のためにそうしているか（目的論）」で人を見つめなおす。過去ではなく、これからを生きる視点。", photo: "https://images.unsplash.com/photo-1469474968028-56623f02e42e?w=1200&q=80", body: [ "アドラー心理学は、人の行動を「過去の原因」ではなく「未来へ向かう目的」から理解しようとします。「不安だから外に出られない」のではなく、「外に出ないという目的のために、不安という感情を作り出している」と捉えるのです。", "この見方は冷たいようでいて、実はとてもやさしい。なぜなら、目的を変えれば、私たちはいつでも変われる、ということだから。過去にしばられた人生ではなく、これから何を選ぶかが、私たち自身を作っていくのです。"], pull: "「人は感情に支配されているのではなく、感情を使っている」", examples: [ "怒りは「相手を屈服させる」という目的のために選ばれた感情", "落ち込みは「責任から逃れる」ための手段になりうる", "「できない」という言葉は、挑戦を避ける目的をもつことがある"] }, { id: "separation", num: "02", en: "Separation of Tasks", title: "課題の分離", desc: "「これは誰の課題なのか？」を問いなおす。他者の課題に踏み込まず、自分の課題に向き合う。シンプルだけれど人生を軽くする考え方。", photo: "https://images.unsplash.com/photo-1502082553048-f009c37129b9?w=1200&q=80", body: [ "悩みのほとんどは、人間関係から生まれます。アドラーは、その絡まりをほどく鍵として「課題の分離」を説きました。ある行動の結末を引き受けるのは誰か。それを引き受ける人の課題に、他人は土足で踏み込んではならない。", "親が子に「勉強しなさい」と言うのは、子の課題に介入すること。上司が部下の評価を気にしすぎて指示を変えるのは、部下の感情を自分の課題と混ぜていること。線をひくとは、冷たくなることではなく、むしろ尊重すること。"], pull: "「他者の期待を満たすために生きてはいけない」", examples: [ "相手がどう感じるかは、相手の課題", "自分がどう行動するかは、自分の課題", "「嫌われる勇気」は、課題を分けたあとに自然と立ち上がる"] }, { id: "community", num: "03", en: "Community Feeling", title: "共同体感覚", desc: "私はここにいてよい。誰かの役に立てる。そう思えることが、健やかな心の土台になる。アドラー心理学のゴールにある、あたたかな感覚。", photo: "https://images.unsplash.com/photo-1529156069898-49953e39b3ac?w=1200&q=80", body: [ "アドラーは、人の幸福は「共同体感覚（Gemeinschaftsgefühl）」のうちにあると言いました。自分が大きなつながりの一部であり、そこに居場所があり、誰かに貢献できているという感覚。これは「与えること」によって、ようやく満たされていくものです。", "ここでの共同体は家族や会社にとどまりません。地域、社会、人類、さらには動植物や宇宙まで広がります。自分のためだけに生きるのではなく、何かのために生きると気づくとき、人は静かに勇気を取り戻します。"], pull: "「すべての悩みは対人関係の悩みである。けれど、すべての喜びもまたそうなのだ」", examples: [ "自己受容 — 不完全な自分を、ありのままに受け入れる", "他者信頼 — 条件をつけずに、まず信じてみる", "他者貢献 — 役に立てているという感覚をもつ"] }, { id: "encouragement", num: "04", en: "Encouragement", title: "勇気づけ", desc: "褒めるのでも、叱るのでもなく、ただ「あなたなら、大丈夫」と伝える。困難を乗りこえる活力を、そっと相手のなかに灯す行為。", photo: "https://images.unsplash.com/photo-1490578474895-699cd4e2cf59?w=1200&q=80", body: [ "アドラー心理学のキーワードは、なんといっても「勇気づけ（Encouragement）」です。それは、相手を上から評価する「ほめる」とも、力で従わせる「叱る」とも違う、横に並んで歩むような関わり方。「あなたには困難に立ち向かう力がある」と信じ、その人自身に返していく行為のことです。", "私たちはつい、結果を見てジャッジしてしまう。けれど勇気づけは、プロセスや存在そのものに目を向けます。「ありがとう」「助かったよ」というシンプルな言葉が、ほめ言葉よりずっと、人の心を立ち上がらせるのです。"], pull: "「ほめてはいけない、叱ってもいけない。ただ、勇気づける」", examples: [ "評価ではなく、感謝のことばを返す", "結果ではなく、過程と存在に目をむける", "自分自身にも、まず「大丈夫」とつぶやいてみる"] }, { id: "interpersonal", num: "05", en: "Interpersonal Theory", title: "対人関係論", desc: "人の悩みは、ぜんぶ「人と人のあいだ」から生まれる。だからこそ、関係を見つめなおすことは、自分を見つめなおすことでもある。", photo: "https://images.unsplash.com/photo-1543269865-cbf427effbad?w=1200&q=80", body: [ "アドラーは「人間の悩みは、すべて対人関係の悩みである」と言いきりました。一人で完結する悩みなど、本当はほとんどない。お金も、仕事も、孤独さえも、誰かとの関係性のなかで意味を帯びていきます。", "だから対人関係を「ヨコの関係」として捉えなおすことを、アドラーは大切にしました。上下や勝ち負けの「タテ」ではなく、対等な仲間としての「ヨコ」。そこに立てたとき、人は競争の苦しみから降りて、協力の喜びを取り戻していきます。"], pull: "「すべての悩みは対人関係の悩みである」", examples: [ "競争（タテ）から、協力（ヨコ）へ視点を移す", "相手を「敵」ではなく「仲間」と見なおす", "勝ち負けで関わらず、ともに在ることを選ぶ"] }]; const QUOTES = [ { body: "重要なのは、何が与えられているかではなく、与えられたものをどう使うかである。", who: "Alfred Adler" }, { body: "人は変われる。世界はシンプルである。誰もが幸福になれる。", who: "Alfred Adler" }, { body: "誰かを尊敬するということは、その人がその人らしくあれるよう手伝うこと。", who: "Alfred Adler" }]; // ─── ナビ ─────────────────────────────────────────────── function Nav() { return (
あ
アドラー心理学
A·D·L·E·R · A·R·C·H·I·V·E
); } // ─── ヒーロー ────────────────────────────────────────── function Hero({ heroPhoto }) { return (
Adlerian Psychology · 入門

人は、
いつだって
変わって、
ゆける。

アルフレッド・アドラーが残したのは、難しい理論ではなく、 きょうから少しだけ生きやすくなるための考え方でした。 目的論、課題の分離、共同体感覚、勇気づけ、対人関係論— 5つの灯りを、ゆっくり進めます。

1870
アドラー誕生
5つ
核心の考え
∞(無限大)
日々の実践
やわらかな朝の光
「すべては、あなたの
勇気から始まる。」 — A. ADLER
); } // ─── アドラー紹介 ───────────────────────────────────── function Intro() { return (
古い書斎の窓辺
Alfred Adler 1870 – 1937
Wien / New York
Who was he?

フロイトでもユングでもない、
「もう一人の」
心理学者。

アルフレッド・アドラーは、ウィーン生まれの精神科医・心理学者。 幼いころは病弱で、二度も死にかけたといいます。だからこそ「人はどう生きれば、健やかでいられるか」を生涯のテーマにしました。

一時はフロイトと共に研究をしましたが、やがて「人は過去の原因に縛られるのではなく、未来の目的にむかって動く」と考え、独自の道を歩み始めます。 その思想は今、日本でも『嫌われる勇気』をきっかけに、多くの人にひらかれています。

Born
1870年
ウィーン郊外
Field
個人心理学
Individual Psychology
Legacy
勇気づけの
心理学
); } // ─── 三本柱カード ───────────────────────────────────── function Pillars({ onOpen }) { return (
Five Pillars

アドラー心理学を支える、
5つの考え。

膨大な著作のなかから、まずはここから——という5つを集めました。 カードを開くと、すこし詳しく読めます。

{PILLARS.map((p, i) =>
onOpen(i)}>
No. {p.num} {p.title}
{p.en}

{p.title}

{p.desc}

続きを読む →
)}
); } // ─── 詳細 ─────────────────────────────────────────────── function DeepSection() { return (
Read Slowly

それぞれを、もう少し深く。

{PILLARS.map((p, i) =>
No. {p.num} · {p.en}

{p.title}

{p.body.map((para, idx) =>

{para}

)}
{p.pull}
    {p.examples.map((ex, idx) =>
  • {ex}
    • )}
{p.title}
{p.title}
)}
); } // ─── 名言セクション ─────────────────────────────────── function Quotes({ bgPhoto }) { const [i, setI] = useState(0); useEffect(() => { const t = setInterval(() => setI((v) => (v + 1) % QUOTES.length), 6500); return () => clearInterval(t); }, []); return (
“

{QUOTES[i].body}

— {QUOTES[i].who}
{QUOTES.map((_, idx) =>
); } // ─── 学びの一歩 ─────────────────────────────────────── function Learn() { const items = [ { icon: "本", title: "本から、ゆっくり", text: "『嫌われる勇気』『人生の意味の心理学』など、入り口になる読み物を集めました。", meta: ["READING", "5冊"] }, { icon: "話", title: "対話で深める", text: "オンラインの読書会・勉強会の情報。誰かと話すと、考えはまた新しい色を帯びます。", meta: ["COMMUNITY", "月2回"] }, { icon: "写", title: "日々のノート", text: "実践のためのプロンプトと、書き留めるためのテンプレート。三日坊主でも大丈夫。", meta: ["PRACTICE", "毎日5分"] }]; return (
Take One Step

学びの、はじめの一歩。

読むこと、語ること、書くこと。アドラー心理学は実践の心理学です。 あなたに合うかたちで、ゆっくり始めてみませんか。

{items.map((it, i) =>
{it.icon}

{it.title}

{it.text}

{it.meta[0]} {it.meta[1]}
)}

月に一度、おだやかな手紙を。

アドラー心理学にまつわる小さな読みものを、メールでお届けします。いつでも解除できます。

{e.preventDefault();alert("ご登録ありがとうございます（デモ）");}}>
); } // ─── フッター ──────────────────────────────────────── function Foot() { return ( ); } // ─── モーダル ──────────────────────────────────────── function PillarModal({ openIdx, onClose }) { const open = openIdx !== null; useEffect(() => { const onKey = (e) => {if (e.key === "Escape") onClose();}; window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, [onClose]); const p = open ? PILLARS[openIdx] : null; return (
{p &&
e.stopPropagation()} style={{ position: "relative" }}>
{p.title}
No. {p.num} · {p.en}

{p.title}

{p.body.map((para, i) =>

{para}

)}
{p.pull}
    {p.examples.map((ex, idx) =>
  • {ex}
    • )}
}
); } // ─── スクロールアニメ ──────────────────────────────── function useScrollReveal() { useEffect(() => { const els = document.querySelectorAll(".fade-up"); const io = new IntersectionObserver((entries) => { entries.forEach((en) => {if (en.isIntersecting) en.target.classList.add("in");}); }, { threshold: 0.12 }); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); } // ─── App ───────────────────────────────────────────── const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "accent": "#B8825C", "ink": "#3D3530", "bg": "#F5EFE6", "headingFont": "Klee One", "heroPhoto": "https://images.unsplash.com/photo-1500964757637-c85e8a162699?w=1400&q=80", "quoteBg": "https://images.unsplash.com/photo-1518173946687-a4c8892bbd9f?w=1600&q=80" } /*EDITMODE-END*/; function App() { const [openIdx, setOpenIdx] = useState(null); const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); useScrollReveal(); // accents useEffect(() => { const r = document.documentElement.style; r.setProperty("--terracotta", t.accent); r.setProperty("--ink", t.ink); r.setProperty("--bg", t.bg); r.setProperty("--font-hand", `"${t.headingFont}", "Yu Mincho", serif`); }, [t.accent, t.ink, t.bg, t.headingFont]); return ( <>