https://the3396.com/articles/agent-sandbox-egress-policy ネットワークの層だけ空いていた https://the3396.com/images/posts/agent-sandbox-egress-policy/thumbnail.png Agentのegress（外向き通信）をどこまで許すか。コミット済みの設定で見つけた前方一致のgh apiとCIのキー受け渡しを塞いだ記録と、宛先・DNS・credential・監査・例外を1枚に書く書式、監査スクリプトを載せる。 https://the3396.com/videos/posts/agent-sandbox-egress-policy/short-video.mp4 AI Agent 2026-10-14T00:00:00.000Z yes no no 2026-10-14T00:00:00.000Z weekly 0.7 https://the3396.com/articles/agent-memory-security-boundary 長期記憶に入れてはいけないもの https://the3396.com/images/posts/agent-memory-security-boundary/thumbnail.png エージェントの長期記憶に保存しないもの（秘匿値、個人情報、権限を変える指示、実行設定など）の判断表と、書き込み時の検査、TTL と revoke の分け方を、OWASP ASI06 と Claude Code の仕様で整理する。 https://the3396.com/videos/posts/agent-memory-security-boundary/short-video.mp4 AI Agent 2026-10-12T00:00:00.000Z yes no no 2026-10-12T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-dev-verification-capacity レビュー待ちが伸びる条件 https://the3396.com/images/posts/ai-dev-verification-capacity/thumbnail.png AI で生成量を増やすと、どんな条件でレビュー待ちが伸びるのか。検証を有限の容量としてモデル化し、稼働率と待ちの非線形な関係を待ち行列の式で示す。自リポ 539 PR の層別実測と計測スクリプト付き。 https://the3396.com/videos/posts/ai-dev-verification-capacity/short-video.mp4 AI開発 2026-10-07T00:00:00.000Z yes no no 2026-10-07T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-search-to-cv-design AI検索流入をCVに変える設計 https://the3396.com/images/posts/ai-search-to-cv-design/thumbnail.png AI検索流入は「クリックを取る」より「クリック後の期待値に応える」設計が効く。CVが死ぬ3パターンを挙げ、TL;DR・比較表・関連記事導線・マイクロCVの4点セットを階段として置く手順を示す。 https://the3396.com/videos/posts/ai-search-to-cv-design/short-video.mp4 SEO 2026-03-31T00:00:00.000Z yes no no 2026-10-05T00:00:00.000Z weekly 0.7 https://the3396.com/articles/geo-entity-design GEOエンティティ設計 https://the3396.com/images/posts/geo-entity-design/thumbnail.png AI検索（ChatGPT・Gemini・Perplexity）に引用されるGEOエンティティ設計を解説。Schema.org実装例・Knowledge Graph接続・エンティティ明示化手順を実務レベルで紹介。 https://the3396.com/videos/posts/geo-entity-design/short-video.mp4 GEO 2026-07-02T00:00:00.000Z yes no no 2026-10-05T00:00:00.000Z weekly 0.7 https://the3396.com/articles/geo-measurement-tools GEO計測ツール総覧2026：AI引用を追跡する現実的な方法 https://the3396.com/images/posts/geo-measurement-tools/thumbnail.png AI検索での引用計測に使える現実的なツールとワークフローを総覧。ブランドモニタリング・手動テスト・GSC活用を組み合わせた週次・月次サイクルを解説します。AI引用の完全自動計測は2026年時点でまだ実現していません https://the3396.com/videos/posts/geo-measurement-tools/short-video.mp4 GEO 2026-07-13T00:00:00.000Z yes no no 2026-10-05T00:00:00.000Z weekly 0.7 https://the3396.com/articles/agentic-misalignment-guardrails 人間に戻す規約を数えた https://the3396.com/images/posts/agentic-misalignment-guardrails/thumbnail.png Anthropicは人為的シナリオで、直接の指示は有害行動を減らしたが防ぎ切れなかったと報告した。本リポジトリの規約10本（うち人間に戻す5本）を検査と突合し、判断を違反入力で拒否する検査がref 584ddf10時点で0本だった記録。 https://the3396.com/videos/posts/agentic-misalignment-guardrails/short-video.mp4 AI Agent 2026-09-30T00:00:00.000Z yes no no 2026-09-30T00:00:00.000Z weekly 0.7 https://the3396.com/articles/agent-eval-ci-quality-gate Agent変更はevalで止める https://the3396.com/images/posts/agent-eval-ci-quality-gate/thumbnail.png prompt・skill の変更は文面検査では止まりません。静的ガードが例外追加を exit 0 で通した実測から、eval dataset、score threshold、CI 失敗条件、cost/latency gate を整理します。 https://the3396.com/videos/posts/agent-eval-ci-quality-gate/short-video.mp4 AIエージェント 2026-09-25T00:00:00.000Z yes no no 2026-09-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-coding-cost-per-outcome AI費用は成果1件で測る https://the3396.com/images/posts/ai-coding-cost-per-outcome/thumbnail.png AI コーディングの費用を、トークン単価ではなく受け入れられた PR 1 件あたりの原価で測る。捨てた試行と手戻りを分子に入れる式、公式単価での例示計算、手戻りの定義で比率が 29% にも 100% にもなる実測を記録する。 https://the3396.com/videos/posts/ai-coding-cost-per-outcome/short-video.mp4 AI開発 2026-09-25T00:00:00.000Z yes no no 2026-09-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-dev-kpi-verified-outcome 累積KPIは必ず達成 https://the3396.com/images/posts/ai-dev-kpi-verified-outcome/thumbnail.png 生成行数やトークン量のような累積カウンタ型のKPIは定義上単調で、悪化を表現できない。git履歴で確かめると、判定を確定できた15対象のうち12が一度も純減していなかった。検証済み成果に分母を与える手順を記録する。 https://the3396.com/videos/posts/ai-dev-kpi-verified-outcome/short-video.mp4 AI開発 2026-09-09T00:00:00.000Z yes no no 2026-09-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-regression-testing AIを使った回帰テスト戦略：変更が安全かを機械的に判断する https://the3396.com/images/posts/ai-regression-testing/thumbnail.png AI生成コードは変更範囲が広く、コンテキスト外の副作用が起きやすい。変更影響範囲の自動特定・スマートテスト選択・AIによるテストケース追加生成・CI自動判定の4ステップで安全性を機械的に担保する。 https://the3396.com/videos/posts/ai-regression-testing/short-video.mp4 AI 2026-07-22T00:00:00.000Z yes no no 2026-09-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-testing-ci-quality-gate リスクベースCI品質ゲート設計 https://the3396.com/images/posts/ai-testing-ci-quality-gate/thumbnail.png AI生成PRの量にレビューが追いつかないなら CI 側で振り分ける。リスクスコアリングでテスト深度を動的に変え、低リスクPRは自動マージ、高リスクPRは重点テスト＋人間レビューへ回す設計。 https://the3396.com/videos/posts/ai-testing-ci-quality-gate/short-video.mp4 AI 2026-02-19T00:00:00.000Z yes no no 2026-09-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/codex-cost-optimization Codex コスト最適化2026：API料金を抑え品質を維持 https://the3396.com/images/posts/codex-cost-optimization/thumbnail.png Codex APIのコストをキャッシュ・バッチ・モデル選択・トークン設計の4軸で最適化する実践ガイド。月間1,000リクエスト想定のbefore/after試算表とコスト監視スニペットを付けて解説する。 https://the3396.com/videos/posts/codex-cost-optimization/short-video.mp4 Codex 2026-07-27T00:00:00.000Z yes no no 2026-09-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/llm-output-quality-gate LLM品質ゲート設計 https://the3396.com/images/posts/llm-output-quality-gate/thumbnail.png RAGAS・LLM-as-Judge・rule-based evalの使い分けからCI/CDへの組み込みまで、LLM出力品質ゲートの設計手順を実践的に解説。評価→記録→ゲート→通知の自動化パイプラインで品質劣化を早期検知する。 https://the3396.com/videos/posts/llm-output-quality-gate/short-video.mp4 LLM 2026-06-19T00:00:00.000Z yes no no 2026-09-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/vibe-coding-token-economics Vibe Codingコスト最適化 https://the3396.com/images/posts/vibe-coding-token-economics/thumbnail.png Vibe Coding が広がる2026年、トークン消費量の最適化が開発コストとレイテンシの両方を左右する。コンテキスト戦略・cache 戦略・ROI 計算式を、Qiita のトレンド議論と現場知見から整理する。 https://the3396.com/videos/posts/vibe-coding-token-economics/short-video.mp4 Vibe Coding 2026-05-25T00:45:00.000Z yes no no 2026-09-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-code-readability AIコードの可読性を担保するレビュー基準と命名設計 https://the3396.com/images/posts/ai-code-readability/thumbnail.png AI生成コード固有の可読性問題を「命名の一貫性なし」「過剰抽象化」「コメント意図不明」「コンテキスト依存変数名」「重複実装」の5類型で整理し、レビュー基準・命名規約・ESLintルールを設計する。 https://the3396.com/videos/posts/ai-code-readability/short-video.mp4 AI 2026-06-24T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-code-review-deterministic-structure 壊れているのは構造 https://the3396.com/images/posts/ai-code-review-deterministic-structure/thumbnail.png AIコードレビューの再現性を決めるのはモデルではなく外側の構造。対象選定・粒度・位置決め・検証層の置き場所を Open Code Review の実装で確認し、構造を入れただけでは効かないことを失敗台帳10行で裏づけた。 https://the3396.com/videos/posts/ai-code-review-deterministic-structure/short-video.mp4 AIコードレビュー 2026-09-16T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-code-review-river-reviewer AIコードレビューを導入する実践ガイド https://the3396.com/images/posts/ai-code-review-river-reviewer/thumbnail.png River Review（旧 river-reviewer）のSkill Registryでチームのレビュー知見を組織資産に変える、AIコードレビューの段階的導入ガイド。フェーズ別ロードマップと人間レビューとの役割分担を解説。 https://the3396.com/videos/posts/ai-code-review-river-reviewer/short-video.mp4 AIコードレビュー 2026-06-17T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-design-system AIとデザインシステムを共創する https://the3396.com/images/posts/ai-design-system/thumbnail.png AI はデザイントークンを知らずに色をハードコードする。Storybook＋Chromatic＋トークンチェックで「品質ゲート as コード」を組み、AI を破壊者から協力者に変えるフロントエンド協働ワークフロー。 https://the3396.com/videos/posts/ai-design-system/short-video.mp4 AI 2026-06-27T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-productivity-paradox AI生産性パラドックスの正体 https://the3396.com/images/posts/ai-productivity-paradox/thumbnail.png AI導入で実装速度が上がってもチケットが消えないパラドックスの本質を解明し、検証自動化によってスループットを回復させる具体策を解説する。AIコーディングツールで個人の「書く速度」は確かに上がる（体感 +30%） https://the3396.com/videos/posts/ai-productivity-paradox/short-video.mp4 AI 2026-02-05T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-ai-search-citation Claude検索引用条件2026 https://the3396.com/images/posts/claude-ai-search-citation/thumbnail.png Claude.aiはAnthropic独自の検索拡張（RAG）でウェブを参照し、信頼性・構造・明確な事実陳述を重視して引用先を選ぶ。Claude検索に引用される記事設計の条件を、Anthropicの公式情報と実観測データをもとに解説する。 https://the3396.com/videos/posts/claude-ai-search-citation/short-video.mp4 Claude 2026-07-29T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/codex-code-review-auto Codexでコードレビューを自動化：PR差分解析と設計 https://the3396.com/images/posts/codex-code-review-auto/thumbnail.png Codex CLIでPR差分を解析しレビューコメントを自動生成するパイプラインの設計と実装ガイド。GitHub Actions完全YAML例・プロンプトテンプレート・AI/人間の境界設計まで解説します。 https://the3396.com/videos/posts/codex-code-review-auto/short-video.mp4 Codex 2026-07-08T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/codex-vs-claude-code Codex vs Claude Code 使い分け2026 https://the3396.com/images/posts/codex-vs-claude-code/thumbnail.png Codex（o3モデル）と Claude Code の技術特性をタスク別に比較。コードレビュー・テスト生成・リファクタリング・新機能実装・ドキュメント生成の5タスクで使い分けフローチャートと総合比較表を提供します。 https://the3396.com/videos/posts/codex-vs-claude-code/short-video.mp4 Codex 2026-06-28T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/gemini-search-citation-2026 Gemini検索引用設計2026 https://the3396.com/images/posts/gemini-search-citation-2026/thumbnail.png Google AI OverviewsとGemini Advancedの両方に引用されるコンテンツを設計する二重最適化フレームワーク。structured data・E-E-A-T・スニペット設計を統合した実装チェックリストを提供します。 https://the3396.com/videos/posts/gemini-search-citation-2026/short-video.mp4 GEO 2026-07-30T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/geo-faq-design GEO向けFAQ設計 https://the3396.com/images/posts/geo-faq-design/thumbnail.png AI検索に引用されるFAQの設計方法を解説。疑問詞別・意図別のFAQパターン表とFAQPage JSON-LDの実装例、さらに既存記事への後付け改修手順まで網羅した、実務ですぐ使える実践的なガイドです。 https://the3396.com/videos/posts/geo-faq-design/short-video.mp4 GEO 2026-07-07T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/geo-seo-integrated-strategy GEO×SEO統合戦略：両立させるコンテンツ設計の実践 https://the3396.com/images/posts/geo-seo-integrated-strategy/thumbnail.png SEO運用中のコンテンツ担当者向けに、GEOとSEOを相反させず両立するコンテンツ設計の具体的ワークフローと計測指標を解説します。「AI検索対応を始めたいが、今のSEO評価が崩れるのが怖い」——この声をコンテンツ担当者からよく聞きます。 https://the3396.com/videos/posts/geo-seo-integrated-strategy/short-video.mp4 GEO 2026-06-18T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/geo-vs-seo-2026 GEOとSEOの違い https://the3396.com/images/posts/geo-vs-seo-2026/thumbnail.png GEO は SEO の置き換えではなく追加レイヤー。AI検索が英語情報クエリの推定12-18%を処理する2026年に、引用適性とデータリッチネスという GEO 固有の要件と、SEO と重なる土台を整理する。 https://the3396.com/videos/posts/geo-vs-seo-2026/short-video.mp4 GEO 2026-05-28T13:30:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/google-ai-overviews-optimization AI Overviews対策 https://the3396.com/images/posts/google-ai-overviews-optimization/thumbnail.png Pew Research Center の調査では、2025年3月の米国の Google 検索の約18%で AI 要約が表示された。SEO の土台に結論先出し・FAQ・リストを足し、AI Overviews に引用される構造を設計する。 https://the3396.com/videos/posts/google-ai-overviews-optimization/short-video.mp4 Google AI Overviews 2026-05-28T23:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/guard-fix-pr-reintroduces-hole 穴を塞ぐPRが穴を掘る https://the3396.com/images/posts/guard-fix-pr-reintroduces-hole/thumbnail.png ガードの穴を塞ぐPRが同じ型の穴を掘った実例5件を、PR番号・コミット・失敗台帳の行で示す。無力化の座標が実装→配線→CIのrun:→その外側のYAML→判定関数の内部へ1段ずつ移る構造を再現手順つきで。 https://the3396.com/videos/posts/guard-fix-pr-reintroduces-hole/short-video.mp4 ガードレール 2026-09-10T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/platform-engineering-budget-2026 Platform予算2026 https://the3396.com/images/posts/platform-engineering-budget-2026/thumbnail.png Platform Engineering 予算を CNCF 5次元のどこにいくら配分するか。2026年は中央値が倍増し、リーダー組織は $5-10M。AI 統合ラインの独立計上と Measurement 10% 確保を軸に整理する。 https://the3396.com/videos/posts/platform-engineering-budget-2026/short-video.mp4 Platform Engineering 2026-05-28T01:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/platform-maturity-measurement-gap 成熟度ギャップ脱出 https://the3396.com/images/posts/platform-maturity-measurement-gap/thumbnail.png Platform Engineering の 29.6% は成功を測っていない。CNCF 5次元成熟度モデルで自社を自己診断し、4週間で1 KPI を運用に乗せてギャップを脱出する手順と、四半期ごとの底上げ計画を示す。 https://the3396.com/videos/posts/platform-maturity-measurement-gap/short-video.mp4 Platform Engineering 2026-05-28T04:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/river-reviewer-intro-context-engineering レビュー知を資産に変える https://the3396.com/images/posts/river-reviewer-intro-context-engineering/thumbnail.png River Review（旧 river-reviewer）は、レビュー知識を Agent Skills として資産化する OSS の AI コードレビューフレームワーク。Context Engineering の考え方と始め方を解説。 https://the3396.com/videos/posts/river-reviewer-intro-context-engineering/short-video.mp4 AI 2026-05-31T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/river-reviewer-skill-registry レビュー知をスキルにする https://the3396.com/images/posts/river-reviewer-skill-registry/thumbnail.png River Review の Skill Registry を中級者向けに解説。レビュー知を versioned Agent Skills として明示化し、上流/中流/下流のフェーズ別に運用する具体手順を一次情報で整理する。 https://the3396.com/videos/posts/river-reviewer-skill-registry/short-video.mp4 AI 2026-06-14T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/searchgpt-citation-strategy SearchGPT引用設計2026 https://the3396.com/images/posts/searchgpt-citation-strategy/thumbnail.png SearchGPT（ChatGPT Search）に引用される記事設計を解説。Bing連携・コンテキスト一致・信頼性スコアの引用ロジックを逆算し、冒頭設計・FAQ構造・即適用チェックリスト10項目を提供します。 https://the3396.com/videos/posts/searchgpt-citation-strategy/short-video.mp4 GEO 2026-06-30T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/sns-cv-article-design SNS流入でCVを取る設計 https://the3396.com/images/posts/sns-cv-article-design/thumbnail.png SNS流入をCVへつなげる記事設計を、モバイル前提の構成、CTAの段差、導線の置き方から整理します。本記事は統合済みで、最新版は後継記事「SNS流入でCVを取る記事設計」（sns-to-cv-article-design）にあります。 https://the3396.com/videos/posts/sns-cv-article-design/short-video.mp4 SNSマーケティング 2026-03-25T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/structured-data-for-ai-citation 構造化データGEO https://the3396.com/images/posts/structured-data-for-ai-citation/thumbnail.png 構造化データはAI引用に直接効くのか。GoogleはAI機能に特別なschemaは不要と明言している。それでも入れる理由、schema.org準拠のJSON-LD最小例、検証ツールの使い分けをまとめる。 https://the3396.com/videos/posts/structured-data-for-ai-citation/short-video.mp4 構造化データ 2026-05-29T07:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/technical-content-geo-optimization 技術記事のGEO最適化 https://the3396.com/images/posts/technical-content-geo-optimization/thumbnail.png 技術記事がAI検索エンジンに引用されやすい構造的理由を解説。コードブロック設計・数値データ配置・実装手順の構造化パターンを具体例付きで紹介し、技術ブログ運営者がすぐ実践できるGEOチェックリストを提供する。 https://the3396.com/videos/posts/technical-content-geo-optimization/short-video.mp4 GEO 2026-08-02T00:00:00.000Z yes no no 2026-09-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/good-abstraction-design 良い抽象化の境界線 https://the3396.com/images/posts/good-abstraction-design/thumbnail.png 早すぎる抽象化（早すぎる一般化）とは、まだ存在しない要求を見越して先に共通化・汎用化すること。過剰抽象と不足抽象の境界を Rule of Three と変更理由を軸にコード比較で示し、AI生成コードの罠も解説。 https://the3396.com/videos/posts/good-abstraction-design/short-video.mp4 設計 2026-06-06T00:00:00.000Z yes no no 2026-09-23T00:00:00.000Z weekly 0.7 https://the3396.com/articles/llm-guardrails-design LLMガードレール https://the3396.com/images/posts/llm-guardrails-design/thumbnail.png ガードレールは input validation／output filtering／prompt injection 対策の3レイヤーで組む。prompt injection は完全防御できない前提で権限最小化に寄せる実装パターン。 https://the3396.com/videos/posts/llm-guardrails-design/short-video.mp4 LLM 2026-05-27T23:45:00.000Z yes no no 2026-09-23T00:00:00.000Z weekly 0.7 https://the3396.com/articles/llm-observability-stack LLMオブザーバビリティ https://the3396.com/images/posts/llm-observability-stack/thumbnail.png LLM 本番運用に必要なオブザーバビリティを trace / eval / cost の3軸で統合する設計と、Langfuse・Helicone・LangSmith の比較を、Zennのトレンド議論を参照しながら整理する。 https://the3396.com/videos/posts/llm-observability-stack/short-video.mp4 LLM 2026-06-03T00:30:00.000Z yes no no 2026-09-23T00:00:00.000Z weekly 0.7 https://the3396.com/articles/llm-production-operation-checklist LLM本番運用の要諦 https://the3396.com/images/posts/llm-production-operation-checklist/thumbnail.png LLMアプリが「作る」から「動かし続ける」に移行した2026年、本番運用に必要な監視・SLO・フォールバック・コスト制御の実装パターンを、Google Cloud Next '26 とNLP2026の議論を参照しながら整理する。 https://the3396.com/videos/posts/llm-production-operation-checklist/short-video.mp4 LLM 2026-05-23T23:30:00.000Z yes no no 2026-09-23T00:00:00.000Z weekly 0.7 https://the3396.com/articles/plangate-intro-gate-driven-dev 承認なしにコードを書かせない https://the3396.com/images/posts/plangate-intro-gate-driven-dev/thumbnail.png PlanGate は、人間が承認した計画なしに AI へコードを書かせない OSS（MIT）のゲート型ワークフローハーネス。C-3／C-4 の承認ゲートと Level 1〜5 の段階導入を、公式リポジトリの一次情報で入門解説。 https://the3396.com/videos/posts/plangate-intro-gate-driven-dev/short-video.mp4 AI 2026-05-24T00:00:00.000Z yes no no 2026-09-23T00:00:00.000Z weekly 0.7 https://the3396.com/articles/plangate-v86-hook-enforcement AIに承認なしコードを書かせない https://the3396.com/images/posts/plangate-v86-hook-enforcement/thumbnail.png PlanGate v8.6.0 の Hook Enforcement 10 種と Metrics v1 で AI コーディングを統治する。CTO/EM 向けに承認境界・監査可能性・スクラム親和性の設計を整理する。 https://the3396.com/videos/posts/plangate-v86-hook-enforcement/short-video.mp4 AI 2026-05-01T00:00:00.000Z yes no no 2026-09-23T00:00:00.000Z weekly 0.7 https://the3396.com/articles/rag-production-patterns RAG本番運用パターン https://the3396.com/images/posts/rag-production-patterns/thumbnail.png RAG（Retrieval-Augmented Generation）を本番運用するための評価ループ、embedding 更新、再ランクの設計パターンを、Zenn の AI 実践ガイドを参照しながら2026年版として整理する。 https://the3396.com/videos/posts/rag-production-patterns/short-video.mp4 RAG 2026-06-02T00:15:00.000Z yes no no 2026-09-23T00:00:00.000Z weekly 0.7 https://the3396.com/articles/seo-vs-sns-article-design SEO vs SNS 記事設計の違い https://the3396.com/images/posts/seo-vs-sns-article-design/thumbnail.png SNSはSEOの順位を直接上げるのか。Google公式資料で確かめられる範囲を整理し、SNSと検索の役割分担、構成・文体・CTAの設計差分、1つのネタを2チャネルで展開する手順を解説する。 https://the3396.com/videos/posts/seo-vs-sns-article-design/short-video.mp4 SEO 2026-03-20T00:00:00.000Z yes no no 2026-09-23T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ab-testing-engineering-org A/Bテスト組織運営 https://the3396.com/images/posts/ab-testing-engineering-org/thumbnail.png A/Bテストはツール導入だけでは回らない。実験基盤 / 統計設計 / 意思決定の3層を連結して初めて質が上がる。年25,000+実験の Microsoft ExP と毎日1,000+並列の Booking.com を参照。 https://the3396.com/videos/posts/ab-testing-engineering-org/short-video.mp4 A/Bテスト 2026-05-28T06:30:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/agent-blast-radius-design 禁止リストは効かない https://the3396.com/images/posts/agent-blast-radius-design/thumbnail.png 危険なコマンド名を列挙しても被害範囲は狭まらない。deny 19件を数え、危険コマンドを止めるはずのフックが本番の payload 形状では1件も止めていなかった実測を修正前後の対照つきで記録。 https://the3396.com/videos/posts/agent-blast-radius-design/short-video.mp4 AI Agent 2026-09-08T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/agent-engineering-shift エージェントEng転換入門 https://the3396.com/images/posts/agent-engineering-shift/thumbnail.png プロンプトを磨く時代は終わり、AI にゴール・道具・権限を渡して自律的に動かす段階へ。エージェントエンジニアリングの設計軸は Context・Capability・Critical Thinking の3要素。 https://the3396.com/videos/posts/agent-engineering-shift/short-video.mp4 AI Agent 2026-02-11T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/agent-observability AIエージェント観測の最小設計 https://the3396.com/images/posts/agent-observability/thumbnail.png AIエージェント可観測性の最小スキーマは、3階層 span ＋構造化ログ＋error taxonomy 5分類。症状から修正までの5ステップ解析フローを OpenTelemetry GenAI 準拠で解説する。 https://the3396.com/videos/posts/agent-observability/short-video.mp4 AIエージェント 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/agent-operational-memory-lifecycle 知識の寿命を測る https://the3396.com/images/posts/agent-operational-memory-lifecycle/thumbnail.png エージェントの memory を schema / provenance / expiry / rollback の4軸で設計する。知識ストア3つを実測すると last_verified は31件中3件しか生きていなかった。 https://the3396.com/videos/posts/agent-operational-memory-lifecycle/short-video.mp4 AI Agent 2026-09-09T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/agent-skill-hub AIスキル定義で即戦力化 https://the3396.com/images/posts/agent-skill-hub/thumbnail.png プロンプトは「魔法の言葉探し」から再利用可能な資産へ。スキル定義ファイル、思考プロセスのパッケージ化（CoT Packaging）、自律ループの構築までを全3章で扱うシリーズのハブページ。 https://the3396.com/videos/posts/agent-skill-hub/short-video.mp4 Prompt Engineering 2026-02-17T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/agents-api-responsibility-boundary 外注できるのはどこか https://the3396.com/images/posts/agents-api-responsibility-boundary/thumbnail.png OpenAI の Agents API は Codex harness を managed API として開放した。公式の4構成要素を確認し、自リポジトリの harness 60,841行を層ごとに数えて外注できる列を分けた。 https://the3396.com/videos/posts/agents-api-responsibility-boundary/short-video.mp4 AIエージェント 2026-09-15T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-accessibility-ci AIでWCAG準拠をCIに組み込む実装ガイド https://the3396.com/images/posts/ai-accessibility-ci/thumbnail.png axe-core + Playwright と Lighthouse スコアゲート（90以上）を GitHub Actions に組み込み、PR 段階で WCAG 2.1/2.2 違反を自動検出する。AI 修正提案と品質ゲート設計まで。 https://the3396.com/videos/posts/ai-accessibility-ci/short-video.mp4 アクセシビリティ 2026-07-10T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-agent-debug AIエージェントデバッグ入門 https://the3396.com/images/posts/ai-agent-debug/thumbnail.png 無限ループはステップカウンタ＋状態ハッシュ、ハルシネーションは実行前バリデーション、コンテキスト汚染はスライディングウィンドウで対処。AIエージェント3大障害を診断フローと実装コードで。 https://the3396.com/videos/posts/ai-agent-debug/short-video.mp4 AIエージェント 2026-07-21T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-agent-infrastructure AIエージェント基盤の設計 https://the3396.com/images/posts/ai-agent-infrastructure/thumbnail.png エージェントの自律性はモデル性能ではなく接続されたインフラで決まる。MCP による外部ツール接続の標準化と、文脈を揮発させない階層化ドキュメント管理という「手足」と「記憶」の設計を解説。 https://the3396.com/videos/posts/ai-agent-infrastructure/short-video.mp4 AI Agent 2026-02-10T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-agent-legible-repo-design AIが迷わないリポジトリ設計 4パターン https://the3396.com/images/posts/ai-agent-legible-repo-design/thumbnail.png Claude Code / Codex の出力が安定しない原因はプロンプトではなくリポジトリ構造側にある。ルール階層・エージェント定義・スキルとフックの棲み分け・作業コンテキスト外部化の4パターンを実リポジトリを例に解説。 https://the3396.com/videos/posts/ai-agent-legible-repo-design/short-video.mp4 Claude Code 2026-04-14T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-agent-runbook-design AI運用Runbook設計術 https://the3396.com/images/posts/ai-agent-runbook-design/thumbnail.png AI運用では「自動で直す」前に「安全に止める」手順がいる。検知・初動・切り戻し・再開条件の4要素で Runbook を設計し、人間の判断ポイントを先に固定して夜間対応の迷いをなくす。 https://the3396.com/videos/posts/ai-agent-runbook-design/short-video.mp4 AIエージェント 2026-03-10T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-bom-code-provenance AI-BOMを実測する https://the3396.com/images/posts/ai-bom-code-provenance/thumbnail.png SBOM は整備したのに、どの AI がどのコードを書いたかは棚卸しできていない。自リポジトリでコミット1,050本中325本（31.0%）しか帰属できず、収集源4層のうち2層は0件だった実測記録。 https://the3396.com/videos/posts/ai-bom-code-provenance/short-video.mp4 AI-BOM 2026-09-07T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-change-failure-analysis AI変更事故率の設計術 https://the3396.com/images/posts/ai-change-failure-analysis/thumbnail.png AI生成変更が増えればリリース回数は自然に増える。Change Failure Rate を障害件数だけでなく切り戻し・緊急修正まで含めて定義し、チームを責めずレビュー強度の調整に使う運用を整理。 https://the3396.com/videos/posts/ai-change-failure-analysis/short-video.mp4 AI開発 2026-03-10T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-coding-authz-boundary AI Agent 認可境界 4 モデル https://the3396.com/images/posts/ai-coding-authz-boundary/thumbnail.png AI Agent の認可を user×agent / agent×tool / agent×agent / agent×data の4モデルで整理し、OAuth 2.1・MCP scope・Capability token の実装例を示す。 https://the3396.com/videos/posts/ai-coding-authz-boundary/short-video.mp4 AI Agent 2026-05-07T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-coding-cfr-redefinition CFR を AI 時代に再定義 https://the3396.com/images/posts/ai-coding-cfr-redefinition/thumbnail.png AI導入後に Change Failure Rate が膨らむ3因子を整理し、AI-augmented と human-authored の失敗を分離する4ステップの再定義フレームを Tech Lead / EM 向けに提示する。 https://the3396.com/videos/posts/ai-coding-cfr-redefinition/short-video.mp4 DORA 2026-05-07T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-coding-incident-runbook-hub AI運用インシデントHub https://the3396.com/images/posts/ai-coding-incident-runbook-hub/thumbnail.png AIコーディング運用のインシデントを「AI暴走」「AI起因の本番障害」「観測欠落」「オンコール疲弊」の4種別に分類し、Runbook 最小構成・エスカレーション・Change Failure 連動・観測の5軸で束ねるハブ。 https://the3396.com/videos/posts/ai-coding-incident-runbook-hub/short-video.mp4 AI開発 2026-05-07T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-coding-observability-stack-2026 AI開発の可観測性スタック https://the3396.com/images/posts/ai-coding-observability-stack-2026/thumbnail.png AIコーディング運用の可観測性を、計測対象レイヤー（コード生成 / レビュー / マージ / 障害）と OpenTelemetry・eBPF・LangSmith・内製KPI の2軸で設計する。導入ロードマップと落とし穴つき。 https://the3396.com/videos/posts/ai-coding-observability-stack-2026/short-video.mp4 Observability 2026-05-07T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-coding-org-rollout AI導入の4段階展開 https://the3396.com/images/posts/ai-coding-org-rollout/thumbnail.png パイロットで効いたAIコーディングが全社展開で失速する原因は段階設計の欠如。Pilot / Champion / Wave / Steady の4段階モデルで、組織比率・メトリクスの安定・ガードレールの完成のAND条件で移行を判定する。 https://the3396.com/videos/posts/ai-coding-org-rollout/short-video.mp4 AI 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-crawler-control-2026 AIクローラー制御2026 https://the3396.com/images/posts/ai-crawler-control-2026/thumbnail.png GPTBot・Anthropic-AI・PerplexityBot・Googlebot-Extended の正式 User-agent 名と許可/拒否の判断フレームワーク、コピペで使える robots.txt テンプレ3パターン。 https://the3396.com/videos/posts/ai-crawler-control-2026/short-video.mp4 AIクローラー 2026-07-31T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-design-tokens デザイントークンをAIで管理する https://the3396.com/images/posts/ai-design-tokens/thumbnail.png デザイントークンが壊れる原因の大半は人間の見落とし。Style Dictionary / Tokens Studio のトークンJSON を LLM に渡し、命名ゆらぎ・型不一致・参照切れを CI で検出する。Actions サンプル付き。 https://the3396.com/videos/posts/ai-design-tokens/short-video.mp4 デザイントークン 2026-07-03T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-dev-context-debt コンテキスト負債を解消する https://the3396.com/images/posts/ai-dev-context-debt/thumbnail.png コンテキスト負債とは「今は進むが後で判断不能になる前提不足」。技術負債と違いレビュー段階で初めて痛みが出る。目的・非目的・受入条件を固定する Issue テンプレで実装精度を上げる。 https://the3396.com/videos/posts/ai-dev-context-debt/short-video.mp4 AI 2026-02-11T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-dev-onboarding AI駆動開発チームの新人育成設計 https://the3396.com/images/posts/ai-dev-onboarding/thumbnail.png AI駆動開発チームの新人が踏む失敗は「依存過多」「コンテキスト設計不能」「AI生成コードをレビューできない」の3類型。8週間カリキュラムの骨格、習熟度ルーブリック、チェックリストを提供する。 https://the3396.com/videos/posts/ai-dev-onboarding/short-video.mp4 AI開発 2026-06-21T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-dev-review-bottleneck PRレビュー詰まりを解消する https://the3396.com/images/posts/ai-dev-review-bottleneck/thumbnail.png PR詰まりの本質は量より「意図復元」の負荷。レビュアーが困るのはコードの良し悪しではなく「なぜこの変更か」が見えないこと。意図・影響範囲・証拠の3軸で診断し PR 粒度とテンプレを直す。 https://the3396.com/videos/posts/ai-dev-review-bottleneck/short-video.mp4 AI 2026-02-11T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-governance-declared-vs-effective AIガバナンスが効かない理由 https://the3396.com/images/posts/ai-governance-declared-vs-effective/thumbnail.png 規約も権限もガードも整備したのに効いている実感がないのは、宣言と実効が乖離しているから。乖離の4類型と、自分のリポジトリで乖離を検出する45分の実測手順、CI・hook で継続検知に載せる方法を解説。 https://the3396.com/videos/posts/ai-governance-declared-vs-effective/short-video.mp4 ガバナンス 2026-09-04T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-governance-risk-release リスクベースリリースの設計 https://the3396.com/images/posts/ai-governance-risk-release/thumbnail.png 全PRを同じ強度でレビューするとスループットが落ちる。低・中・高の3段階でゲートを分け、高リスクはテスト証拠とロールバック計画を必須に。未分類はマージ不可にして運用を定着させる。 https://the3396.com/videos/posts/ai-governance-risk-release/short-video.mp4 リリース管理 2026-02-11T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-image-generation-blog AI画像量産で技術ブログ運用を効率化する https://the3396.com/images/posts/ai-image-generation-blog/thumbnail.png AUTOMATIC1111・ComfyUI・Remotion を用途別に使い分け、外部有料API なしで OGP画像・アイキャッチ・図解をローカル量産する。本番運用中の自動生成ワークフローを実装例付きで解説。 https://the3396.com/videos/posts/ai-image-generation-blog/short-video.mp4 Stable Diffusion 2026-07-28T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-legible-repository-design AIが迷わないrepo設計 https://the3396.com/images/posts/ai-legible-repository-design/thumbnail.png CLAUDE.md を長くするだけでは AI は安定しない。subagents で役割を分け、hooks にガードレールを置き、継続知識は memory・最新状態は MCP と分ける設計を整理する。本記事は統合済みで、正典は別記事にある。 https://the3396.com/videos/posts/ai-legible-repository-design/short-video.mp4 Claude Code 2026-04-04T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-native-team-structure AIネイティブチーム組織設計2026 https://the3396.com/images/posts/ai-native-team-structure/thumbnail.png AIで実装は速くなった一方、レビュー・設計議論・オンボーディング・意思決定が詰まった。2026年のエンジニアリングチームを4つの組織パターンで整理し、レビュー再設計とマネジメント指標の変化を扱う。 https://the3396.com/videos/posts/ai-native-team-structure/short-video.mp4 エンジニアリング組織 2026-06-02T23:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-pair-programming-failures AIペアプロで逆に遅くなる5型 https://the3396.com/images/posts/ai-pair-programming-failures/thumbnail.png AIペアプロでチームが遅くなる原因を、コンテキスト不足・レビュー負荷爆増・責務不明確・過信・ペア不成立の5パターンで診断する。DORA 2024 と METR 2025 のデータ、15項目の診断チェックリストつき。 https://the3396.com/videos/posts/ai-pair-programming-failures/short-video.mp4 AIペアプロ 2026-04-09T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-pr-stacked-decomposition 巨大PRを層に分解する https://the3396.com/images/posts/ai-pr-stacked-decomposition/thumbnail.png AIが出した巨大PRを依存・レイヤー・リスクの3軸で分解する手順。直近140PRのサイズ分布と、実在する1,641行のPRを3層の Stacked PR へ分けて各層のテストを実測したデータまで示す。 https://the3396.com/videos/posts/ai-pr-stacked-decomposition/short-video.mp4 PR運用 2026-09-06T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-research-collaborator AIを研究の相棒にする https://the3396.com/images/posts/ai-research-collaborator/thumbnail.png AIをリサーチの「代理」ではなく「コラボレーター」に置き直し、検索・読解・統合・出力の4レイヤーに常駐させる。Source Notes と Synthesis Notes を分け、一次ソース率や決裁レイテンシを可視化する。 https://the3396.com/videos/posts/ai-research-collaborator/short-video.mp4 AI 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-review-delegate-boundary 外注するのは段取り https://the3396.com/images/posts/ai-review-delegate-boundary/thumbnail.png AIレビューの導入単位は「レビュー本体」とは限らない。Alibaba の Open Code Review には LLM を呼ばず、ファイル選定とルール解決だけを返す Delegation Mode がある。 https://the3396.com/videos/posts/ai-review-delegate-boundary/short-video.mp4 AIコードレビュー 2026-09-16T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-review-tool-set-closure 閉じた集合か検算する https://the3396.com/images/posts/ai-review-tool-set-closure/thumbnail.png 「ツールを絞れば挙動は安定する」の、その集合は閉じているか。Alibaba の Open Code Review を固定 SHA で読み、同じツール集合に 7 / 6 / 5 という3つの数が同居する構造を確かめた記録。 https://the3396.com/videos/posts/ai-review-tool-set-closure/short-video.mp4 AIコードレビュー 2026-09-16T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-spec-acceptance-first 受入条件ファーストで手戻り減 https://the3396.com/images/posts/ai-spec-acceptance-first/thumbnail.png 受入条件はレビュー後付けでは遅い。実装前に「何をもって完了か」を Example ベースで固定すると AI の出力精度が上がる。Red → Green → Refactor の短サイクルに落とす実践ガイド。 https://the3396.com/videos/posts/ai-spec-acceptance-first/short-video.mp4 TDD 2026-02-11T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-spec-issue-template Issueテンプレで要件を明確化 https://the3396.com/images/posts/ai-spec-issue-template/thumbnail.png Issue の品質は実装品質の先行指標。目的・非目的・制約・受入条件の4点セットをテンプレで強制すると AI は最適化先を誤りにくくなる。コードを書く前に仕様の穴を潰す運用ルールを実例で。 https://the3396.com/videos/posts/ai-spec-issue-template/short-video.mp4 Issue管理 2026-02-11T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-testing-strategy AIテスト戦略3層設計 https://the3396.com/images/posts/ai-testing-strategy/thumbnail.png AI生成コードの3つのテスト課題（意図不透明・非決定性・量の爆発）を定義し、テスト設計パターン・Contract Testing・リスクベースCI の3層で品質を「祈り」から仕組みに変える全体像。 https://the3396.com/videos/posts/ai-testing-strategy/short-video.mp4 AI 2026-02-19T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-api-guide-2026 Claude API完全実装ガイド https://the3396.com/images/posts/claude-api-guide-2026/thumbnail.png Claude API を本番で動かすまでの全工程。Messages API の最小実装からツール使用・ストリーミング・プロンプトキャッシュまでを TypeScript / Python のコード付きで。429/529 のリトライ戦略も。 https://the3396.com/videos/posts/claude-api-guide-2026/short-video.mp4 Claude API 2026-08-10T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-code-blog-factory Claude Codeブログ工場の作り方 https://the3396.com/images/posts/claude-code-blog-factory/thumbnail.png AIブログ量産で重要なのは「書かせる」ことではなく「コンテキストを与える」こと。ガバナンス層・実行層・改善層の三層構造で品質を担保する Claude Code の記事生産パイプラインを解説。 https://the3396.com/videos/posts/claude-code-blog-factory/short-video.mp4 Claude Code 2026-03-10T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-code-failure-patterns Claude Code失敗パターン https://the3396.com/images/posts/claude-code-failure-patterns/thumbnail.png Claude Code で頻発する hallucination・無限ループ・コンテキスト汚染・スコープクリープ・秘密情報リークの5パターンを、症状・原因・コードや設定例つきの対処法として体系化した。 https://the3396.com/videos/posts/claude-code-failure-patterns/short-video.mp4 Claude Code 2026-07-20T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-code-hooks-patterns Claude Code hooks配置 https://the3396.com/images/posts/claude-code-hooks-patterns/thumbnail.png Claude Code hooks の用途は「品質担保」「監査」「安全制御」の3つ。ライフサイクルと CI との責務分担から配置を決める判断軸、実装パターン、失敗時の復旧までを整理する。 https://the3396.com/videos/posts/claude-code-hooks-patterns/short-video.mp4 Claude Code 2026-04-19T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-code-hooks-practice Claude Code Hooks 実践 https://the3396.com/images/posts/claude-code-hooks-practice/thumbnail.png PreToolUse で危険コマンドをブロック、PostToolUse で自動フォーマット、Notification で Slack 通知。Claude Code Hooks の全4種別を、そのままコピーできる実装スクリプト付きで解説。 https://the3396.com/videos/posts/claude-code-hooks-practice/short-video.mp4 Claude Code 2026-06-25T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-code-subagents-design subagentsは粒度設計で決まる https://the3396.com/images/posts/claude-code-subagents-design/thumbnail.png subagents は数を増やせば速くなる機能ではない。タスク種別・コンテキスト汚染度・観点の独立性・統合コストの4軸で粒度を決め、設計パターン5選とアンチパターン3選を設定例付きで示す。 https://the3396.com/videos/posts/claude-code-subagents-design/short-video.mp4 Claude Code 2026-04-09T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-skills-vs-subagents Skill対Subagent5軸で選ぶ https://the3396.com/images/posts/claude-skills-vs-subagents/thumbnail.png Claude Skills と Subagents を、コンテキスト独立性・再利用主体・ツール権限・出力サイズ・呼出頻度の5軸で判定する。87 skill / 23 subagent を運用した実例3パターンと相互移行のレシピつき。 https://the3396.com/videos/posts/claude-skills-vs-subagents/short-video.mp4 Claude Skills 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/codex-subagents-guide Codex Subagentsの要点 https://the3396.com/images/posts/codex-subagents-guide/thumbnail.png Codex の subagents は並列化機能ではなく、探索やログのノイズを親スレッドから切り離すコンテキスト設計。自動起動ではなく明示トリガー前提という公式仕様と、2026年3月時点の実務観察を分けて整理する。 https://the3396.com/videos/posts/codex-subagents-guide/short-video.mp4 Codex 2026-03-30T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/coding-agent-model-migration Agentにも回帰テストを https://the3396.com/images/posts/coding-agent-model-migration/thumbnail.png Coding Agent のモデル更新でプロンプト資産と自動化を壊さない移行設計。モデル依存の3層棚卸し、Model Matrix、回帰テストの検知率を mutation で実測した自リポジトリのデータ（13変異中8検知）まで。 https://the3396.com/videos/posts/coding-agent-model-migration/short-video.mp4 AIエージェント 2026-09-06T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/content-freshness-for-ai-search AI検索の鮮度戦略 https://the3396.com/images/posts/content-freshness-for-ai-search/thumbnail.png AI検索は最新コンテンツを強く優先する。鮮度シグナルの4要素（公開日・更新日・統計の年度・参照先の新しさ）とリライトサイクル、「日付だけ更新」が逆効果な理由を運用に乗る形で整理する。 https://the3396.com/videos/posts/content-freshness-for-ai-search/short-video.mp4 GEO 2026-05-29T04:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/content-update-calendar-geo コンテンツ更新カレンダー設計 https://the3396.com/images/posts/content-update-calendar-geo/thumbnail.png AI検索に引用され続けるためのコンテンツ更新カレンダー運用設計。記事をA/B/Cティアに分類し、週次チェックと月次更新の2層で回す。更新すべき7要素チェックリストとテンプレートつき。 https://the3396.com/videos/posts/content-update-calendar-geo/short-video.mp4 GEO 2026-07-17T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/cycle-time-improvement Cycle Time 改善は定義から https://the3396.com/images/posts/cycle-time-improvement/thumbnail.png Cycle Time は定義を揃えた瞬間に改善の半分が終わる。Value Stream を5ステージに分けて境界を引き、中央値・90パーセンタイル・前月比Δでボトルネックを1つだけ選ぶ改善ループを計測テンプレつきで解説。 https://the3396.com/videos/posts/cycle-time-improvement/short-video.mp4 Cycle Time 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/data-inconsistency-prevention データ不整合の防ぎ方 https://the3396.com/images/posts/data-inconsistency-prevention/thumbnail.png データ不整合は race condition・eventual consistency の前提誤り・二重書き込み・分散トランザクションの4つに集中する。単一DBはロック、DBの外は冪等性＋outbox＋Saga という境界別の対策設計。 https://the3396.com/videos/posts/data-inconsistency-prevention/short-video.mp4 データ設計 2026-06-06T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/data-richness-for-llm-citation データリッチネス https://the3396.com/images/posts/data-richness-for-llm-citation/thumbnail.png AIは具体的な統計・数値・表・引用を含むコンテンツを引用しやすい。一次データの提示・比較表・出典付き数値・独自調査の4手法と見せ方、E-E-A-T との関係を実装パターンとして整理する。 https://the3396.com/videos/posts/data-richness-for-llm-citation/short-video.mp4 GEO 2026-05-29T05:30:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/dataops-for-product-teams DataOps実装2026 https://the3396.com/images/posts/dataops-for-product-teams/thumbnail.png DataOps は専任データチームのものではない。データ品質テスト / データ契約 / データ観測の3本柱を product team が自走で回す実装を、dbt test や4軸アラートの粒度で整理する。 https://the3396.com/videos/posts/dataops-for-product-teams/short-video.mp4 DataOps 2026-05-28T09:30:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/db-migration-failure-patterns DBマイグレーション事故を防ぐ https://the3396.com/images/posts/db-migration-failure-patterns/thumbnail.png DBマイグレーション事故の7割は NOT NULL カラム追加・インデックス追加のロック・NOT IN 問題の3パターン。expand-contract、ロールバック設計、online DDL で安全に乗り越える手順。 https://the3396.com/videos/posts/db-migration-failure-patterns/short-video.mp4 データベース 2026-04-25T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/defining-agent-skills スキル定義ファイル設計の要点 https://the3396.com/images/posts/defining-agent-skills/thumbnail.png プロンプトのコピペ管理は限界。.agents/skills/ 配下の Markdown でスキルを資産化し、バージョン管理と再利用を実現する。エージェントの期待値を型として定義する SKILL.md の書き方。 https://the3396.com/videos/posts/defining-agent-skills/short-video.mp4 Skill Definition 2026-02-17T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/dev-productivity-metrics 開発生産性指標の選び方 https://the3396.com/images/posts/dev-productivity-metrics/thumbnail.png 開発生産性指標は DORA / SPACE / DevEx を役割分担で使い分ける。フェーズ別にどの定規を選ぶかの整理と、Git コマンドで Four Keys の尻尾を掴む最初の1週間の手順をまとめた入門ハブ。 https://the3396.com/videos/posts/dev-productivity-metrics/short-video.mp4 DevOps 2026-02-05T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/diagram-as-code 図解をコードで自動生成する https://the3396.com/images/posts/diagram-as-code/thumbnail.png 『図解もコードで書く』。MermaidやNano Banana Pro（Prompt SDK）を使い、記事内容に連動した高品質なインフォグラフィックを自動生成し、読者の理解を劇的に高める手法を公開します。 https://the3396.com/videos/posts/diagram-as-code/short-video.mp4 Visual Automation 2026-02-20T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/dora-vs-space-metrics DORAとSPACEの選び方 https://the3396.com/images/posts/dora-vs-space-metrics/thumbnail.png DORA と SPACE は優劣ではなく測るレイヤーが違う（DORA＝デリバリーの結果、SPACE＝チームの状態）。早見表と決定木で自チームに合う1つを選ぶ。まずは1フレーム最大3指標から始める。 https://the3396.com/videos/posts/dora-vs-space-metrics/short-video.mp4 開発生産性 2026-05-07T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/dora-vs-space-vs-devex 生産性指標3比較 https://the3396.com/images/posts/dora-vs-space-vs-devex/thumbnail.png DORA は配信速度、SPACE は満足度を含む多次元、DevEx は摩擦・フロー・フィードバックの3軸。3フレームは並列でなく階層に近く、採用順は DORA → DevEx → SPACE が現実解という観点別比較。 https://the3396.com/videos/posts/dora-vs-space-vs-devex/short-video.mp4 DORA 2026-05-28T05:30:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/edge-functions-adoption-guide Edge Functions採用の判断軸 https://the3396.com/images/posts/edge-functions-adoption-guide/thumbnail.png Edge 向きは認証や geo-routing など短時間×地理分散の処理。重い CPU 処理や Node-only 依存は不向き。各基盤をランタイム種別で整理し、レイテンシ・cold start・runtime・運用の4軸で決定木にする。 https://the3396.com/videos/posts/edge-functions-adoption-guide/short-video.mp4 Edge Functions 2026-05-06T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/error-handling-design-guide エラー設計の実践パターン https://the3396.com/images/posts/error-handling-design-guide/thumbnail.png retry・exponential backoff・idempotency key・circuit breaker・fallback の選び分けを、エラーを一時的／永続的に分類する判断軸から整理。設計チェックリスト付きの実践ガイド。 https://the3396.com/videos/posts/error-handling-design-guide/short-video.mp4 エラーハンドリング 2026-04-26T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/feature-flag-operation-2026 Feature Flag運用 https://the3396.com/images/posts/feature-flag-operation-2026/thumbnail.png Feature Flag は導入より運用と廃棄が難しい。release / experiment / ops / permission の4分類でライフサイクルを分け、zombie flag を自動検出して廃棄する5ステップと3ツール比較。 https://the3396.com/videos/posts/feature-flag-operation-2026/short-video.mp4 Feature Flag 2026-05-28T08:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/framework-patch-pin-compensating-controls pinは補償で買う時間 https://the3396.com/images/posts/framework-patch-pin-compensating-controls/thumbnail.png フレームワークを pin して自動更新を止めた142日の記録。update-types を付けた ignore はセキュリティ更新を止めず、pin 先は既に終了した系列だった。補償コントロールを実測して棚卸しする。 https://the3396.com/videos/posts/framework-patch-pin-compensating-controls/short-video.mp4 セキュリティ 2026-09-10T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/frontend-perf-priority 性能改善はLCP→INP→CLSの順 https://the3396.com/images/posts/frontend-perf-priority/thumbnail.png フロント性能改善は着手順で ROI が桁違いに変わる。RUM で現実を測ってから LCP → INP → CLS の順に潰す根拠を web.dev 公式から整理し、優先度チェックリスト12項目を配布する。 https://the3396.com/videos/posts/frontend-perf-priority/short-video.mp4 Core Web Vitals 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/github-actions-automation GitHub Actions自動化の極意 https://the3396.com/images/posts/github-actions-automation/thumbnail.png GitHub Actions でブログ投稿を完全自動化し、毎日の手動作業をゼロにする。タイムゾーンや環境変数で詰まる罠を踏まえ、冪等性・コスト管理・エラーハンドリングの3点で無料枠2000分に収める。 https://the3396.com/videos/posts/github-actions-automation/short-video.mp4 GitHub Actions 2026-02-13T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/github-mcp-secret-scanning MCP×秘密スキャン3層設計 https://the3396.com/images/posts/github-mcp-secret-scanning/thumbnail.png AIエージェント経由の commit は pre-commit を回避しやすい。MCP 層・pre-commit・push protection の3層で secret 流出を止め、検知後の rotate 自動化までを設計対象に含める。 https://the3396.com/videos/posts/github-mcp-secret-scanning/short-video.mp4 GitHub 2026-04-14T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/guard-not-firing-patterns 効かないガード7つの型 https://the3396.com/images/posts/guard-not-firing-patterns/thumbnail.png CIが緑になる経路は2つある。違反が無いから緑と、検査が動いていないから緑だ。本ブログのリポジトリで出た「効かないガード」7種類をPR番号つきで分類し、壊した入力を1回通す二面検証の手順を示す。 https://the3396.com/videos/posts/guard-not-firing-patterns/short-video.mp4 ガードレール 2026-09-07T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/harness-engineering-debt Harnessは削れるのか https://the3396.com/images/posts/harness-engineering-debt/thumbnail.png 「賢くなれば Skill や AGENTS.md は削れる」を全履歴で検証したら、変更のあった9か月すべてで増加、追加417ファイルに対し実質削除は5件だった。参照エッジ0と二面検証という削除基準をスクリプトつきで示す。 https://the3396.com/videos/posts/harness-engineering-debt/short-video.mp4 AIエージェント 2026-09-08T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/how-to-use-workflow 承認ゲート付きワークフロー https://the3396.com/images/posts/how-to-use-workflow/thumbnail.png 人間が承認し AI が実装する。implementation_plan.md の事前合意なしにコードを書かせない承認ゲート付きワークフローを、Issue → Plan → PR の5ステップと2つの安全弁で解説する。 https://the3396.com/videos/posts/how-to-use-workflow/short-video.mp4 Workflow 2026-02-07T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/independent-measurement-crosscheck 誤診は突き合わせで落ちる https://the3396.com/images/posts/independent-measurement-crosscheck/thumbnail.png 1件の本番障害を上流と下流が独立に実測し、互いの誤診を4件訂正した記録。うち2件は相手側の一次資料を読むまで出なかった。測る対象・時刻・一次資料のズレが誤診を落とす構造を示す。 https://the3396.com/videos/posts/independent-measurement-crosscheck/short-video.mp4 ポストモーテム 2026-09-10T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/issue-triage-agent-role-separation 誤closeを実測した話 https://the3396.com/images/posts/issue-triage-agent-role-separation/thumbnail.png Issue Triage Agent に close を任せる前に。39 issue・close判断36件をリプレイすると、PRリンクで閉じた21件のうち2件が reopen されていた。証拠収集と判定を分ける設計を記録。 https://the3396.com/videos/posts/issue-triage-agent-role-separation/short-video.mp4 AI Agent 2026-09-07T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/local-llm-production-tradeoffs ローカルLLM本番トレードオフ60秒解説 https://the3396.com/images/posts/local-llm-production-tradeoffs/thumbnail.png ローカルLLM運用の3大ランタイム Ollama・vLLM・llama.cpp を性能・コスト・運用負荷・セキュリティの4軸で比較し、「動いた」から「本番で使える」までの判断基準を実測データとともに整理する。 https://the3396.com/videos/posts/local-llm-production-tradeoffs/short-video.mp4 LLM 2026-05-30T00:30:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/mcp-server-design-patterns MCPサーバー設計5軸 https://the3396.com/images/posts/mcp-server-design-patterns/thumbnail.png 自社MCPサーバー設計で迷う5軸（tool粒度・primitive選択・エラー設計・OAuth 2.1 認証・transport）を、公式仕様と運用経験則に分けて整理する Platform Team 向け設計テンプレ。 https://the3396.com/videos/posts/mcp-server-design-patterns/short-video.mp4 MCP 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/measuring-llm-citations LLM引用の計測 https://the3396.com/images/posts/measuring-llm-citations/thumbnail.png GEO の効果は順位ではなく引用率で測る。citation tracker・手動チェック・GA4 の referral 分析という3手法の組み合わせ方と、四半期で回す観測サイクル・KPI の設計をまとめる。 https://the3396.com/videos/posts/measuring-llm-citations/short-video.mp4 GEO 2026-05-29T08:30:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/micro-frontend-revisited マイクロフロントエンド2026年最新事情 https://the3396.com/images/posts/micro-frontend-revisited/thumbnail.png Module Federation 2.0 が共有依存の自動解決・TypeScript型定義の共有・Vite統合を実現し、マイクロフロントエンドの前提が変わった。2026年の主要パターンとアプリ間通信・独立デプロイ・採用判断フレームを整理。 https://the3396.com/videos/posts/micro-frontend-revisited/short-video.mp4 マイクロフロントエンド 2026-05-31T23:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/multi-agent-dev-patterns マルチエージェント実装パターン https://the3396.com/images/posts/multi-agent-dev-patterns/thumbnail.png マルチエージェント開発を Hub-and-Spoke / Pipeline / Peer-to-Peer の3アーキテクチャに整理し、通信トポロジー・状態の受け渡し・rate limit 制御を実装例つきで解説する。 https://the3396.com/videos/posts/multi-agent-dev-patterns/short-video.mp4 マルチエージェント 2026-06-26T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/multimodal-blog-strategy 1回の思考で多媒体生成する https://the3396.com/images/posts/multimodal-blog-strategy/thumbnail.png 1つの Markdown から図解もショート動画も AI エージェントに生成させる One Source, Multi Output パイプラインの設計。発信媒体が分散した時代にエンジニアの発信コストを下げる全体像。 https://the3396.com/videos/posts/multimodal-blog-strategy/short-video.mp4 Multi-modal 2026-02-22T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/multimodal-content-hub 書かないコンテンツ戦略の全技術 https://the3396.com/images/posts/multimodal-content-hub/thumbnail.png 1つの思考から多媒体へ。Mermaid や Remotion でデザインをコード管理する「Visual as Code」と、Markdown から図解・動画までを一括生成するAIエージェントのパイプラインを体系化したシリーズのハブ。 https://the3396.com/videos/posts/multimodal-content-hub/short-video.mp4 Multimodal 2026-02-20T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/next-cache-components-migration Cache Components移行判定 https://the3396.com/images/posts/next-cache-components-migration/thumbnail.png Next.js Cache Components（use cache / cacheLife / cacheTag）への移行可否を Yes / No / Defer の3分岐で1日判定する。段階移行4ステップと5つの罠つき。 https://the3396.com/videos/posts/next-cache-components-migration/short-video.mp4 Next.js 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/nlp2026-to-engineering-bridge NLP2026を実装に https://the3396.com/images/posts/nlp2026-to-engineering-bridge/thumbnail.png NLP2026 の主軸は「LLM を実世界で使うために何が必要か」。safety・解釈性・実世界応用の研究を、ガードレールの多層化・出力検証の自動化・ドメイン特化のデータ戦略という実装3示唆に翻訳する。 https://the3396.com/videos/posts/nlp2026-to-engineering-bridge/short-video.mp4 NLP2026 2026-06-05T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/observability-cost-optimization-2026 観測コスト最適化 https://the3396.com/images/posts/observability-cost-optimization-2026/thumbnail.png オブザーバビリティ費用は「データ量 × カーディナリティ × 保持期間」でほぼ決まる。高カーディナリティ削減・サンプリング・保持期間の階層化・OpenTelemetry 移行の4軸で品質を落とさず削る。 https://the3396.com/videos/posts/observability-cost-optimization-2026/short-video.mp4 Observability 2026-05-28T11:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/opening-200-words-rule 冒頭200語ルール https://the3396.com/images/posts/opening-200-words-rule/thumbnail.png Perplexity や Google AI Overviews は冒頭コンテンツで関連性を判定する。最初の200語で主要クエリに完全回答する構成に変え、結論を最後に取っておく従来型から乗り換える実装パターン。 https://the3396.com/videos/posts/opening-200-words-rule/short-video.mp4 GEO 2026-05-29T00:30:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/platform-engineering-ai-era AI時代のIDP設計 https://the3396.com/images/posts/platform-engineering-ai-era/thumbnail.png 各チームが個別に LLM を呼ぶと、コスト・ガバナンス・監査の3つが破綻する。LLM Gateway ＋ policy-as-code ＋ コスト配賦を IDP に統合する2026年の設計パターンと、Platform チームの責務再定義。 https://the3396.com/videos/posts/platform-engineering-ai-era/short-video.mp4 Platform Engineering 2026-05-24T23:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/platform-engineering-idp IDP 4段階ロードマップ https://the3396.com/images/posts/platform-engineering-idp/thumbnail.png Backstage を入れただけでは IDP にならない。catalog / permission / golden path の三位一体と、開発者と AI Agent の両方を顧客とする4要件を、4段階ロードマップで示す。 https://the3396.com/videos/posts/platform-engineering-idp/short-video.mp4 Platform Engineering 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/practical-multi-agent-design-patterns 実践マルチエージェント設計 https://the3396.com/images/posts/practical-multi-agent-design-patterns/thumbnail.png エージェントが迷う原因は「地図の欠如」。憲法・原則・DoD を集約するディレクトリ構成、計画を Markdown で蓄積する運用、既存 CLI を Skill としてラップする実装パターンを、実リポジトリの構成で公開する。 https://the3396.com/videos/posts/practical-multi-agent-design-patterns/short-video.mp4 AI 2026-02-11T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/responses-api-tool-design ツール呼び出し設計の比較 https://the3396.com/images/posts/responses-api-tool-design/thumbnail.png OpenAI Responses API と Anthropic Tool Use を設計思想の違いから比較し、function calling / structured output / tool use の使い分けを3軸で整理する。 https://the3396.com/videos/posts/responses-api-tool-design/short-video.mp4 Responses API 2026-04-26T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/sdd-hub AIエージェント開発の新常識SDD https://the3396.com/images/posts/sdd-hub/thumbnail.png SDD（Spec Driven Development）の入門ハブ。揮発するチャット指示をやめ、仕様を Source of Truth に据え、人間が「コードを書く選手」から「仕様を承認する審判」へ移る転換を3章で概観し、全7章へ案内する。 https://the3396.com/videos/posts/sdd-hub/short-video.mp4 SDD 2026-02-14T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/sequential-id-branch-collision 最大IDの次は必ず衝突する https://the3396.com/images/posts/sequential-id-branch-collision/thumbnail.png 「マージ済み main の最大IDの次」を全員が守っても、並行ブランチがある限り同じIDが別物に割り当てられる。同じ日に2回起きた衝突を、CI の run ID と終了コードつきで記録した。 https://the3396.com/videos/posts/sequential-id-branch-collision/short-video.mp4 開発プロセス 2026-09-10T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/server-vs-client-components-rule RSC境界判定の4軸ルール https://the3396.com/images/posts/server-vs-client-components-rule/thumbnail.png 'use client' をどこに付けるかを、データフェッチ起点・インタラクティブ性・バンドルサイズ・SEO の4軸スコアシートで判定する。具体ケース5つ、アンチパターン5選、Composition パターンつき。 https://the3396.com/videos/posts/server-vs-client-components-rule/short-video.mp4 React Server Components 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/sre-kpi-toolkit-2026 SRE KPI 4軸2026 https://the3396.com/images/posts/sre-kpi-toolkit-2026/thumbnail.png SRE KPI は SLI・SLO・Error Budget・Toil 率の4軸で構成する。Toil 率 50% 超は「SRE が SRE していない」最重要シグナル。観測スタックとの紐付けと週次レビューのテンプレ付き。 https://the3396.com/videos/posts/sre-kpi-toolkit-2026/short-video.mp4 SRE 2026-05-28T02:30:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/tacit-knowledge-org-design 暗黙知を仕組みで減らす https://the3396.com/images/posts/tacit-knowledge-org-design/thumbnail.png 暗黙知は個人ではなく組織設計の問題。オンボーディング／Decision Log／レビュー／文脈ファイルの4本柱と、CLAUDE.md・AGENTS.md を SSoT に組み込む運用を診断10項目付きで解説。 https://the3396.com/videos/posts/tacit-knowledge-org-design/short-video.mp4 EM 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/technology-radar-howto 自社版 Technology Radar https://the3396.com/images/posts/technology-radar-howto/thumbnail.png Adopt / Trial / Assess / Hold の判定ルールと月次30分の会議テンプレで、ThoughtWorks 由来の Technology Radar を自社版に落とす。ADR との二層運用とアンチパターン回避策まで。 https://the3396.com/videos/posts/technology-radar-howto/short-video.mp4 技術選定 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/typescript-5-type-system TS5型システムの実務影響 https://the3396.com/images/posts/typescript-5-type-system/thumbnail.png TypeScript 5.x の satisfies・const type parameters・using 宣言・新 decorators を「型を厚くする場所を選ぶ」観点で整理し、過剰な型付けの罠をコードつきで解説する。 https://the3396.com/videos/posts/typescript-5-type-system/short-video.mp4 TypeScript 2026-06-06T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/typescript-7-typecheck-measured 7は速いが差分も出る https://the3396.com/images/posts/typescript-7-typecheck-measured/thumbnail.png TypeScript 7.0.2 を4プロジェクトで実測すると 5.7.3 比 2.16〜4.37 倍、縮んだ絶対時間は最大1.3秒。先に効くのは速度でなく診断の差分で、しかもそれは 7 ではなく 6 で入っている。 https://the3396.com/videos/posts/typescript-7-typecheck-measured/short-video.mp4 TypeScript 2026-09-09T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/video-automation-remotion Remotionで記事を動画に変える https://the3396.com/images/posts/video-automation-remotion/thumbnail.png ReactフレームワークのRemotionを活用し、ブログ記事からショート動画を自動生成するためのパイプライン構成と、型安全な動画制作の手法を解説します。- 動画制作を「編集」から「レンダリング」へ。React で動画をコード化 https://the3396.com/videos/posts/video-automation-remotion/short-video.mp4 Video Automation 2026-02-21T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/vite-8-rolldown Vite 8 移行3分判定 https://the3396.com/images/posts/vite-8-rolldown/thumbnail.png Vite 8 は 2026-03-12 GA だが内蔵 Rolldown は v1.0.0-rc.18 の半 GA。Rollup 比10-30倍速の公式値と破壊的変更から、移行可否を Yes / No / Defer の3分岐で判定する。 https://the3396.com/videos/posts/vite-8-rolldown/short-video.mp4 Vite 2026-05-01T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/webassembly-edge-2026 Wasmエッジ実用化2026 https://the3396.com/images/posts/webassembly-edge-2026/thumbnail.png Wasm がエッジで実用ラインに乗った鍵は Component Model の安定化と、Cloudflare Workers をはじめとする各社での標準採用。全部 Wasm ではなく CPU バウンドな関数だけ寄せるのが現実解。 https://the3396.com/videos/posts/webassembly-edge-2026/short-video.mp4 WebAssembly 2026-05-30T23:30:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/webgpu-current-state WebGPU実用化の現在地 https://the3396.com/images/posts/webgpu-current-state/thumbnail.png WebGPU は Chrome / Edge・Safari 26系・Firefox が安定提供に達し、残るは Linux Firefox の1ピース。ML inference・3D・GPU compute の使いどころをまとめた実務メモ。 https://the3396.com/videos/posts/webgpu-current-state/short-video.mp4 WebGPU 2026-05-06T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/why-sdd-for-agents なぜAIエージェントは仕様を無視するか https://the3396.com/images/posts/why-sdd-for-agents/thumbnail.png AIエージェントが仕様を無視するのは、会話ログを Source of Truth にしていることが根本原因。Document First / File as Anchor / Stateless Interaction の3原則で解決する。 https://the3396.com/videos/posts/why-sdd-for-agents/short-video.mp4 AI Agent 2026-02-14T00:00:00.000Z yes no no 2026-09-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/failure-mode-driven-smoke-checks 代表1枚では足りない https://the3396.com/images/posts/failure-mode-driven-smoke-checks/thumbnail.png トップページだけが 500 になり、記事ページは 200 のままでした。代表的な1枚を見る確認が穴を残す理由を Playwright の実測で示し、故障モードからルートクラスを逆算する手順と、異常系まで実行済みの確認スクリプトを載せます。 https://the3396.com/videos/posts/failure-mode-driven-smoke-checks/short-video.mp4 運用設計 2026-09-10T00:00:00.000Z yes no no 2026-09-10T00:00:00.000Z weekly 0.7 https://the3396.com/articles/from-prompt-to-agent-engineering プロンプトからエージェントへ https://the3396.com/images/posts/from-prompt-to-agent-engineering/thumbnail.png AIへのアプローチを『指示（Prompt）』から『仕組み（Agent Engineering）』へ転換。SDDの重要性を理解し、AIを真の自律的な開発パートナーにするためのマインドセットを解説します。 https://the3396.com/videos/posts/from-prompt-to-agent-engineering/short-video.mp4 AI 2026-02-11T00:00:00.000Z yes no no 2026-09-10T00:00:00.000Z weekly 0.7 https://the3396.com/articles/guard-exemption-list-decay 免除リストは外れずに残る https://the3396.com/images/posts/guard-exemption-list-decay/thumbnail.png CI ガードの免除リストの唯一のエントリが 132 日残り、うち 116 日は免除する理由が消えていました。免除の器を持たないガードを設計し、その不在をテストで固定しようとして空いた穴までを実測した記録です。 https://the3396.com/videos/posts/guard-exemption-list-decay/short-video.mp4 CI 2026-09-10T00:00:00.000Z yes no no 2026-09-10T00:00:00.000Z weekly 0.7 https://the3396.com/articles/sns-to-cv-article-design SNS→CVハブ設計の完全解説 https://the3396.com/images/posts/sns-to-cv-article-design/thumbnail.png ブログは検索される場所であるだけでなく、SNS流入をCVへつなぐ着地点でもある。モバイル前提のF字型構成とマイクロコンバージョンの階段設計で、投げっぱなしリンクを卒業する導線をチェックリスト付きで。 https://the3396.com/videos/posts/sns-to-cv-article-design/short-video.mp4 SNSマーケティング 2026-03-16T00:00:00.000Z yes no no 2026-09-10T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-inference-promotion-loop 昇格判定が沈黙する https://the3396.com/images/posts/ai-inference-promotion-loop/thumbnail.png AIの判断を決定的な自動化へ昇格させるループを実装したところ、「昇格すべきだと気づく」側の判定器が、8つのすり抜け型のうち6つで沈黙していました。対照実験の終了コードと監査スクリプトの実出力で記録します。 https://the3396.com/videos/posts/ai-inference-promotion-loop/short-video.mp4 AI Agent 2026-09-09T00:00:00.000Z yes no no 2026-09-09T00:00:00.000Z weekly 0.7 https://the3396.com/articles/prisma-with-claude-code PrismaをClaude Codeで自動化 https://the3396.com/images/posts/prisma-with-claude-code/thumbnail.png Prisma × Claude Codeでスキーマ設計からマイグレーション生成までを自動化する実践ガイド。具体的なプロンプト例、CLAUDE.mdへの設計方針の書き方、AIに任せてはいけない操作と落とし穴5選までを解説する。 https://the3396.com/videos/posts/prisma-with-claude-code/short-video.mp4 Prisma 2026-08-12T00:00:00.000Z yes no no 2026-08-12T00:00:00.000Z weekly 0.7 https://the3396.com/articles/rag-implementation-claude Claude APIでRAGを作る https://the3396.com/images/posts/rag-implementation-claude/thumbnail.png Claude API（Voyage AI Embeddings）とpgvectorを組み合わせたRAGシステムの実装ガイド。外部SaaS不要でTypeScriptのコピペ動作コードを使い、チャンク戦略からTool Use統合まで完全解説。 https://the3396.com/videos/posts/rag-implementation-claude/short-video.mp4 RAG 2026-08-11T00:00:00.000Z yes no no 2026-08-11T00:00:00.000Z weekly 0.7 https://the3396.com/articles/websockets-vs-sse WebSocketとSSEの選び方 https://the3396.com/images/posts/websockets-vs-sse/thumbnail.png WebSocketとSSEの本質的な違いを、双方向／単方向という通信モデルから再整理。チャット・通知・ライブ更新・株価などユースケース別に選択軸を示し、接続管理・再接続・スケール時の落とし穴まで実務視点でまとめた技術選定メモ。 https://the3396.com/videos/posts/websockets-vs-sse/short-video.mp4 WebSocket 2026-08-07T00:00:00.000Z yes no no 2026-08-07T00:00:00.000Z weekly 0.7 https://the3396.com/articles/docker-compose-to-kubernetes Composeか K8sか https://the3396.com/images/posts/docker-compose-to-kubernetes/thumbnail.png Docker ComposeからKubernetesへ移行すべきか迷う人向けに、スケール時に壊れるポイントを起点とした判断軸を解説します。Composeで十分なケースとK8sが必要になる分岐点を、公式情報と実務経験から整理します。 https://the3396.com/videos/posts/docker-compose-to-kubernetes/short-video.mp4 Docker 2026-08-04T00:00:00.000Z yes no no 2026-08-04T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-generated-test-reliability AI生成テストの信頼性を上げる：設計とミューテーション活用 https://the3396.com/images/posts/ai-generated-test-reliability/thumbnail.png AI生成テストが抱える偽陽性・網羅不足・メンテ困難の3問題を、テストケース設計原則とミューテーションテスト（Stryker/mutmut）で解決する実践ガイド。GitHub Actions設定例付き。 https://the3396.com/videos/posts/ai-generated-test-reliability/short-video.mp4 AI 2026-08-03T00:00:00.000Z yes no no 2026-08-03T00:00:00.000Z weekly 0.7 https://the3396.com/articles/figma-ai-design-2026 FigmaとAI設計2026 https://the3396.com/images/posts/figma-ai-design-2026/thumbnail.png Figma Dev Mode・Code Connect・Figma AIを組み合わせ、デザイン→コード変換を最短で実現する実践ガイド。Claude Code MCP連携・デザイントークン受け渡し・失敗パターンを網羅。 https://the3396.com/videos/posts/figma-ai-design-2026/short-video.mp4 Figma 2026-07-26T00:00:00.000Z yes no no 2026-07-26T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-dev-security-2026 AI開発セキュリティ2026 https://the3396.com/images/posts/ai-dev-security-2026/thumbnail.png OWASP LLM Top10（2025年版）の全10リスクを「入力検証/プロンプト設計/出力処理/インフラ」の実装レイヤーに対応づけ、AI駆動開発チームがすぐ使えるコードパターンとチェックリストを提供します。 https://the3396.com/videos/posts/ai-dev-security-2026/short-video.mp4 OWASP 2026-07-25T00:00:00.000Z yes no no 2026-07-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-observability-2 LLMオブザーバビリティ2.0 https://the3396.com/images/posts/ai-observability-2/thumbnail.png LLMアプリでは従来のAPMが機能しない理由を整理し、OpenTelemetry + LangSmith/Langfuseによるトレース設計・トークンコスト・品質アラートの実装パターンを2026年版でまとめる。 https://the3396.com/videos/posts/ai-observability-2/short-video.mp4 LLM 2026-07-24T00:00:00.000Z yes no no 2026-07-24T00:00:00.000Z weekly 0.7 https://the3396.com/articles/codex-prompt-design Codexプロンプト設計の型 https://the3396.com/images/posts/codex-prompt-design/thumbnail.png OpenAI Codexの精度を左右するコンテキスト渡しの4要素と、コードレビュー・バグ修正・新機能実装の3種プロンプトテンプレートを解説。コピペで即使えるテンプレートと、精度改善の実践的なコツを紹介する。 https://the3396.com/videos/posts/codex-prompt-design/short-video.mp4 Codex 2026-07-23T00:00:00.000Z yes no no 2026-07-23T00:00:00.000Z weekly 0.7 https://the3396.com/articles/property-based-testing-ai PBTでAI生成コードを網羅 https://the3396.com/images/posts/property-based-testing-ai/thumbnail.png Hypothesis（Python）とfast-check（JS）を使い、AI生成コードをProperty-based testingで網羅的に検証する実践ガイド。仮説駆動テストで従来の例題ベーステストが見落とすエッジケースを自動発見する。 https://the3396.com/videos/posts/property-based-testing-ai/short-video.mp4 Property-based testing 2026-07-19T00:00:00.000Z yes no no 2026-07-19T00:00:00.000Z weekly 0.7 https://the3396.com/articles/codex-cicd-pipeline Codex CI/CD統合の全手順 https://the3396.com/images/posts/codex-cicd-pipeline/thumbnail.png OpenAI Codex CLI を GitHub Actions に組み込み、PR自動コード修正・リリースノート自動生成・テスト自動修復パイプラインを構築する実践ガイド。完全なYAMLサンプルと運用チェックリストを収録。 https://the3396.com/videos/posts/codex-cicd-pipeline/short-video.mp4 Codex 2026-07-18T00:00:00.000Z yes no no 2026-07-18T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-dev-tech-debt AI生成コードの技術的負債管理 https://the3396.com/images/posts/ai-dev-tech-debt/thumbnail.png AI生成コードに蓄積する技術的負債の特有パターンと、自動検知・返済・予防の実践設計を解説。コード例と CI 設定で明日から使えるフレームワークを提供します。AI生成コードは「動く、でも理解できない」負債を高速で蓄積する https://the3396.com/videos/posts/ai-dev-tech-debt/short-video.mp4 AI駆動開発 2026-07-16T00:00:00.000Z yes no no 2026-07-16T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-code-test-writing Claude Codeでテストを書かせる技術 https://the3396.com/images/posts/claude-code-test-writing/thumbnail.png Claude Code にテストを書かせるとき「惜しい」結果になる原因はコンテキスト不足。コンテキスト注入→生成→セルフチェック→レビューの4ステップループと、失敗パターン5種のプロンプト修正テンプレートを解説します。 https://the3396.com/videos/posts/claude-code-test-writing/short-video.mp4 Claude Code 2026-07-15T00:00:00.000Z yes no no 2026-07-15T00:00:00.000Z weekly 0.7 https://the3396.com/articles/content-depth-geo 長文コンテンツとAI引用 https://the3396.com/images/posts/content-depth-geo/thumbnail.png AI検索で引用されるのは長文でも短文でもなく「引用可能な単位」。深度と簡潔さのトレードオフを解消する段落設計フレームワークを、ChatGPTやPerplexityなどエンジン別の引用傾向とともに実例で解説する。 https://the3396.com/videos/posts/content-depth-geo/short-video.mp4 GEO 2026-07-14T00:00:00.000Z yes no no 2026-07-14T00:00:00.000Z weekly 0.7 https://the3396.com/articles/brand-mentions-to-citations ブランド言及をAI引用に変える https://the3396.com/images/posts/brand-mentions-to-citations/thumbnail.png unlinked mentionはAI検索で引用される信頼シグナルになる。PR・コンテンツ・ゲスト寄稿・SNSの4チャネルで言及を設計し、ChatGPT/Perplexity/Geminiでの引用率を高める実践フレームワーク。 https://the3396.com/videos/posts/brand-mentions-to-citations/short-video.mp4 GEO 2026-07-12T00:00:00.000Z yes no no 2026-07-12T00:00:00.000Z weekly 0.7 https://the3396.com/articles/codex-multi-agent-impl Codexマルチエージェント実装ガイド https://the3396.com/images/posts/codex-multi-agent-impl/thumbnail.png Codex CLIを複数インスタンス並列実行するマルチエージェント実装ガイド。タスク分割・状態共有・rate limit制御・結果マージの設計パターンを、具体的なコード例とともに実務レベルで解説する。 https://the3396.com/videos/posts/codex-multi-agent-impl/short-video.mp4 Codex 2026-07-11T00:00:00.000Z yes no no 2026-07-11T00:00:00.000Z weekly 0.7 https://the3396.com/articles/zero-click-cv-design ゼロクリック時代のCV設計法 https://the3396.com/images/posts/zero-click-cv-design/thumbnail.png AI検索のゼロクリック環境でもCVを獲得する設計論。ブランド言及の埋め込み・引用可能なCTA・高速CV導線の実践フレームワークを解説。AI検索のゼロクリック現象はブランド認知拡大のチャンスと捉え直せる https://the3396.com/videos/posts/zero-click-cv-design/short-video.mp4 GEO 2026-07-09T00:00:00.000Z yes no no 2026-07-09T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-code-mcp-2026 Claude Code × MCP でできること2026 https://the3396.com/images/posts/claude-code-mcp-2026/thumbnail.png Claude Code に MCP サーバーを追加して GitHub・Slack・DB と連携する実践パターンを解説。設定ファイル例（settings.json）付きで、追加から自作・セキュリティ設計まで一気通貫ガイド。 https://the3396.com/videos/posts/claude-code-mcp-2026/short-video.mp4 Claude Code 2026-07-06T00:00:00.000Z yes no no 2026-07-06T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-md-patterns CLAUDE.md設計パターン https://the3396.com/images/posts/claude-md-patterns/thumbnail.png CLAUDE.md の書き方をプロジェクト規模（個人/小チーム/大規模）と技術スタック別に解説。コピペ可能な3パターンのテンプレート、グローバル設定との使い分け戦略、5つ以上のアンチパターンを網羅した実践ガイドです。 https://the3396.com/videos/posts/claude-md-patterns/short-video.mp4 Claude Code 2026-07-05T00:00:00.000Z yes no no 2026-07-05T00:00:00.000Z weekly 0.7 https://the3396.com/articles/eeat-for-ai-search AI検索時代のE-E-A-T実装 https://the3396.com/images/posts/eeat-for-ai-search/thumbnail.png AI検索エンジンに著者の専門性・権威性・信頼性を伝えるE-E-A-T実装を解説。Person schema・author フィールド・バイライン設計のコード例を示し、GEOでのAI引用率改善を実現する。 https://the3396.com/videos/posts/eeat-for-ai-search/short-video.mp4 E-E-A-T 2026-07-04T00:00:00.000Z yes no no 2026-07-04T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-code-multifile-refactor Claude Code複数ファイル操作 https://the3396.com/images/posts/claude-code-multifile-refactor/thumbnail.png Claude Codeで大規模リファクタリングを行う際の「AIに一気にやらせる」失敗を防ぐ。スコープ制御・段階的適用・テスト保護・rollback戦略の4軸で安全に進める具体的な手順とプロンプト例を解説。 https://the3396.com/videos/posts/claude-code-multifile-refactor/short-video.mp4 Claude Code 2026-07-01T00:00:00.000Z yes no no 2026-07-01T00:00:00.000Z weekly 0.7 https://the3396.com/articles/llms-txt-guide llms.txt 実装ガイド：AIクローラー向けサイト設計 https://the3396.com/images/posts/llms-txt-guide/thumbnail.png AIクローラーにサイトを正しく読んでもらうllms.txtの仕様・ファイル例・Next.js実装を日本語で完全解説します。`llms.txt` は、LLMがサイトを効率よく理解するためのMarkdownファイル https://the3396.com/videos/posts/llms-txt-guide/short-video.mp4 GEO 2026-06-29T00:00:00.000Z yes no no 2026-06-29T00:00:00.000Z weekly 0.7 https://the3396.com/articles/codex-cli-guide-2026 Codex CLI を実務に組み込む2026年版ガイド https://the3396.com/images/posts/codex-cli-guide-2026/thumbnail.png OpenAI Codex CLI のインストール・認証から、コードレビュー・テスト生成・リファクタリングの実務タスクまでを一気通貫で解説。Claude Code との比較・使い分けも明示した2026年版ガイド。 https://the3396.com/videos/posts/codex-cli-guide-2026/short-video.mp4 Codex CLI 2026-06-23T00:00:00.000Z yes no no 2026-06-23T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-ui-prototype-tools AIでUIプロトタイプを爆速生成 https://the3396.com/images/posts/ai-ui-prototype-tools/thumbnail.png v0・Locofy AI・Figma AIの3ツールを徹底比較。テキストからUIを生成する起点・Figmaデザインのコード変換・デザインシステム連携など、実務での使い分けを具体例と比較表で解説します。 https://the3396.com/videos/posts/ai-ui-prototype-tools/short-video.mp4 AI 2026-06-22T00:00:00.000Z yes no no 2026-06-22T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-code-setup-2026 Claude Code30分セットアップ https://the3396.com/images/posts/claude-code-setup-2026/thumbnail.png Claude Code のインストールから CLAUDE.md・Hooks・MCP 設定まで、最速セットアップ手順を30分で完了できるよう整理した2026年版ガイド。初期設定でつまずきやすいポイントを網羅する。 https://the3396.com/videos/posts/claude-code-setup-2026/short-video.mp4 Claude Code 2026-06-20T00:00:00.000Z yes no no 2026-06-20T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-driven-dev-planning AI駆動開発の計画術 https://the3396.com/images/posts/ai-driven-dev-planning/thumbnail.png 要件定義・タスク分解・スプリント計画の各フェーズでClaude CodeやCodexをどう活用するか、人間のレビューゲートをどこに置くかを実践的な手順とプロンプト例で解説します。計画フェーズこそ AI の活用余地が大きい https://the3396.com/videos/posts/ai-driven-dev-planning/short-video.mp4 AI駆動開発 2026-06-15T00:00:00.000Z yes no no 2026-06-18T00:00:00.000Z weekly 0.7 https://the3396.com/articles/generative-simulation-2026 生成AIの新主戦場 https://the3396.com/images/posts/generative-simulation-2026/thumbnail.png 生成AIの主戦場が「コンテンツ生成」から「シミュレーション」に移る2026年。World Model、Agent Sim、応用領域マップを、Zenn のトレンド議論を参照しつつエンジニア視点で整理する。 https://the3396.com/videos/posts/generative-simulation-2026/short-video.mp4 生成AI 2026-06-03T23:45:00.000Z yes no no 2026-06-18T00:00:00.000Z weekly 0.7 https://the3396.com/articles/plangate-spec-first-workflow 計画を先に書いて承認する https://the3396.com/images/posts/plangate-spec-first-workflow/thumbnail.png PlanGate の計画先行ワークフローを中級者向けに解説。PBI から plan/todo/test-cases を生成し C-3 承認を経て実装する具体手順と、状態永続化の型を一次情報で整理する。 https://the3396.com/videos/posts/plangate-spec-first-workflow/short-video.mp4 AI 2026-06-07T00:00:00.000Z yes no no 2026-06-18T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-pair-programming-patterns AIペアプロ実践パターン https://the3396.com/images/posts/ai-pair-programming-patterns/thumbnail.png Claude CodeやGitHub CopilotとのAIペアプロで迷いがちなコンテキスト設計・セッション引き継ぎ・人間介入のタイミングを、即使える実践パターン集として体系化。AGENTS.mdテンプレートも収録。 https://the3396.com/videos/posts/ai-pair-programming-patterns/short-video.mp4 AI 2026-06-16T00:00:00.000Z yes no no 2026-06-16T00:00:00.000Z weekly 0.7 https://the3396.com/articles/zero-trust-developer-access ゼロトラスト開発者アクセス https://the3396.com/images/posts/zero-trust-developer-access/thumbnail.png VPN 依存の開発者アクセスをゼロトラストに移行する2026年の実装パターン。Tailscale、Cloudflare Access、AWS Verified Access の比較と IaC 化の指針を整理する。 https://the3396.com/videos/posts/zero-trust-developer-access/short-video.mp4 ゼロトラスト 2026-06-01T00:45:00.000Z yes no no 2026-06-01T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-agent-three-layer-maturity AIエージェント3層成熟 https://the3396.com/images/posts/ai-agent-three-layer-maturity/thumbnail.png 推論・制御・接続の3レイヤーが独立に進化し、2026年に偶然のように同時成熟点を迎えた——AIエージェント設計の現在地を、ZennとQiitaのトレンド議論を参照しながらGrowth Lab視点で構造化する。 https://the3396.com/videos/posts/ai-agent-three-layer-maturity/short-video.mp4 AIエージェント 2026-05-23T00:00:00.000Z yes no no 2026-05-31T00:00:00.000Z weekly 0.7 https://the3396.com/articles/citation-friendly-content-structure 引用される構造 https://the3396.com/images/posts/citation-friendly-content-structure/thumbnail.png AI検索に引用されるには、AI が回答の根拠として切り出しやすい構造が要る。質問形式の見出し・結論先出し・1段落1事実・出典明示・リスト化——citation-friendly な記事構造の型を実装パターンとして整理する。 https://the3396.com/videos/posts/citation-friendly-content-structure/short-video.mp4 GEO 2026-05-29T02:00:00.000Z yes no no 2026-05-31T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-code-session-memory-patterns Claude Code記憶設計 https://the3396.com/images/posts/claude-code-session-memory-patterns/thumbnail.png Claude Code でセッションを跨ぐ長期作業を成立させるには、memory / CLAUDE.md / Plan の3層構造を意識した記憶設計が要る。Qiita のトレンド議論を参照しつつ、failure mode と対策を整理する。 https://the3396.com/videos/posts/claude-code-session-memory-patterns/short-video.mp4 Claude Code 2026-05-26T00:15:00.000Z yes no no 2026-05-31T00:00:00.000Z weekly 0.7 https://the3396.com/articles/llm-interpretability-for-engineers LLM解釈可能性入門 https://the3396.com/images/posts/llm-interpretability-for-engineers/thumbnail.png LLM の解釈可能性研究が2026年に急速に成熟した。attention 可視化の限界、現実的に使える出力検証の手法、エンジニアが採用すべき pragmatic な3手法を、NLP2026 の議論を参照しつつ整理する。 https://the3396.com/videos/posts/llm-interpretability-for-engineers/short-video.mp4 LLM 2026-05-29T00:00:00.000Z yes no no 2026-05-31T00:00:00.000Z weekly 0.7 https://the3396.com/articles/perplexity-citation-strategy Perplexity引用戦略 https://the3396.com/images/posts/perplexity-citation-strategy/thumbnail.png 月間1億クエリを処理する Perplexity は最も citation 透明性の高い AI検索エンジン。鮮度・出典明示・構造化を重視する Perplexity に引用される記事構造を、実践的なチェックリストとともに整理する。 https://the3396.com/videos/posts/perplexity-citation-strategy/short-video.mp4 Perplexity 2026-05-28T14:30:00.000Z yes no no 2026-05-31T00:00:00.000Z weekly 0.7 https://the3396.com/articles/toil-rate-50-percent-rule Toil 50%ルール https://the3396.com/images/posts/toil-rate-50-percent-rule/thumbnail.png Google SRE 本の「Toil 50%ルール」を2026年の実務に落とす。Toil の定義・測定方法・削減サイクルを、AI 自動化時代の文脈で更新する。Toil 率が50%を超えたチームの介入手順を具体的に整理する。 https://the3396.com/videos/posts/toil-rate-50-percent-rule/short-video.mp4 SRE 2026-05-28T12:30:00.000Z yes no no 2026-05-31T00:00:00.000Z weekly 0.7 https://the3396.com/articles/llm-api-cost-optimization-2026 LLM API料金最適化 https://the3396.com/images/posts/llm-api-cost-optimization-2026/thumbnail.png LLM API 料金は input/output/cache/batch の4軸で構造化できる。各単価モデルと最適化の優先順位を、ZennのLLM料金整理記事を参照しながら2026年時点の実装パターンとして整理する。 https://the3396.com/videos/posts/llm-api-cost-optimization-2026/short-video.mp4 LLM 2026-05-27T00:30:00.000Z yes no no 2026-05-27T00:00:00.000Z weekly 0.7 https://the3396.com/articles/mcp-protocol-implementation-guide MCP実装の要諦 https://the3396.com/images/posts/mcp-protocol-implementation-guide/thumbnail.png 自前 MCP サーバを書く判断軸は「社内固有システム・複数エージェント共通利用・認可境界の明確化」。tool スキーマの明示・認可スコープ最小化・冪等性の3要件と最小骨格を示す。 https://the3396.com/videos/posts/mcp-protocol-implementation-guide/short-video.mp4 MCP 2026-05-26T23:00:00.000Z yes no no 2026-05-27T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-agent-development-guide AIエージェント開発の設計順序 https://the3396.com/images/posts/ai-agent-development-guide/thumbnail.png AIエージェント開発をチャット指示の延長で終わらせず、仕様・権限・テスト・運用の4層で設計するための保存版ガイド。Claude Code、Codex、MCP、SDDを導入する前に決めるべき順序を整理する。 https://the3396.com/videos/posts/ai-agent-development-guide/short-video.mp4 AIエージェント 2026-05-16T00:00:00.000Z yes no no 2026-05-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/mcp-permission-design-criteria MCP権限の判断軸 https://the3396.com/images/posts/mcp-permission-design-criteria/thumbnail.png MCPのallowlist粒度・scope命名・組織導入の3点を判断軸で整理する。既存のMCP分離アーキ記事と合わせて読むと効果が高い。MCP権限の本丸は「allowlistの粒度」と「scope命名」の2つ https://the3396.com/videos/posts/mcp-permission-design-criteria/short-video.mp4 MCP 2026-04-14T00:00:00.000Z yes no no 2026-05-16T00:00:00.000Z weekly 0.7 https://the3396.com/articles/notion-automation-textbook Notion自動化を落ちない仕組みに https://the3396.com/images/posts/notion-automation-textbook/thumbnail.png Notionブログ自動化の失敗パターンを分析し、堅牢なAPI連携やLLMパース、コスト管理まで、手放し運用を可能にするための実践的な教科書です。Notion ブログ自動化の 9 割が挫折するのは、スクリプトが「脆弱」だから https://the3396.com/videos/posts/notion-automation-textbook/short-video.mp4 Notion API 2026-02-11T00:00:00.000Z yes no no 2026-05-16T00:00:00.000Z weekly 0.7 https://the3396.com/articles/packaging-thought-processes いい感じにお願いからの脱却 https://the3396.com/images/posts/packaging-thought-processes/thumbnail.png 優秀なエンジニアの思考プロセス（Chain of Thought）をアルゴリズムとしてパッケージ化し、AIに移植する技術。実装パターンとプロンプト設計を具体例と共に解説する。具体的なプロンプト設計と実装例を解説。 https://the3396.com/videos/posts/packaging-thought-processes/short-video.mp4 Thought Process 2026-02-18T00:00:00.000Z yes no no 2026-05-16T00:00:00.000Z weekly 0.7 https://the3396.com/articles/spec-driven-dev-pitfalls SDD失敗パターン7選 https://the3396.com/images/posts/spec-driven-dev-pitfalls/thumbnail.png Spec Driven Development（SDD）導入後に起きる典型的な失敗7パターンと、Tech Lead・PM・EM が現場で打てる具体的な対策を、AIコーディング時代の運用視点で整理します。 https://the3396.com/videos/posts/spec-driven-dev-pitfalls/short-video.mp4 SDD 2026-05-06T00:00:00.000Z yes no no 2026-05-14T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-search-content-refresh-workflow 古い記事をAI検索向けに更新 https://the3396.com/images/posts/ai-search-content-refresh-workflow/thumbnail.png AI検索時代は、新規記事を増やすだけでは足りない。既存記事をどの基準で更新対象に選び、何を足して、何を削るべきかを運用フローとして整理する。AI検索時代は「新しく書く」より「既存記事を強くする」比率が上がる https://the3396.com/videos/posts/ai-search-content-refresh-workflow/short-video.mp4 SEO 2026-03-31T00:00:00.000Z yes no no 2026-05-07T00:00:00.000Z weekly 0.7 https://the3396.com/articles/oncall-fatigue-reduction オンコール疲弊の防ぎ方 https://the3396.com/images/posts/oncall-fatigue-reduction/thumbnail.png 夜間呼び出しでチームが疲弊し、SRE・EM が離職リスクを抱えるチーム向けに、オンコール疲弊を改善する運用設計を症状診断・根本原因・段階的対策（ローテ・アラートチューニング・AI triage・体制）の 4 ステップで整理する。 https://the3396.com/videos/posts/oncall-fatigue-reduction/short-video.mp4 オンコール 2026-05-06T00:00:00.000Z yes no no 2026-05-06T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-search-content-design AI検索時代の記事設計術 https://the3396.com/images/posts/ai-search-content-design/thumbnail.png GoogleのAI ModeとAI Overviewsの公式ガイダンスを前提に、技術ブログの記事設計・可視性制御・計測方法を整理する。検索流入を『クリック数だけ』で見ない運用まで含めて解説。GoogleのAI検索向けにだけ効く裏技はない https://the3396.com/videos/posts/ai-search-content-design/short-video.mp4 SEO 2026-03-31T00:00:00.000Z yes no no 2026-05-01T00:00:00.000Z weekly 0.7 https://the3396.com/articles/bun-13-runtime-adoption Bun 1.3を本番採用するか https://the3396.com/images/posts/bun-13-runtime-adoption/thumbnail.png Bun 1.3 を本番採用すべきか。CTO/Tech Lead が ADR に書ける判断軸を、パフォーマンス・Node.js 互換性・エコシステム・運用リスクの 4 軸で整理し、ハイブリッド運用の現実解まで踏み込む。 https://the3396.com/videos/posts/bun-13-runtime-adoption/short-video.mp4 Bun 2026-05-01T00:00:00.000Z yes no no 2026-05-01T00:00:00.000Z weekly 0.7 https://the3396.com/articles/github-agentic-workflows-cicd Agentic WFの境界 https://the3396.com/images/posts/github-agentic-workflows-cicd/thumbnail.png GitHub Agentic Workflows と GitHub Actions の責務分担を、security と audit log を軸に設計する判断テンプレを Platform/SRE/CTO 向けに整理。 https://the3396.com/videos/posts/github-agentic-workflows-cicd/short-video.mp4 GitHub Actions 2026-05-01T00:00:00.000Z yes no no 2026-05-01T00:00:00.000Z weekly 0.7 https://the3396.com/articles/nodejs-security-release-prep Node.js更新を48hで https://the3396.com/images/posts/nodejs-security-release-prep/thumbnail.png Node.js の security release は告知から48〜72時間で同時公開される。慌てて事故らないために、告知前にやる10項目と告知後48時間でやる5項目を、公式タイムラインから逆算したチェックリストとして整理する。 https://the3396.com/videos/posts/nodejs-security-release-prep/short-video.mp4 Node.js 2026-05-01T00:00:00.000Z yes no no 2026-05-01T00:00:00.000Z weekly 0.7 https://the3396.com/articles/trpc-adoption tRPC 採用判断の3軸 https://the3396.com/images/posts/trpc-adoption/thumbnail.png tRPC 採用の判断基準を、言語統一・公開要件・寿命の3軸で整理。REST / GraphQL / tRPC を比較し、採用すべきケースと採用すべきでないケース、運用負債（バージョニング・観測性・キャッシュ）と撤退条件まで現実解を示す。 https://the3396.com/videos/posts/trpc-adoption/short-video.mp4 tRPC 2026-05-01T00:00:00.000Z yes no no 2026-05-01T00:00:00.000Z weekly 0.7 https://the3396.com/articles/wasm-server-side Wasmはサーバーで効くか https://the3396.com/images/posts/wasm-server-side/thumbnail.png Wasmをサーバーサイドで採用すべきか、Sandbox・Portability・Edgeの3つの利点と、I/O・既存ライブラリ・並行性の限界を、Wasmtime/Wazero/WasmEdge/Spinの公式情報を基に比較する。 https://the3396.com/videos/posts/wasm-server-side/short-video.mp4 WebAssembly 2026-05-01T00:00:00.000Z yes no no 2026-05-01T00:00:00.000Z weekly 0.7 https://the3396.com/articles/github-copilot-workspace-review Copilot Workspaceの現実 https://the3396.com/images/posts/github-copilot-workspace-review/thumbnail.png GitHub Copilot Workspaceの仕様駆動開発・Issue→PR自動生成・マルチファイル編集の実態を整理。Cursor・Claude Codeとの比較で導入判断の基準を提示するエンジニア・EM向けガイド。 https://the3396.com/videos/posts/github-copilot-workspace-review/short-video.mp4 GitHub Copilot Workspace 2026-04-26T00:00:00.000Z yes no no 2026-04-26T00:00:00.000Z weekly 0.7 https://the3396.com/articles/agent-loop-durable-workflow agent loopを止めない実装 https://the3396.com/images/posts/agent-loop-durable-workflow/thumbnail.png agent loopの脆弱点「状態がメモリにしかない」をcheckpointで解決し、retry/sagaパターンで部分失敗を冪等にリカバリ。step-level observabilityで詰まりを即特定できる実装パターンを解説する。 https://the3396.com/videos/posts/agent-loop-durable-workflow/short-video.mp4 AIエージェント 2026-04-25T00:00:00.000Z yes no no 2026-04-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-review-workflow-design AIとレビュー役割を分離する https://the3396.com/images/posts/ai-review-workflow-design/thumbnail.png AIコーディング導入後に頻発するレビューボトルネックを解消するための運用設計ガイド。AI自動チェック層と人間レビューの役割分担を明確にし、設計判断・ドメイン知識・境界設計に集中できる体制を構築する。EM・Tech Lead向け実践手順。 https://the3396.com/videos/posts/ai-review-workflow-design/short-video.mp4 コードレビュー 2026-04-25T00:00:00.000Z yes no no 2026-04-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/auth-design-redo 認証と認可はまず分ける https://the3396.com/images/posts/auth-design-redo/thumbnail.png SaaS の認証(Authn)と認可(Authz)を分離してから、session / JWT / OIDC と RBAC / ABAC / ReBAC を選び直すための判断フロー、実装レイヤー、よくある失敗、段階移行の手順を整理する。 https://the3396.com/videos/posts/auth-design-redo/short-video.mp4 認証 2026-04-19T00:00:00.000Z yes no no 2026-04-19T00:00:00.000Z weekly 0.7 https://the3396.com/articles/autonomous-agent-loop agent loopを自前実装する設計図 https://the3396.com/images/posts/autonomous-agent-loop/thumbnail.png OpenAI Codex などが採用する agent loop（Observe → Plan → Execute → Verify → Replan）を自前実装するための最小設計、疑似コード、失敗パターンと対策を整理する。 https://the3396.com/videos/posts/autonomous-agent-loop/short-video.mp4 Agent Loop 2026-04-19T00:00:00.000Z yes no no 2026-04-19T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-coding-security-design AIコーディングの攻撃面 https://the3396.com/images/posts/ai-coding-security-design/thumbnail.png AIコーディングエージェント導入で増える攻撃面を、権限・流出検知・実行時制御・設計判断の4層モデルで整理し、優先順位の判断軸を提示する。AIコーディングエージェント導入で増える攻撃面は「権限」「流出」「実行時」「設計判断」の4層に分解できる https://the3396.com/videos/posts/ai-coding-security-design/short-video.mp4 AI 2026-04-14T00:00:00.000Z yes no no 2026-04-14T00:00:00.000Z weekly 0.7 https://the3396.com/articles/microservices-failure-patterns MSが失敗する3つのパターン https://the3396.com/images/posts/microservices-failure-patterns/thumbnail.png microservices導入で起きる過剰分割の失敗パターンと、モノリス回帰の判断軸、適切な分割粒度を具体例で整理する。microservices の失敗は「分割しすぎ」「境界の誤り」「運用コスト見積もりミス」の3つに集中する https://the3396.com/videos/posts/microservices-failure-patterns/short-video.mp4 microservices 2026-04-14T00:00:00.000Z yes no no 2026-04-14T00:00:00.000Z weekly 0.7 https://the3396.com/articles/responsibility-separation-design 責務分離が崩壊する3つの原因 https://the3396.com/images/posts/responsibility-separation-design/thumbnail.png 責務分離が崩壊する原因をSRP・境界コンテキスト・レイヤー設計から整理し、AI生成コードで崩れやすい場所と検知方法を示す。責務分離の崩壊は「SRP の誤解」「境界コンテキストの曖昧さ」「AI生成コードの最短経路バイアス」の3点で起きる https://the3396.com/videos/posts/responsibility-separation-design/short-video.mp4 設計 2026-04-14T00:00:00.000Z yes no no 2026-04-14T00:00:00.000Z weekly 0.7 https://the3396.com/articles/speed-vs-quality-tradeoff 速度vs品質どちらを優先すべきか https://the3396.com/images/posts/speed-vs-quality-tradeoff/thumbnail.png AI時代に再燃した速度vs品質の議論を、短期最適と長期最適のトレードオフとして整理し、チームでの意思決定フレームを提示する。開発速度と品質の両立を実現する判断軸。4象限マトリクスで局面別の最適解を示す。 https://the3396.com/videos/posts/speed-vs-quality-tradeoff/short-video.mp4 開発速度 2026-04-14T00:00:00.000Z yes no no 2026-04-14T00:00:00.000Z weekly 0.7 https://the3396.com/articles/tech-decision-criteria 技術選定で後悔しない4つの軸 https://the3396.com/images/posts/tech-decision-criteria/thumbnail.png AIツール乱立時代の技術選定を、コスト・可逆性・チーム適合・将来性の4軸で意思決定する。失敗3パターンと判断フレームを示す。流行に流されない選定基準の実践ガイド。採用・見送り・延期の3分岐で判断を標準化する。 https://the3396.com/videos/posts/tech-decision-criteria/short-video.mp4 技術選定 2026-04-14T00:00:00.000Z yes no no 2026-04-14T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ci-cd-speed-optimization CI遅延を4レイヤーで分解 https://the3396.com/images/posts/ci-cd-speed-optimization/thumbnail.png CI/CDパイプラインが遅い原因を4レイヤーに分解し、依存管理・ビルドキャッシュ・テスト分割・ジョブ並列化の各改善パターンをGitHub Actions設定例付きで解説。CI/CD高速化の実践ガイド。 https://the3396.com/videos/posts/ci-cd-speed-optimization/short-video.mp4 CI/CD 2026-04-09T00:00:00.000Z yes no no 2026-04-09T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-code-context-layering コンテキスト配線で品質が変わる https://the3396.com/images/posts/claude-code-context-layering/thumbnail.png CLAUDE.md を長文化するだけでは運用は安定しない。このリポジトリで使っている AGENTS.md、タスク台帳、REPORT.md、skills、hooks の責務分離を、Claude Code 運用の実例として整理する。 https://the3396.com/videos/posts/claude-code-context-layering/short-video.mp4 Claude Code 2026-03-31T00:00:00.000Z yes no no 2026-03-31T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-practical-tips Claude実務活用の勘所 https://the3396.com/images/posts/claude-practical-tips/thumbnail.png Claudeを開発の現場で安定して使うために効く、タスクの切り方・指示の出し方・確認の仕方・レビューの回し方を実務視点で整理します。Claude は「長い指示」を書くより、タスクの境界を狭く切ると強い https://the3396.com/videos/posts/claude-practical-tips/short-video.mp4 Claude 2026-02-11T00:00:00.000Z yes no no 2026-03-29T00:00:00.000Z weekly 0.7 https://the3396.com/articles/systematic-ai-editing AI編集の体系化フレーム https://the3396.com/images/posts/systematic-ai-editing/thumbnail.png AIで記事やドキュメントを編集するときに、構成・トーン・品質のばらつきを減らすための実務的な考え方をまとめます。AIに文章の編集を任せると、体裁のきれいな文が返ってきます。しかし、回すたびに仕上がりが揺れる、直したはずの箇所が別の場 https://the3396.com/videos/posts/systematic-ai-editing/short-video.mp4 AI Editing 2026-02-11T00:00:00.000Z yes no no 2026-03-29T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-article-quality-design AI記事制作の品質設計 https://the3396.com/images/posts/ai-article-quality-design/thumbnail.png AI記事制作で品質が崩れる原因を分解し、編集フローとレビュー基準を先に固定する設計方法をまとめます。出力品質のばらつきを抑え、レビューコストを下げる実務フローを解説。具体的なチェックリストとワークフロー設計を紹介。 https://the3396.com/videos/posts/ai-article-quality-design/short-video.mp4 AI記事制作 2026-03-25T00:00:00.000Z yes no no 2026-03-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-code-blog-batch Claude Codeでブログ量産 https://the3396.com/images/posts/claude-code-blog-batch/thumbnail.png Claude Codeで記事を量産するときに崩れやすい前提を整理し、企画・執筆・レビューを分けて回す実務フローを解説します。量産で失敗する原因は、Claude Codeの性能不足ではなく、企画と執筆とレビューを同じ箱に押し込むことです https://the3396.com/videos/posts/claude-code-blog-batch/short-video.mp4 Claude Code 2026-03-25T00:00:00.000Z yes no no 2026-03-25T00:00:00.000Z weekly 0.7 https://the3396.com/articles/codex-multi-agents-communication-topology Codex通信トポロジー設計 https://the3396.com/images/posts/codex-multi-agents-communication-topology/thumbnail.png Codex Multi-Agents、Claude CodeのSubagents、Agent Teamsの違いを、機能一覧ではなく通信構造で整理する。混同しやすい3概念を選び分けまで含めて最短で理解できる。 https://the3396.com/videos/posts/codex-multi-agents-communication-topology/short-video.mp4 Codex 2026-03-12T00:00:00.000Z yes no no 2026-03-12T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-article-quality-control AI記事品質を守る編集術 https://the3396.com/images/posts/ai-article-quality-control/thumbnail.png AI導入による記事の品質低下を防ぐ「ガードレール設計」と自動クロスレビュー体制の構築方法。編集者の役割を次のレベルへ昇華させるメディア運営論です。AI記事制作の品質低下を防ぐカギは、編集者の「文字修正」から「アーキテクチャ設計」への転換 https://the3396.com/videos/posts/ai-article-quality-control/short-video.mp4 AI記事制作 2026-03-10T00:00:00.000Z yes no no 2026-03-10T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-escalation-policy-design AIエスカレーション条件設計 https://the3396.com/images/posts/ai-escalation-policy-design/thumbnail.png AIエージェントが無理に処理を続けず、人間へ正しくエスカレーションするための条件設計と運用ルールを整理する。エスカレーション判定ロジックと実装例を具体的に解説。設計テンプレートと実装コード付きで解説。 https://the3396.com/videos/posts/ai-escalation-policy-design/short-video.mp4 AIエージェント 2026-03-10T00:00:00.000Z yes no no 2026-03-10T00:00:00.000Z weekly 0.7 https://the3396.com/articles/claude-md-optimization CLAUDE.md最適化の本質 https://the3396.com/images/posts/claude-md-optimization/thumbnail.png CLAUDE.md最適化の本質は「何をたくさん書くか」ではなく「何をどこに分離するか」。Anthropicの公式ドキュメントに沿って、AIエージェントが迷わず安全に働けるリポジトリ環境の構築設計を解説します。 https://the3396.com/videos/posts/claude-md-optimization/short-video.mp4 Claude Code 2026-03-08T00:00:00.000Z yes no no 2026-03-08T00:00:00.000Z weekly 0.7 https://the3396.com/articles/human-in-the-loop-workflow 人が承認する開発ワークフロー https://the3396.com/images/posts/human-in-the-loop-workflow/thumbnail.png AIエージェント開発における人間の役割は「ドライバー」から「ゲートキーパー」へ。承認プロセス（SDD）による品質担保のワークフローを解説します。AIエージェントが自律的にコードを書き、テストを回し、PRを作成する世界。 https://the3396.com/videos/posts/human-in-the-loop-workflow/short-video.mp4 AI Agent 2026-02-11T00:00:00.000Z yes no no 2026-03-01T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-dev-human-bottleneck-flow AI開発の律速5類型を解消 https://the3396.com/images/posts/ai-dev-human-bottleneck-flow/thumbnail.png AI導入後の開発フローで人間が律速になる5つの類型を特定し、非同期化・事前型化・自動化・委譲の4パターンで解消する実践ガイド。制約理論（TOC）の視点からチームのスループットを最大化する。AIがコードを書く速度は十分に速い https://the3396.com/videos/posts/ai-dev-human-bottleneck-flow/short-video.mp4 AI 2026-02-19T00:00:00.000Z yes no no 2026-02-19T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-testing-contract-llm LLM Contract Testing https://the3396.com/images/posts/ai-testing-contract-llm/thumbnail.png LLMやAIサービスとの統合境界をテストする手法。スキーマ検証・セマンティック類似度チェック・ゴールデンテストの3層でプロンプト変更のリグレッションを自動検知する。LLMの出力は毎回変わるが「守るべき契約」は定義できる https://the3396.com/videos/posts/ai-testing-contract-llm/short-video.mp4 AI 2026-02-19T00:00:00.000Z yes no no 2026-02-19T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-testing-design-patterns AI生成コードのテスト3つの型 https://the3396.com/images/posts/ai-testing-design-patterns/thumbnail.png AI生成コードを「書いていないのにテストする」ための設計パターン。振る舞い駆動テスト・プロパティベーステスト・スナップショットテストの使い分けを実践的に解説。AI生成コードのテストは「実装の詳細」ではなく「振る舞い」を検証する https://the3396.com/videos/posts/ai-testing-design-patterns/short-video.mp4 AI 2026-02-19T00:00:00.000Z yes no no 2026-02-19T00:00:00.000Z weekly 0.7 https://the3396.com/articles/managing-spec-files 会話は流れるがファイルは残る https://the3396.com/images/posts/managing-spec-files/thumbnail.png SDDの心臓部である『仕様ファイル』の書き方と管理術。Requirements/Design/Tasksの3層構造と、GitHub MCPを通じたエージェントとのセキュアな文脈共有の勘所を解説します。 https://the3396.com/videos/posts/managing-spec-files/short-video.mp4 Documentation 2026-02-15T00:00:00.000Z yes no no 2026-02-15T00:00:00.000Z weekly 0.7 https://the3396.com/articles/gemini-json-parsing GeminiJSON崩れを3段で救出 https://the3396.com/images/posts/gemini-json-parsing/thumbnail.png 不安定なLLMのJSON出力を確実にハンドリングする『3段構えのパース戦略』。正規表現と型ガードを駆使し、どんなに汚い応答からもデータを安全に救出する実戦用コードを公開します。LLM は「JSON を返さない」前提で組むのが、自動化の鉄則 https://the3396.com/videos/posts/gemini-json-parsing/short-video.mp4 Gemini API 2026-02-12T00:00:00.000Z yes no no 2026-02-12T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-dev-agent-team-playbook AIチーム役割分担の型 https://the3396.com/images/posts/ai-dev-agent-team-playbook/thumbnail.png AIを相棒からチームへ進化させる運用モデルを、Lead・Implementer・Critic・Scribeの4役割とガードレールで体系的に整理する。1体のAIに全部任せると、判断責任が曖昧になって破綻しやすい https://the3396.com/videos/posts/ai-dev-agent-team-playbook/short-video.mp4 AIエージェント 2026-02-11T00:00:00.000Z yes no no 2026-02-11T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-dev-value-not-growing AIで価値が伸びない理由 https://the3396.com/images/posts/ai-dev-value-not-growing/thumbnail.png AI導入後にアウトプットは増えているのに価値が伸びない構造を、レビューと意思決定の観点から整理する親記事。AIエージェント時代の開発では、出力速度よりも「何を採用するか」の判断が律速になります。本記事はレビューと意思決定のボト https://the3396.com/videos/posts/ai-dev-value-not-growing/short-video.mp4 AI 2026-02-11T00:00:00.000Z yes no no 2026-02-11T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-governance-delivery-system AIデリバリー統治の3本柱 https://the3396.com/images/posts/ai-governance-delivery-system/thumbnail.png AIチーム開発で速度と安全を両立するための統治モデルを、リスク分類・KPI・権限設計の3本柱で体系的に整理する親記事。AIエージェント活用では「速く作る」より「安全に出す」設計が持続的な開発速度の鍵になる https://the3396.com/videos/posts/ai-governance-delivery-system/short-video.mp4 AIエージェント 2026-02-11T00:00:00.000Z yes no no 2026-02-11T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-governance-kpi-loop AI開発KPI×学習ループ設計 https://the3396.com/images/posts/ai-governance-kpi-loop/thumbnail.png AIチームの改善サイクルを加速するための、速度・品質・学習の3軸KPI設計と週次レビューによる学習ループの実践的な設計・運用方法を解説する。KPIは単一指標ではなく、速度 × 品質 × 学習の3軸で設計する https://the3396.com/videos/posts/ai-governance-kpi-loop/short-video.mp4 KPI 2026-02-11T00:00:00.000Z yes no no 2026-02-11T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-governance-permission-matrix AI権限マトリクスの作り方 https://the3396.com/images/posts/ai-governance-permission-matrix/thumbnail.png AIエージェント時代の承認権限と責任境界を変更種別×役割の二次元マトリクスで明文化する、チーム運用のための実践ガイド。AIエージェントがコードを書き、PRを出し、デプロイまで自動化される時代。便利な反面、「この変更は誰が最終承認するのか」 https://the3396.com/videos/posts/ai-governance-permission-matrix/short-video.mp4 ガバナンス 2026-02-11T00:00:00.000Z yes no no 2026-02-11T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-spec-decision-evidence 意思決定ログで合意を守る https://the3396.com/images/posts/ai-spec-decision-evidence/thumbnail.png なぜこの実装を選んだかを後から再現できるよう、選択肢・理由・証拠・棄却案を記録する意思決定ログと証拠管理の設計手法を解説する。- 合意の再燃は、判断理由の欠落で起きる。「何を選んだか」ではなく「なぜ選んだか」を残す。 https://the3396.com/videos/posts/ai-spec-decision-evidence/short-video.mp4 意思決定 2026-02-11T00:00:00.000Z yes no no 2026-02-11T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-spec-quality-operating-model AI仕様品質マネジメント入門 https://the3396.com/images/posts/ai-spec-quality-operating-model/thumbnail.png 仕様の曖昧さがAI実装の手戻りコストを拡大させる問題を、判断可能性を基準とした品質管理フレームワークで解決する親記事。全体像を体系的に整理する。AI導入で実装速度は上がる一方、仕様の曖昧さが引き起こすコストは従来以上に拡大する https://the3396.com/videos/posts/ai-spec-quality-operating-model/short-video.mp4 AI 2026-02-11T00:00:00.000Z yes no no 2026-02-11T00:00:00.000Z weekly 0.7 https://the3396.com/articles/blog-automation-with-ai-agents AIブログ半自動化の教科書 https://the3396.com/images/posts/blog-automation-with-ai-agents/thumbnail.png AIエージェントとマルチエージェントアーキテクチャを活用して、ブログ運用を半自動で仕組み化し、高品質なコンテンツを継続的に生み出すための戦略と実践フローを解説します。「全自動」の低品質ループを捨て、人間が編集長を務める「半自動」を貫く https://the3396.com/videos/posts/blog-automation-with-ai-agents/short-video.mp4 AI 2026-02-11T00:00:00.000Z yes no no 2026-02-11T00:00:00.000Z weekly 0.7 https://the3396.com/articles/notion-api-robustness 失敗しないNotion API投稿 https://the3396.com/images/posts/notion-api-robustness/thumbnail.png Notion API 連携で最も多い失敗は『スキーマの変更によるクラッシュ』です。ID のハードコードを避け、実行時にプロパティを動的に解決する、絶対に落ちないスクリプトの実装手法を詳細に解説します。 https://the3396.com/videos/posts/notion-api-robustness/short-video.mp4 Notion API 2026-02-11T00:00:00.000Z yes no no 2026-02-11T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-benchmark-swebench SWE-benchで生産性を測る https://the3396.com/images/posts/ai-benchmark-swebench/thumbnail.png AIワーカー運用の生産性を「雰囲気」から「再現可能な評価」へ。SWE-bench Verifiedの考え方を自社に持ち込み、Lead time・CI pass rate・Rework countで検証する実践ガイド。 https://the3396.com/videos/posts/ai-benchmark-swebench/short-video.mp4 AI開発自動化 2026-02-07T00:00:00.000Z yes no no 2026-02-07T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-mcp-guardrails MCPで運転席と作業者を分離する https://the3396.com/images/posts/ai-mcp-guardrails/thumbnail.png Model Context Protocol（MCP）でAIワーカーのツール連携を標準化。属人プロンプトから脱出し、許可ツールを固定して禁止領域アクセスを0に近づける実践ガイド。こんにちは、みねです。 https://the3396.com/videos/posts/ai-mcp-guardrails/short-video.mp4 AI開発自動化 2026-02-07T00:00:00.000Z yes no no 2026-02-07T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-observability-ebpf AI観測をeBPFとOTelで最小実装 https://the3396.com/images/posts/ai-observability-ebpf/thumbnail.png AIワーカーの失敗を「ログで直す」ための軽量な観測を仕込む。eBPFとOpenTelemetryの考え方を使い、CI落ち分類と改善サイクルを回す実践ガイド。2026年のAI運用基盤設計。計測・可視化・改善の3ステップで解説。 https://the3396.com/videos/posts/ai-observability-ebpf/short-video.mp4 AI開発自動化 2026-02-07T00:00:00.000Z yes no no 2026-02-07T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-tools-comparison-2026 AIコーディングツール比較 2026 https://the3396.com/images/posts/ai-tools-comparison-2026/thumbnail.png AIコーディングツール選定を宗教戦争にせず、検証プロトコルで比較する。役割設計＋handoff＋ガードレールがツール差より成果に効くことを実証する。2026年版の実践比較ガイド。ツール別の強み・弱みを実測データで比較。 https://the3396.com/videos/posts/ai-tools-comparison-2026/short-video.mp4 AI開発自動化 2026-02-07T00:00:00.000Z yes no no 2026-02-07T00:00:00.000Z weekly 0.7 https://the3396.com/articles/ai-wasm-sandbox WASMでAI変更を隔離する https://the3396.com/images/posts/ai-wasm-sandbox/thumbnail.png WASM/WASIでAIワーカーが触れる範囲を技術的に狭め、事故半径を小さくする。プラグインの隔離とロールバック高速化の実践ガイド。AIエージェントのサンドボックス設計。セキュリティ境界の設計と運用手順を解説。 https://the3396.com/videos/posts/ai-wasm-sandbox/short-video.mp4 AI開発自動化 2026-02-07T00:00:00.000Z yes no no 2026-02-07T00:00:00.000Z weekly 0.7