update

Author: ken-okabe

_site/0-book/unit-5/section-3/1-map.md

@@ -35,6 +35,11 @@ When you call `map`, a **Dependency** is registered internally between the two `
 
 The dependency created by `map` is **Static**. Once you define the relationship `labels = numbers.map(...)`, the rule itself—the transformation of the value—does not change later.
 
+```mermaid
+flowchart LR
+  Start --> Stop
+```
+
 ```txt
         +-----------------+      .map(x => `Score: ${x}`)     +-----------------+
         | numbers         | --------------------------------> | labels          |

astro.config.mjs

@@ -10,6 +10,8 @@ import starlightSidebarTopics from 'starlight-sidebar-topics';
 import remarkMath from 'remark-math';
 import rehypeMathjax from 'rehype-mathjax';
 
+import mermaid from 'astro-mermaid';
+
 export default defineConfig({
   // GitHub Pages configuration
   site: 'https://ken-okabe.github.io',
@@ -20,6 +22,7 @@ export default defineConfig({
     prefixDefaultLocale: true,
   },
   integrations: [
+    mermaid(), // ⚠️ Must come BEFORE starlight
     starlight({
       title: 'Experience Quality Coding for AI',
       defaultLocale: 'en',