試験対策コンテンツのNext.js移行加速、ホームUI刷新、およびフォント・基盤システムの強化

.claude/skills/md-to-nextjs-migration/SKILL.md

@@ -182,14 +182,6 @@ assert_staged_scope() {
     esac
   done
 }
-
-# ステージ失敗時: working tree を保持したまま、このステップの index を解除する
-cleanup_stage() {
-  git reset --mixed --quiet HEAD || {
-    echo 'ステージ差分の cleanup に失敗しました。index を確認してください。' >&2
-    return 1
-  }
-}
 ```
 
 ```bash
@@ -306,20 +298,14 @@ if ! git status --short; then
   echo 'worktree の状態を取得できません。コミットを中止します。' >&2
   exit 1
 fi
+assert_clean_stage || exit 1
+git add -p -- app/constants.ts app/gcl/<exam>/<changed-file-1> app/gcl/<exam>/<changed-file-2> || exit 1
+assert_staged_scope app/constants.ts app/gcl/<exam>/<changed-file-1> app/gcl/<exam>/<changed-file-2> || exit 1
+git diff --cached
 [ "${COMMIT_AUTHORIZED:-}" = 'yes' ] || {
   echo 'ユーザーの明示認可がないため、コミットしません。' >&2
   exit 1
 }
-assert_clean_stage || exit 1
-if ! git add -p -- app/constants.ts app/gcl/<exam>/<changed-file-1> app/gcl/<exam>/<changed-file-2>; then
-  cleanup_stage || true
-  exit 1
-fi
-if ! assert_staged_scope app/constants.ts app/gcl/<exam>/<changed-file-1> app/gcl/<exam>/<changed-file-2>; then
-  cleanup_stage || true
-  exit 1
-fi
-git diff --cached
 git commit -m "feat(gcl/<exam>/SN): implement migrated content"
 ```
 
@@ -336,19 +322,13 @@ if ! git status --short; then
   echo 'worktree の状態を取得できません。コミットを中止します。' >&2
   exit 1
 fi
+assert_clean_stage || exit 1
+git add -p -- <refactored-files> || exit 1
+assert_staged_scope <refactored-files> || exit 1
 [ "${COMMIT_AUTHORIZED:-}" = 'yes' ] || {
   echo 'ユーザーの明示認可がないため、コミットしません。' >&2
   exit 1
 }
-assert_clean_stage || exit 1
-if ! git add -p -- <refactored-files>; then
-  cleanup_stage || true
-  exit 1
-fi
-if ! assert_staged_scope <refactored-files>; then
-  cleanup_stage || true
-  exit 1
-fi
 git commit -m "refactor(gcl/<exam>/SN): integrate migrated content"
 ```
 

.gemini/skills/md-to-nextjs-migration/SKILL.md

@@ -182,14 +182,6 @@ assert_staged_scope() {
     esac
   done
 }
-
-# ステージ失敗時: working tree を保持したまま、このステップの index を解除する
-cleanup_stage() {
-  git reset --mixed --quiet HEAD || {
-    echo 'ステージ差分の cleanup に失敗しました。index を確認してください。' >&2
-    return 1
-  }
-}
 ```
 
 ```bash
@@ -306,20 +298,14 @@ if ! git status --short; then
   echo 'worktree の状態を取得できません。コミットを中止します。' >&2
   exit 1
 fi
+assert_clean_stage || exit 1
+git add -p -- app/constants.ts app/gcl/<exam>/<changed-file-1> app/gcl/<exam>/<changed-file-2> || exit 1
+assert_staged_scope app/constants.ts app/gcl/<exam>/<changed-file-1> app/gcl/<exam>/<changed-file-2> || exit 1
+git diff --cached
 [ "${COMMIT_AUTHORIZED:-}" = 'yes' ] || {
   echo 'ユーザーの明示認可がないため、コミットしません。' >&2
   exit 1
 }
-assert_clean_stage || exit 1
-if ! git add -p -- app/constants.ts app/gcl/<exam>/<changed-file-1> app/gcl/<exam>/<changed-file-2>; then
-  cleanup_stage || true
-  exit 1
-fi
-if ! assert_staged_scope app/constants.ts app/gcl/<exam>/<changed-file-1> app/gcl/<exam>/<changed-file-2>; then
-  cleanup_stage || true
-  exit 1
-fi
-git diff --cached
 git commit -m "feat(gcl/<exam>/SN): implement migrated content"
 ```
 
@@ -336,19 +322,13 @@ if ! git status --short; then
   echo 'worktree の状態を取得できません。コミットを中止します。' >&2
   exit 1
 fi
+assert_clean_stage || exit 1
+git add -p -- <refactored-files> || exit 1
+assert_staged_scope <refactored-files> || exit 1
 [ "${COMMIT_AUTHORIZED:-}" = 'yes' ] || {
   echo 'ユーザーの明示認可がないため、コミットしません。' >&2
   exit 1
 }
-assert_clean_stage || exit 1
-if ! git add -p -- <refactored-files>; then
-  cleanup_stage || true
-  exit 1
-fi
-if ! assert_staged_scope <refactored-files>; then
-  cleanup_stage || true
-  exit 1
-fi
 git commit -m "refactor(gcl/<exam>/SN): integrate migrated content"
 ```
 

CLAUDE.md

@@ -120,6 +120,13 @@ app/
         constants.ts                # Domain 4 固有定数
         domain4.css                 # ページ固有スタイル
         layout.tsx                  # Domain 4 レイアウト
