commit 62b9110 シリーズのページの見出しを日本語先に、series8 に定義の一文と一覧を追加 diff --git a/src/lib/records.ts b/src/lib/records.ts index 288f61d..f3d0fbd 100644 --- a/src/lib/records.ts +++ b/src/lib/records.ts @@ -34,7 +34,7 @@ export type SimTab = { id: string; task: string; place: string; src: string; tit // シリーズのページ(URL → 記事のシリーズ名)。Studio の一覧の絞り込み条件と同じ // intro はシリーズのページの見出しの下に出す説明(ないシリーズは出さない) -export const SERIES_PAGES: Record = { +export const SERIES_PAGES: Record = { series1: { series: 'HRI', title: 'Drug Delivery Robot | 薬剤搬送ロボットハコブくん', pageTitle: 'Series1 | 薬剤搬送ロボット', limit: 12, intro: '病院で薬を運ぶロボット「ハコブくん」を題材に、人とロボットの関わり(HRI)を設計している記録です。病院で使う画面(UI)の設計、Unity での自律移動、Fusion での形づくり、分身ロボット(アバター)の考察までを、4コママンガと一緒に残しています。' }, series2: { series: 'R2R2R', title: 'R2R2R | デジタルツイン学習-R2R2R(Real to Render to Real)', pageTitle: 'Series2 | R2R2R', limit: 12, @@ -50,7 +50,12 @@ export const SERIES_PAGES: Record ({ '@type': 'BlogPosting', headline: c.title, url: `${SITE}/record/${c.slug}` })), }; ---
-

{conf.title}

+

{heading}

{conf.intro &&

{conf.intro}

} + {conf.points && ( +
+ {conf.points.map((p) => ( +

{p.h}

    {p.items.map((t) =>
  • {t}
  • )}
+ ))} +
+ )} {conf.guide &&
} {conf.thinking &&
} {conf.serving &&
} @@ -43,7 +52,7 @@ const jsonLd = {
{conf.sim && (
-

Simulator | 試算を試す

+

試算を試す | Simulator

{conf.sim.tabs && (
{conf.sim.tabs.map((t, i) => ( @@ -134,7 +143,7 @@ const jsonLd = { }
-

Record | 記録

+

記録 | Record

{items.map((c) => )}
@@ -143,6 +152,10 @@ const jsonLd = { .s-title { margin: 0; } .s-guide { margin: 24px 0 0; } .s-intro { margin: 16px 0 0; font: 400 16px/28px var(--sans); color: var(--ink-2); } + .s-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin: 24px 0 0; } + .s-points-h { margin: 0 0 8px; font: 600 16px/26px var(--sans); color: var(--ink); } + .s-points .s-obs-list { margin: 0; } + @media (max-width: 767px) { .s-points { grid-template-columns: minmax(0, 1fr); gap: 20px; } } .s-label { display: block; margin: 40px 0 16px; font: 500 16px/24px var(--sans); color: var(--ink); } .s-title + .s-label { margin-top: 8px; } a.s-label:hover { text-decoration: underline; }