TECHBLOG

GitHubのトレンドで見かけたChrome DevToolsの公式MCPサーバを、MCPクライアント抜きの同梱CLIだけで動かしてみた。docs通りのコマンドが通らず、rootコンテナではChromeが即死する。--browserUrlで自前Chromeに繋いでようやくnavigate・screenshot・Lighthouseまで観測できた実録。

GitHubのトレンドで見かけたroboflow/supervisionを、使い捨てのDockerコンテナで実際に動かしてみた。pip一発で入るのに最初のimportでlibGL.so.1が無いと怒られ、そこからBoxAnnotatorやIoU・PolygonZoneまで触ってみた一部始終。バージョンや実出力もそのまま載せています。

毎週A4で2枚書いていた進捗レポートが、実は冒頭しか読まれていなかった。先輩のひと言で『結論→根拠→次のアクション』の3段に削り、数字よりリスクの見える化を優先したら会話の質が変わった——入社2年目の僕の失敗と学びの記録。

「全部テストする」が破綻した中小案件で、テストピラミッドを現場サイズに翻訳し、特性化テスト・リスクベースの集中・手動と自動の線引きで労力を配分した実践記録。どこに何割かけるかの判断基準を表で示す。

WordPressのリッチエディタに慣れた非エンジニアにMDX編集を続けてもらうために、プレビュー・スキーマ検証・テンプレ化のどれが効いたか、画像挿入でハマった話、最終的にAIドラフト×人間編集に落ち着いた経緯をまとめました。

外部からのWebhookとクライアントからのAPIリクエストを「送り主を信用していい根拠」で検証する設計の記録。HMAC署名はraw bodyに対して計算し定数時間で比較する、JWTはデコードと検証を混同しない、検証は一箇所に集約する——社内のLambda構成で実際に踏んだ落とし穴とあわせて整理した。

自社の広告LP（/lp/ai-web）のフォーム送信基盤を実際に構築・運用した記録。CORS preflightを避けるために送信経路をApps ScriptとLambdaで出し分けた判断、エンドポイントを環境変数で切り替える運用、本番とプレビューでの検証手順、そしてform_submitがGA4で二重計上された落とし穴までを設定とコードレベルで開示します。

ローカルでは通るのにCIだけ赤くなる不安定なE2Eテストを、原因を「固定待機・テストの独立性・脆いセレクタ・並列実行」の4つに切り分けて潰した記録。Playwrightのauto-waitとweb-firstアサーション、fixtureによる状態分離、CIでのretries/workers/trace設定まで、flaky率の実測値とあわせて整理した。

インデックスを貼ったのに速くならない、というスロークエリ相談を、EXPLAINのtype/keyの読み方から、効かない典型パターンの書き換え、複合インデックスの列順、貼りすぎで更新が遅くなるトレードオフまで、実測値ベースで整理した。

入社2年目の頃、先輩に「あなたの考えるはひらめき待ち」と言われて気づいた思考のメタスキル。深さ・広さ・構造化・時間の4軸と帰納法・演繹法を使い分けると、問題解決が「手順実行」に変わる話。

「あの人が辞めたら誰も触れない」状態になってから動いても遅い。コーポレートサイト運用の属人化を解消するための5ステップを、実際に取り組んだ経緯と初期の失敗も含めて整理した。

2026年6月公表のHTTP/2 Bomb（CVE-2026-49975）はApache/nginx直撃のDoS脆弱性。当社のAstro+S3+CloudFront構成が構造的に攻撃面を持たない理由を、責任共有モデルの観点で解説する。

「チケットを切っているのになぜ現場が回らないのか」を問い直した記録。粒度・ステータス遷移・完了条件の3つを運用ルールに落とした結果、手戻り率が約40%減り、AIエージェントも同じチケット運用に乗せられた設計判断を開示する。

問い合わせフォームに拡張コンバージョン計測を導入する際、生PIIをどこにも残さずSHA-256ハッシュだけで送る設計にした実装記録。正規化漏れによるハッシュ不一致の落とし穴、utm_termのマスキング判断、社内でのPII最小化の説明まで。

検収でしか見つからないバグに悩んでいた受託現場で、受け入れ基準の先付け・CI配置・指標可視化を3か月で導入した実践記録。手戻り率が約60%減少した。

「コーポレートサイトにもヘッドレスCMSを入れよう」という流れに一度乗って反省した経験から、国産・海外サービスの料金と運用前提を並べ直し、Git管理（MDX）との境界線や非エンジニア編集者目線の評価軸を整理した2026年版の比較記録。

WordPressプラグインのCVE対応に実際どれだけ工数がかかるか、実案件データで分解。「無料CMS」の隠れコスト、プラグイン数とCVE件数の相関、静的化・プラグイン削減・WAFの費用対効果比較まで。

打ち合わせで「やっぱりAじゃなくてBで」と言われて頭が真っ白になった話。その場で答えなかった理由、持ち帰って書き出した3項目、議事録に「なぜ変わったか」を残すルールの効果、要件変更を前提にしたスケジュール設計について。

