/* ミニCMS：記事テンプレート（技術ブログ品質） POSTS（posts.js）からデータを受け取り、目次・著者カード・図・数値・コード・FAQを描画する。 記事を増やす = posts.js にデータを足す + 薄いラッパーHTMLを1枚置く だけ。 */ function inlineNodes(text) { // **太字** と `コード` の簡易インライン記法をReactノードに if (text == null) return []; text = String(text); const out = []; const re = /(\*\*[^*]+\*\*|`[^`]+`|\[[^\]]+\]\([^)]+\))/g; let last = 0, m, i = 0; while ((m = re.exec(text)) !== null) { if (m.index > last) out.push(text.slice(last, m.index)); const tok = m[0]; if (tok.startsWith("**")) out.push({tok.slice(2, -2)}); else if (tok.startsWith("`")) out.push({tok.slice(1, -1)}); else { const lm = tok.match(/\[([^\]]+)\]\(([^)]+)\)/); out.push({lm[1]}); } last = m.index + tok.length; } if (last < text.length) out.push(text.slice(last)); return out; } function ProseH2({ id, children }) { return (

{children}

); } function ProseP({ lead, children }) { return

{children}

; } function TLDR({ items }) { return (
— この記事でわかること —
); } function TOC({ items }) { if (!items.length) return null; return ( ); } function StatCards({ items }) { return (
{items.map((s, i) => (
{s.num}{s.unit}
{s.label}
))}
); } function CompareTable({ head, rows }) { return (
{rows.map((r, i) => ( ))}
{head[0]} {head[1]}
{r[0]} {r[1]} {inlineNodes(r[2])}
); } function Callout({ children }) { return (
{inlineNodes(children)}
); } function Figure({ img, caption }) { return (
{caption {caption &&
{caption}
}
); } function CodeBlock({ lang, code }) { return ( 
      {code}
); } function FAQ({ items }) { return (
{items.map((f, i) => (
Q. {f.q}
{inlineNodes(f.a)}
))}
); } function AuthorCard({ author }) { return (
{author.name}
{author.name}
{author.role}
{author.x && X / Twitter} {author.note && note}
); } function readingMinutes(post) { let n = 0; (post.content || []).forEach((b) => { if (b.t) n += b.t.length; if (b.items) b.items.forEach((x) => n += (typeof x === "string" ? x.length : (x.label || "").length + (x.a || "").length + (x.q || "").length)); if (b.rows) b.rows.forEach((r) => r.forEach((c) => n += String(c).length)); if (b.code) n += b.code.length / 3; }); return Math.max(2, Math.round(n / 480)); } function ArticleBody({ post }) { const blocks = post.content.map((b, i) => { switch (b.k) { case "tldr": return ; case "h2": return {b.t}; case "lead": return {inlineNodes(b.t)}; case "p": return {inlineNodes(b.t)}; case "stats": return ; case "compare": return ; case "callout": return {b.t}; case "figure": return
; case "code": return ; case "faq": return ; default: return null; } }); return
{blocks}
; } function ArticleApp({ slug }) { const post = (typeof POSTS !== "undefined") && POSTS.find((p) => p.slug === slug); React.useEffect(() => { if (window.hljs) window.hljs.highlightAll(); }, []); if (!post) return
記事が見つかりません。
; const toc = post.content.filter((b) => b.k === "h2").map((b) => ({ id: b.id, t: b.t })); return (
); }