Astro（アストロ）

WordPressからEmDashへの移行を完全解説。WXRエクスポート、EmDash Exporterプラグイン、カスタム投稿タイプ変換、メディア移行、Astroテーマ対応まで実践的なステップを紹介します。

Hono（超軽量Webフレームワーク）+ Inertia.js（サーバ駆動SPAアダプタ）+ React の組み合わせは、Next.js でも Remix でもない第三のフルスタック構成として2026年に注目されています。本記事ではスタックの全体像、各層の役割、Next.js / Remix / Laravel + Inertia との比較、向く案件・向かない案件、Cloudflare Workers / Bun / Node の使い分けを実務目線で整理します。

Webサイトの表示速度を改善するための実践的な手法を解説。LCP・FID・CLSの最適化方法から画像圧縮・CDN活用まで、品川区のWeb制作会社が具体的なパフォーマンスチューニング手法をお伝えします。

**Flue Framework**（[公式](https://flueframework.com/) / [1.0 Beta 発表ブログ](https://flueframework.com/blog/flue-1-0-beta/) / [Cloudflare 提携ブログ](https://blog.cloudflare.com/agents-platform-flue-sdk/)）は、**Astro チーム** が2026年6月17日週に **1.0 Beta として公開した TypeScript の AI エージェント・ハーネスフレームワーク**。**Write once, deploy anywhere, use any LLM** をコンセプトに、Slack・GitHub・Linear・Discord・Notion・Stripe・Shopify・Teams・Telegram・Twilio・WhatsApp など **25+ のチャネル連携** を最初から搭載しています。 **3層構成**: - **Framework layer**: **Flue**（プロジェクト構造・規約・統合・CLI） - **Harness layer**: **Pi**（agentic loop、tool 呼出、context 管理） - **Runtime layer**: **[Cloudflare Agents SDK](../columns/cloudflare-durable-objects-2026-07)**（compute・state・storage） **Cloudflare 統合の核心**: Flue を Cloudflare にデプロイすると **各エージェントが Durable Object になる**（[前作コラム参照](../columns/cloudflare-durable-objects-2026-07)）。`runFiber()` / `stash()` / `onFiberRecovered()` で **SQLite checkpoint** を取り、障害後の自動再開が可能。**`@cloudflare/codemode`**（Dynamic Workers で agent-generated TypeScript を安全実行、**10ms 未満起動・$0.002/load**）、**`@cloudflare/shell`**（SQLite バック virtual filesystem）、**`@cloudflare/dynamic-workflows`**（永続化 + retry + 外部承認対応の workflow）を組み合わせた実装。 **5つのコアプリミティブ**: 1. **Agents** — 自律的な context-aware エージェント 2. **Workflows** — 決定論的ステップ実行 3. **Sandboxes** — 安全なツール実行環境 4. **Channels** — Slack / GitHub / Linear / Discord / Notion / Stripe / Shopify 等 25+ 5. **Durable Streams** — event 転送（受信済み work は消えない） **その他機能**: **`@flue/react`**（`useFlueAgent` / `useFlueWorkflow` フックでフロントエンドから直結）、**`@flue/sdk`**（デプロイ済みエージェントへのクライアント）、**`flue add`**（shadcn 風の統合スキャフォールド）、**Subagents**（役割分担）、**Tools & Skills**（型付き API アクション + 再利用可能な expertise）、**[MCP](../columns/agmsg-cross-agent-messaging-cli-ai-2026-06) 統合**、**Observability**（OpenTelemetry / Braintrust / Sentry）。 **マルチデプロイ**: Cloudflare Workers / Node.js / AWS / Docker / Railway / Render / Vercel / Fly / GitLab CI / SST。**DB**: PostgreSQL / Supabase / MongoDB / MySQL / Redis。 **背景**: Astro（[astro.build](https://astro.build/) の Web フレームワーク）チームが **自社の GitHub リポジトリ内で AI ワークフローを自動化するために社内利用していたエンジン** を汎用フレームワーク化。Astro チームは **DX（Developer Experience）設計で定評** があり、CLI と統合の洗練度が持ち味。 **位置付け**: Cloudflare Agents SDK 上の **最初の主要な agent framework**、[Claude Code](../columns/claude-code-agent-view-parallel-orchestration-2026) や他の coding agent と同じ **harness-driven architecture**、そして [LangChain / LlamaIndex / AutoGen / CrewAI / Mastra](../columns/agmsg-cross-agent-messaging-cli-ai-2026-06) の系列にも属さない **フレームワーク層に特化した「軽さ + 統合の広さ」** で差別化。バグトリアージエージェントを **25 行以下で実装** できる例が公式デモ。