/* global React */ const { useState, useEffect, useRef } = React; // ───────────────────────────────────────────────────────────────────────────── // Shared section primitives // ───────────────────────────────────────────────────────────────────────────── function Section({ id, label, title, kicker, children, dark = true, className = "" }) { return (

{(label || kicker) &&

{label} {kicker && {kicker}}

} {title &&

{title}

} {children}

); } // ───────────────────────────────────────────────────────────────────────────── // Hero // ───────────────────────────────────────────────────────────────────────────── function Hero({ showRepMessage }) { const ref = useRef(null); const [scrollY, setScrollY] = useState(0); useEffect(() => { const onScroll = () => setScrollY(window.scrollY); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); const py = Math.min(scrollY * 0.25, 200); return (

{/* Hero banner image with parallax */}

{/* dark overlay */}

{/* neon vignette */}

{/* Top bar */}

{/* Hero content */}

AI Education Project · Est. 2026

Codexラボ

AI時代。全く新しいIT素養をゼロから身に付ける。

Make it possible — in the lab. For the AI era.

{showRepMessage &&

世界がAIによって置き換えられていく今、
我々がAIに追い付くためには、
幼少期から社会人まで磨き上げてきた素養を
質的にも量的にも遥かに超えるような
「全く新しいレベルの素養」 が必要となっています。

— Codexラボ代表ラボとみ / Excelラボ代表

}

@codex_labo をフォロー → Scroll · 代表メッセージへ ↓

{/* status pill, bottom-right */}

2026.05 — content in progress

); } // ───────────────────────────────────────────────────────────────────────────── // English marquee strip // ───────────────────────────────────────────────────────────────────────────── function Marquee() { const items = [ "Make it possible — in the lab", "Talk to AI, talk for yourself", "From operator to explainer", "Pinpoint clarity, not feature parade", "AI literacy for the rest of us"]; const all = [...items, ...items, ...items]; return (

{all.map((t, i) => {t} ✦ )}

); } // ───────────────────────────────────────────────────────────────────────────── // Classroom bridge — establishes "education institution" tone right after Hero // ───────────────────────────────────────────────────────────────────────────── function ClassroomBridge() { return (

✦ Codex Labo Institute For the Study of Logic, Mechanics, and Purpose

{/* sepia banner image - full bleed */}

Codex Labo Institute — Lesson I: Principles of Logic

{/* subtle vignette to blend with dark theme */}

{/* caption row beneath banner */}

AI時代の新しい素養を学べる講座です。

我々は一人一人が、「AIと対話」しながら業務を行っていくことになります。その時、スーパーエンジニアであるAIと対話するには、我々側も相当な知識のレベルアップをしておかなければ、何をAIが言っているのか理解できず、会話が成立しないのです。
Codexラボで、AIと対話するため、
必要な素養を見直し、皆様が自信を持って働けるよう共に学習していきましょう。

Lesson I — Principles of Logic

Knowledge + Discipline = Progress

); } Object.assign(window, { Section, Hero, Marquee, ClassroomBridge });

{title}

Codexラボ

AI時代の新しい素養を学べる講座 です。

AI時代の新しい素養を学べる講座です。