+  comptia/
+    network-plus/
+      page.tsx                      # CompTIA Network+ (N10-009 / V9) 完全ガイド (Server)
+      ComptiaNetworkPlusGuide.tsx   # 本文＋インタラクション (Client。全13セクション、Mermaid等)
+      NavBar.tsx                    # サイドバーナビ (IntersectionObserver)
+      constants.ts                  # Mermaid 図定義（4図）
+      page.css                      # ページ固有スタイル（サイドバー幅280px契約準拠）
       architecture-guide/page.tsx   # アーキテクチャガイドページ
     hands-on/
       cloud-load-balancing-guide/
@@ -216,6 +223,18 @@ app/
     professional-cloud-network-engineer/
       page.tsx                      # PCNE 試験対策ページ（概要・ドメイン別解説）
       components/                   # セクションコンポーネント（Section1-6 + Summary）
+      section1-vpc-design/
+        page.tsx                    # Section 1: VPCネットワーク設計 完全ガイド (Server)
+        PcneSection1VpcDesignGuide.tsx # 本文＋インタラクション (Client。全10セクション、31 Mermaid図等)
+        NavBar.tsx                  # サイドバーナビ (IntersectionObserver)
+        constants.ts                # Mermaid 図定義 (31図)
+        page.css                    # ページ固有スタイル
+      section2-vpc-implementation/
+        page.tsx                    # Section 2: VPCネットワークの実装 完全ガイド (Server)
+        PcneSection2VpcImplementationGuide.tsx # 本文＋インタラクション (Client。全9セクション、17 Mermaid図等)
+        NavBar.tsx                  # サイドバーナビ (IntersectionObserver)
+        constants.ts                # Mermaid 図定義 (17図)
+        page.css                    # ページ固有スタイル
     professional-cloud-network-engineer-step-by-step/
       page.tsx                      # PCNE ステップバイステップ実践ガイド
       components/                   # セクションコンポーネント（Section1-6）

GEMINI.md

@@ -35,7 +35,7 @@ Updated 2026-08-13
   - `/app/gcl/genai-leader`: Generative AI Leader 試験対策ページ（Section 1〜4、section1/2 はコンポーネント分割済み）。
   - `/app/gcl/cloud-digital-leader`: Cloud Digital Leader 試験対策ページ（Section 1〜6、各セクションはコンポーネント分割済み）。
   - `/app/gcl/agwa`: Associate Google Workspace Administrator 試験対策ページ（Section 1）。
-  - `/app/gcl/professional-cloud-network-engineer`: PCNE 試験対策ページ（概要・ドメイン別解説）。
+  - `/app/gcl/professional-cloud-network-engineer`: PCNE 試験対策ページ（概要・ドメイン別解説、`section1-vpc-design` および `section2-vpc-implementation` 完全ガイド含む）。
   - `/app/gcl/professional-cloud-network-engineer-step-by-step`: PCNE ステップバイステップ実践ガイド。
   - `/app/cisco/ccde/complete-guide`: Cisco CCDE 認定 完全ガイド。
   - `/app/cisco/devnet-professional`: Cisco Certified DevNet Professional 認定 徹底解説ガイド（CSS Modules）。
@@ -54,8 +54,9 @@ Updated 2026-08-13
   - `/app/cisco/ccna/automation-programmability`: CCNA 200-301 6.0 自動化とプログラマビリティ 完全ガイド。
   - `/app/cisco/ccna/security-fundamentals`: CCNA 200-301 Security Fundamentals 完全ガイド。
   - `/app/cisco/ccna/network-fundamentals-guide`: CCNA 200-301 Network Fundamentals ネットワークの基礎 入門ガイド。
+  - `/app/comptia/network-plus`: CompTIA Network+ (N10-009 / V9) 完全ガイド。
   - `/app/aws/solutions-architect-associate`: AWS Certified Solutions Architect – Associate (SAA-C03) 完全対策ガイド（`domain1` を含む）。
-- `/app/constants.ts`: 試験データ正本（EXAMS / STATS）。`provider: 'GCP' | 'AWS' | 'Cisco'` で分類され、`toNavTree` が自動グルーピング。
+- `/app/constants.ts`: 試験データ正本（EXAMS / STATS）。`provider: 'GCP' | 'AWS' | 'Cisco' | 'CompTIA'` で分類され、`toNavTree` が自動グルーピング。
 - `/app/navigation.ts`: `toNavTree(EXAMS)` adapter。Header.tsx が参照し、provider 別にナビを自動生成。`status: 'coming-soon'` の試験はナビに「準備中」として表示。
 - AWS: `app/aws/` 配下（`solutions-architect-associate/page.tsx` 完全対策ガイド、`solutions-architect-associate/domain1/page.tsx` ドメイン1ガイド、`solutions-architect-associate/domain2/page.tsx` ドメイン2ガイド、`solutions-architect-associate/domain3/page.tsx` ドメイン3ガイド、`solutions-architect-associate/domain4/page.tsx` ドメイン4ガイド）
 - Cisco: `app/cisco/` 配下（`ccna/beginner-guide/page.tsx` 完全ガイド、`ccna/automation-software-development-design/page.tsx`、`ccna/automation-application-deployment-security/page.tsx`、`ccna/automation-cisco-platforms-and-development/page.tsx`、`ccna/automation-infrastructure-and-automation/page.tsx`、`ccna/ip-connectivity-guide/page.tsx`、`ccna/ip-services-guide/page.tsx`、`ccna/automation-programmability/page.tsx` 含む）