執筆（ローカル）
  ↓
コピー＆ペーストでブラウザエディタに貼り付け
  ↓
画像を個別アップロード
  ↓
カテゴリ・タグを手動設定
  ↓
公開ボタンをクリック
  ↓ → 変更のたびにこれを繰り返す

content/posts/
  ├── 2026-03-01-amplify-gen2-cognito-auth-part1.md   ← シリーズ: Amplify Gen2認証 (3回)
  ├── 2026-03-01-amplify-gen2-cognito-auth-part2.md
  ├── 2026-03-01-amplify-gen2-cognito-auth-part3.md
  ├── 2026-03-01-aws-serverless-chat-part1.md         ← シリーズ: AWSサーバーレスチャット (5回)
  │   ...（part2〜5）
  ├── 2026-03-16-image-analysis-01-*.md               ← シリーズ: 製造業向けAI画像分析 (10回)
  │   ...（02〜10）
  └── 01_mqtt_introduction.md                         ← シリーズ: MQTT (5回)
      ...

┌──────────┐    ┌──────────────┐    ┌──────────────┐    ┌──────────────┐    ┌──────────┐
│  Markdown │ ─→ │ GitHub Push  │ ─→ │ GitHub       │ ─→ │  S3 (静的    │ ─→ │CloudFront│
│  記事追加 │    │  (main branch)│    │ Actions      │    │  ファイル)   │    │ + WAF    │
│          │    │              │    │ npm run build│    │              │    │          │
└──────────┘    └──────────────┘    └──────────────┘    └──────────────┘    └──────────┘
                                           ↓                                      ↓
                                    Next.js 静的エクスポート              IPアドレス制限 + HTTPS
                                    (out/ ディレクトリ)                   CloudFront Functions
                                                                          (URLリライト)

入力: content/posts/2026-03-16-image-analysis-01-lambda-streaming.md
  ↓
処理: gray-matter でフロントマター解析 + reading-time で読了時間計算
  ↓
出力: /posts/2026-03-16-image-analysis-01-lambda-streaming
      タイトル / カテゴリ / タグ / シリーズ / 読了時間 が自動付与

---
title: "Lambda Streaming で実現するリアルタイム応答"
emoji: "⚡"
type: "tech"
topics: ["AWS", "Lambda", "Python", "Streaming"]
published: true
category: "HowTo"
date: "2026-03-16"
series: "製造業向けAI画像分析システムを作る"
seriesOrder: 1
---

入力: ```python コードブロック + :::note warn ブロック
  ↓
処理: unified パイプライン → rehype-slug (見出しID) → KaTeX (数式) → Shiki (コード)
  ↓
出力: 言語ラベル付きシンタックスハイライト + アイコン付き警告ボックス

入力: キーワード入力 (SearchModal)
  ↓
処理: Fuse.js がタイトル / カテゴリ / トピック / 本文抜粋を横断検索
  ↓
出力: 一致記事のリアルタイム表示

[開発者 (ローカル)]              [GitHub]                     [AWS]
┌────────────────┐              ┌──────────────┐             ┌──────────────────────────┐
│ git push main  │  ──Push──→  │ GitHub        │  ──Deploy──→│ S3 (静的サイト)          │
│ (記事追加/修正)│              │ Actions       │             │ CloudFront (CDN + HTTPS) │
└────────────────┘              │               │             │ WAF (IPホワイトリスト)    │
                                │ 1. npm ci     │             │ CloudFront Functions     │
                                │ 2. npm build  │             │ (URLリライト .html付与)  │
                                │ 3. S3 sync    │             └──────────────────────────┘
                                │ 4. CF無効化   │
                                └──────────────┘
                                  ↑ 約1〜2分で完了

┌─────────────────────────┐
  │ 技術を学んだ・実装した  │
  └────────────┬────────────┘
               ↓
  ┌─────────────────────────┐
  │ Markdownで記事を書く    │
  │ → git push で公開完了   │
  └────────────┬────────────┘
               ↓
  ┌──────┐  ┌──────┐  ┌───────────┐
  │シリーズ│  │検索  │  │関連記事   │  ← 読者が体系的に学習できる
  │ナビ  │  │      │  │レコメンド │
  └──────┘  └──────┘  └───────────┘

Phase 1: 基盤構築 [DONE]               Phase 2: 体験向上 [NEXT]              Phase 3: 成長 [FUTURE]
───────────────────────────────        ───────────────────────────────        ───────────────────────────────
✓ Next.js 15 静的エクスポート          □ カスタムドメイン取得                 □ アクセス解析導入
✓ AWS CDK (S3 + CloudFront + WAF)      □ OGP画像自動生成                      □ コメント機能 (giscus)
✓ GitHub Actions CI/CD                 □ 検索精度向上 (スコアリング改善)       □ 多言語対応 (英語記事)
✓ Markdown管理 + フロントマター         □ RSSリーダー対応強化                  □ 記事統計ダッシュボード
✓ シンタックスハイライト (Shiki)        □ パフォーマンス計測・改善             □ 外部投稿との連携 (Zenn同期)
✓ KaTeX数式 + Mermaid図解
✓ Fuse.js 全文検索
✓ シリーズ記事ナビゲーション
✓ ダーク/ライトテーマ
✓ 関連記事レコメンド
✓ RSS フィード生成
✓ 23記事公開 (4シリーズ)