// sections2.jsx — News / Company / History / Recruit / Footer // 記事データは news.json で管理（news-data.js が非同期ロード） const { useState: useStateS2, useEffect, useCallback } = React; // ── useNewsData フック — JSON非同期ロード対応 ──────────────────────── function useNewsData() { const [items, setItems] = useStateS2(window.NEWS_DATA || []); useEffect(() => { if (window.NEWS_DATA !== null) { setItems(window.NEWS_DATA); return; } const handler = () => setItems(window.NEWS_DATA || []); window.addEventListener('newsLoaded', handler, { once: true }); return () => window.removeEventListener('newsLoaded', handler); }, []); return [items, setItems]; } // ── 菱形（六角形）NEWバッジ ───────────────────────────────────────── function NewBadge() { return ( New ); } // ── NewsCard — 統一カードテンプレート ─────────────────────────────── function NewsCard({ article, featured = false, onClick }) { const handleClick = (e) => { e.preventDefault(); if (onClick) onClick(article); }; return (
{featured ? ( // ── ホーム大カード（画像あり） <>
{article.facility} {article.is_new && NEW}

{article.title}

{article.summary}

) : ( // ── 一覧行（テキスト中心：元サイト準拠）
{article.is_new ? : }
e.stopPropagation()} target="_blank" rel="noopener noreferrer"> {article.facility}

{article.title}

{article.summary}

)}
); } // ── ArticleDetail — 記事詳細テンプレート ──────────────────────────── function ArticleDetail({ article, onBack }) { if (!article) return null; return (
{/* ブランドヘッダー（全記事共通） */}
古窯グループ KOYO GROUP NEWS
{article.is_new &&
New
} {article.facility}

{article.title}

${article.summary}

` }} /> {article.facility_url && article.facility_url !== '#' && (
詳細・ご予約はこちら
)}
); } // ── AiNewsPanel — AI記事生成パネル ────────────────────────────────── function AiNewsPanel({ onAdd, onClose }) { const [prompt, setPrompt] = useStateS2(''); const [loading, setLoading] = useStateS2(false); const [error, setError] = useStateS2(''); const [preview, setPreview] = useStateS2(null); const generate = async () => { if (!prompt.trim()) { setError('指示内容を入力してください。'); return; } setLoading(true); setError(''); setPreview(null); try { const res = await fetch('/api/ai-news', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ prompt: prompt.trim() }), }); if (!res.ok) throw new Error(`HTTP ${res.status}`); const data = await res.json(); if (!data.title) throw new Error('記事データが不正です。'); const now = new Date(); const dateStr = `${now.getFullYear()}/${now.getMonth()+1}/${String(now.getDate()).padStart(2,'0')}`; setPreview({ ...data, id: `ai-${Date.now()}`, date: data.date || dateStr, is_new: true, facility: data.facility || data.cat || 'お知らせ', facility_url: data.facility_url || '#', img: data.img || 'assets/img_koyo.jpg', body: data.body || `

${data.summary}

`, }); } catch(e) { setError(`エラーが発生しました: ${e.message}`); } finally { setLoading(false); } }; return (
e.target===e.currentTarget && onClose()}>

✨ AIでお知らせを生成

日本語で指示を入力してください