テストなし・ドキュメントなし・「動いています」という口頭引き継ぎだけのバッチ処理を受け取った最初の3日間。壊さずに価値を出すための初動と、そこで抑えた衝動が後から大きく効いてきた話。

WordPressからAstroへの移行を複数案件経験して分かった、現実的なタイムラインの内訳。6週で終わる案件と10週かかる案件の差、詰まりやすい工程上位3つと顧客側タスクの所要時間を率直に整理した。

中小企業のWordPressサイトでプラグイン由来の障害が繰り返し起きる理由を、依存関係・更新サイクル・体制の3軸で整理する。「止まったら直す」運用と「止めない設計」のコスト比較も含めて。

自社サイトをAstroに移行して1年が経ち、想定通りだった部分と想定外に手間だった部分を正直にまとめた。コンテンツ更新回数やビルド回数のデータも公開しつつ、他社にも勧められる構成かへの今の答えも書いた。

「ちゃんと動いています」と言われた受注管理システムを引き継いで実際に動かしてみたら、メール通知機能が半年以上止まっていた。誰も気づかなかった理由と、引継ぎ時のチェック方法を変えた話。

PHP 8.1のEOLを前に、複数のクライアントサイトで延命か乗り換えかの判断を迫られました。先送りした場合のリスクと、選択肢ごとのコスト構造を整理した記録です。

金曜17時のデプロイで本番が18分間停止した一件を、ポストモーテムで人ではなく仕組みの問題として整理した経緯。金曜午後デプロイ禁止とリリースチェックリストが定着するまでのチームの合意形成の話。

静的化で何が得られ何が失われるか。表示速度・セキュリティ・運用コストの実数値と、会員機能やフォームの代替案の現実を踏まえ、どんなサイトに向くか向かないかを正直に書きます。

AIを「管理できる存在」にするには、就業規則（CLAUDE.md）・引き継ぎ書（ハンドオーバーコメント）・業務日報（監査ログ）という人事制度の概念をAI設計に適用することが有効でした。自律性と統制のバランスをどう取るか——今の考えを共有します。

AIが実装を自動化する時代だからこそ、「何を作るか」を決める上流工程の価値は高まっている。実プロジェクトの失敗経験をもとに、人間にしか担えない要件定義と意思決定の本質を考える。

AIエージェントを組織に統合するとき、最初はSlackをハブにしようとしました。でも最終的にRedmineを選んだのには理由があります。ステータス遷移をプロトコルとして使い、チケット履歴を監査ログとして活用する——既存チームのワークフローを変えずにAIを追加できた設計の話です。

AWS BedrockでClaude 3 Sonnetを呼び出すまでに詰まったポイントをまとめました。Model Accessの申請忘れ、IAMポリシーの落とし穴、boto3でのAPI呼び出し方法など、ドキュメントだけでは分かりにくかった部分を正直に紹介します。

コーポレートサイトをWordPressからAstro+S3+CloudFrontに移行した経緯と設計判断を記録。Lighthouseスコアが60点台から90点台に改善し、月々の運用コストも劇的に削減できた実例をまとめます。

WordPressの維持運営コストに限界を感じAstro+MDX管理へ移行。コンテンツは人間がMDXで書き、依存関係の更新・セキュリティパッチ対応などの運用作業はAIエージェントがGitHub API経由でPRを出す——その役割分担の設計をまとめました。

Javaの炎上プロジェクトに2年目で放り込まれた体験談。コードより先に人とプロセスを理解すべきだと知らなかった失敗から、小さな貢献でチームの信頼を積み上げ、技術的負債を整理するまでの2週間を時系列で振り返ります。

v3からv4に上げる際に踏んだ地雷を、移行手順・theme()廃止・カスタムユーティリティ・Viteプラグインの4軸で正直にまとめました。公式ドキュメントには出てこない実地の落とし穴が中心です。

AIエージェントを『ツール』ではなく『社員』として設計することで、朝にRedmineへチケットを登録して夕方レビューするだけの運用が成立した話。既存のワークフローを変えずにAIを組み込めた設計上の理由と、現時点での限界をまとめました。

自社コーポレートサイトをAstro + S3 + CloudFrontで構築し、PRベースで効率よくコンテンツ更新を回す構成のアーキテクチャ全体像、パフォーマンス、月額数百円の運用コストの内訳を公開します。

EC案件で取引先ごとにフォーマットが違う受注メールに振り回された末、正規表現を捨てて構造化パーサーに切り替えたら安定した話。Lambda + SESでの運用構成もまとめました。

自社サイトをAstroに移す際、Content Collections + Zodでコンテンツを型安全に管理した設計と、下書きの扱いで最初にコケた話、MDXとReact Islandsの使い分けで悩んだポイントをまとめました。

AIエージェントを複数並列で動かし、人間1人の監督で3倍の作業量をこなす体制を構築した実体験と、実際にかかったコストの内訳をまとめました。

Netlify/Vercelを使わず、既存のAWSインフラを活かしてPRごとのプレビュー環境を構築した経緯と、S3のパス設計でハマった話をまとめました。

創業から8年。お客様・パートナーの皆様に支えられてここまで来られました。感謝の気持ちを込めて、コーポレートサイトをフルリニューアルしました。