ブログ
Velite × Next.js でトップページに注目記事セクションを追加する
再利用できる3つのパターン：Velite の default(false) による安全なスキーマ拡張、MAX_TAGS によるタグ溢れ対策、空のとき自動的に消えるセクションの条件付きレンダリング。
ブログ
すべてのブログ記事一覧
ブログ
Strands Agents SDK 入門 — マルチエージェントで専門家チームを作る
Strands Agents SDK の Agents as Tools パターンで複数エージェントを協調させる。要約エージェントと翻訳エージェントをオーケストレーターが連携させる実例をコードとメトリクスで確認する。
ブログ
Strands Agents SDK 入門 — 会話の記憶とコンテキスト管理
Strands Agents SDK のマルチターン会話と SlidingWindowConversationManager を実際に動かし、エージェントが会話を記憶する仕組みとコンテキストウィンドウの管理方法をコードで確認する。
ブログ
Strands Agents SDK 入門 — MCP で外部ツールを接続する
Strands Agents SDK に MCP (Model Context Protocol) サーバーを接続し、外部ツールでエージェントを拡張する。AWS ドキュメント検索 MCP サーバーを実際に動かし、自作ツールとの併用パターンをコードとメトリクスで確認する。
ブログ
Strands Agents SDK 入門 — カスタムツールの設計パターン
Strands Agents SDK のカスタムツールを深掘りする。ツールの連鎖でマルチステップ動作を実現し、エラー時の LLM の挙動やシステムプロンプトによる出力制御を実際のコードとメトリクスで確認する。
ブログ
Strands Agents SDK 入門 — Quickstart でエージェントループを理解する
Strands Agents SDK の Python Quickstart を実際に動かし、エージェントループ・カスタムツール・メトリクスの仕組みをコード付きで解説する。わずか数十行で動くエージェントの手軽さと設計思想が見えてくる。
ブログ
Next.js ブログに関連記事セクションを追加する
カテゴリとタグの共通性でスコアリングするシンプルなアルゴリズムで関連記事を表示する。ML も全文検索も不要 — メタデータの重み付けと既存関数だけで十分だった。
ブログ
Next.js ブログにカテゴリ一覧・タグ一覧ページを追加する
個別ページはあるのに一覧がなかった問題を解決。データ層のコードは一切追加不要 — 既存のヘルパー関数がそのまま新ページに組み合わさった。
ブログ
Next.js ブログに動的 OG 画像を自動生成する
opengraph-image.tsx と Satori でビルド時に記事ごとの OG 画像を静的生成する。最大の落とし穴は Satori のインラインスタイル制約 — Tailwind も className も使えない。
ブログ
Next.js ブログのレスポンシブ対応 — backdrop-filter の罠で全部壊れた話
ハンバーガーメニュー、レスポンシブスペーシング、タッチターゲットを追加。最大の学びは、CSS の backdrop-filter が fixed 子要素の包含ブロックを暗黙的に作るという仕様だった。