2026年7月22日の開発日記

朝、Xで一枚のポストが目に留まった。「$MU added to BofA US-1 List」。Bank of Americaの最上位推奨リストにMicronが加わったという一報だ。調べてみようと軽く手を伸ばしたその一手が、夕方には決算ビート監視ページに新しい散布図を1枚生やすところまで転がっていった。

同じ日、別のタブでは語源英単語コンテンツのある1ページを開いていた。単語と例文と挿絵が並ぶ、いつもの見慣れた画面のはずだった。ところが見ているうちに、挿絵と例文の中身がどうにも噛み合っていないことに気づく。1ページの違和感のつもりが、4000語まるごとの検証に広がるとは、そのときはまだ思っていなかった。

今日のタイムライン

今日やったこと

1. eurekapu-nuxt4: 積み残し解消から、語源単語コンテンツの画像レビューへ

前日からの積み残しは3つだった。未pushの23コミット、lintの未解決issue、そして表示確認。順番に片付けようとpushを済ませ、lintの警告16件とエラー12件に取りかかると、NULL文字をプレースホルダー区切りに使っていた箇所で置換がBashの出力処理に食われて消える現象に当たった。直接置換用のNode.jsスクリプトを書かせて突破し、型チェック・テストまでgreenにしてからデプロイした。ところが「本当に確認したのか」と問われて初めて、確認したつもりで確認していなかったことに気づかされる一幕もあった。

語源英単語コンテンツのセクションに「五感で貫く英単語4000」「五感ファミリーで見る英単語4000」を組み込み、左側セクションのスクロールバーが選択中の項目に自動追従するよう直させたところまでは、いつもの改善作業だった。異変に気づいたのはその後だ。clud-clus-closのページで、単語の挿絵と例文の中身が対応していない。サブエージェントとWorkflowを使って4000語を全数レビューする体制を組むと、同じ画像が別の単語の例文に使い回されている系統的なバグが浮かび上がった。「先生が彼を許した」という例文の挿絵に、先生も彼もいない。乳鉢で何かをすりつぶす絵が、まったく無関係な単語に貼られている。3件ほど中身を見た時点でこれは個別修正で済む量ではないと判断し、198件を一括で作り直すフェーズに切り替えた。生成の進捗を追いながら夜まで粘ったが、ペースが落ちてきたところで続きは翌日に回すことにした。

主な成果:

• 未push23コミットの反映、lint警告16件・エラー12件の解消、型チェック・テストgreen化
• 語源単語コンテンツのセクション統合とスクロールバー自動追従の実装
• 4000語レビューで画像使い回しバグを発見し、198件の作り直しフェーズへ移行

詳細: eurekapu-nuxt4の積み残し解消：lint・依存脆弱性ゼロ化から語源単語ページ再構成まで / 語源英単語4000語の画像ミスマッチをレビューした記録 — 重複バグの発見から作り直すフェーズへ

2. 会計システムラボ: Phase4のBS/PLからPhase5の年度繰越まで

個人開発の会計システムで、Phase4（財務諸表画面）を仕上げてからPhase5（月次推移表・部門別P/L・年度繰越）に進んだ。Phase5は実装に入る前にCodexへ計画書を5回投げ直した。1往復で通ると思っていたが、投げるたびに新しいレースコンディションやデータ整合性の穴が指摘され、潰しては投げ直す作業を5周繰り返してからようやく実装に着手した。

実装が終わった後は、コードレビュー専用のエージェントを3体並列で走らせて仕上げをチェックさせた。ここでTOCTOU（check-then-actの間に状態が変わる）対策の抜け漏れが1件見つかり、修正してからコミットした。学習ゲートは都度回し、理由が立つものだけLEARN_SKIPで通した。

主な成果:

• Phase4（BS/PL画面）の実装完了、Phase5（月次推移表・部門別P/L・年度繰越）の計画をCodex5往復レビューで固めて実装
• コードレビューエージェント3並列でTOCTOU対策の抜け漏れを発見・修正

詳細: 会計システムのBS/PL実装から年度繰越まで、Codexレビューで固めたPhase4・Phase5開発

3. WordPress移行: 本文幅と行間をブログ基準に揃え直す

移行済みのページを見比べると、本文幅がブログ本体の記事幅とズレていた。合わせて直すと、今度は行間とパラグラフ間の詰まりが目についた。原因は移行元のCSSが当たっていなかったことで、行間を本体側の基準に揃え直した。動画の1コマ目を静止画プレースホルダーとして使っていた古い実装や、ぼやけて見える画像の調整も片付けたが、「今開いてないですよね」とChrome DevToolsでの確認を問われる場面もあった。

主な成果:

• 本文幅とブログ本体の行間・段落間隔を統一
• 動画プレースホルダー・ぼやけた画像の見た目を調整

詳細: WordPress移行記事の本文幅・行間をブログ基準に揃え直した一日

4. しまなみ海道サイクリングの旅行プランを地図とギャラリーで組む

しまなみ海道サイクリングに行きたくなり、コースと費用感をディープリサーチさせて旅行プランのページにまとめさせた。地図に置いたマーカーが海の上に浮いて見える座標バグを見つけて直させ、名所の写真をギャラリー形式で追加、さらに32枚まで増やしてスライドショー化した。

主な成果:

• しまなみ海道サイクリングのコース・費用感を旅行プランページに整備
• 座標バグの修正、写真ギャラリー32枚のスライドショー化

詳細: しまなみ海道サイクリング旅行プランを地図とフォトギャラリーで作った記録

5. ワンワールド世界一周航空券のプラン8選とルール判定アプリ

ワンワールドの世界一周航空券（oneworld Explorer）を使ったプレミアムフライトプランを、サブエージェント5人に競作させて評価する形で作らせた。最初のプランには予算が抜けていて入れ直させ、料金体系をエコノミーとビジネスで2倍しか変わらないと誤解したまま進めていたところを訂正しながら、コストバランスを考えた3案を作らせた。比較がわかりにくいという指摘を受けて、冒頭にモデルルート8選のテーブルを追加させてようやく形になった。

その後、区間数や条件の組み合わせによって成立する・しないが決まるこの航空券のルールを、入力フォームのバリデーションに例えて伝え、成立しない組み合わせを選べないようにするシミュレーターアプリを新規実装させた。ルールを解説する独立記事ページも合わせて作らせた。

主な成果:

• oneworld Explorerを使ったプレミアムフライトプラン8選をテーブル形式で整備
• 区間バリデーション付きのルール判定シミュレーターアプリと解説記事を実装

詳細: ワンワールド世界一周航空券(oneworld Explorer)の旅行プラン8選とルール判定アプリを作った記録

6. Micron BofA US-1 List採用と、決算ビート監視への散布図追加

「$MU added to BofA US-1 List」というポストを追いかけると、公開情報から再構成できるUS-1 List銘柄は36銘柄あった。リストの並び順をティッカーのアルファベット順ではなく、決算ビート監視で使っているウォッチリストの並びに寄せて再構成させた。あわせて、決算ビート監視ページの散布図（フォワードPERとNTM EPS成長率のプロット）から、BofA US-1 Listの銘柄だけを抜き出した専用ページを新規に作らせた。

主な成果:

• BofA「US 1 List」36銘柄の記事化とウォッチリスト順への並び替え
• 決算ビート監視にUS-1 List銘柄限定の散布図ページを追加

詳細: Micron($MU)がBofAの『US 1 List』に採用 — 目標株価1,550ドルの中身

7. Codexユーザー数急増の実態と、世界のAI利用者層

Codexのユーザー数が9日で600万人から1000万人に急増したというグラフを見て、その正体を調べさせた。実態はCodex単体の急成長ではなく、7月9日に統合されたChatGPT Workとの合算値だったと分かった。

別の日に見かけた、世界のAI利用者を4層に分けたワッフルチャートも掘り下げた。最初に提示された図はマゼンタ（ビジネス課金層）の塗りが多すぎたため作り直させ、インターネット普及の歴史との比較や、生成AI登場後のバーチャート推移まで広げさせた。

主な成果:

• Codexユーザー数急増の実態がChatGPT Work統合の合算値だったと特定
• 世界のAI利用者4層ワッフルチャートの修正とインターネット普及率比較の追加

詳細: Codexのユーザー数が9日で600万人から1000万人に急増した本当の理由 / 世界のAI利用者を4層に分けると、ビジネス活用層は上位0.5%だった

8. Web技術構成2026とCloudflareインフラの整理

個人的な技術選定メモをVue.jsベースに統一し、React系・Vue系フレームワークの使い分けやAstroとの境界線を整理した記事を書かせた。同じ日、Cloudflare PagesとWorkers Static Assetsの違い、エッジキャッシュが効く仕組みについても、自サイトの実際の設定を例に整理させた。

詳細: Webサービスの技術構成 2026年版 — Vue.js/Nuxt/Astroの使い分けとその理由 / Cloudflare PagesとWorkers Static Assetsの違い、エッジキャッシュが効く仕組み

9. Claude Code運用まわりの小さな気づき2件

スキルの使用回数はセッションログから数えられるのか、実際に検証させた。Skillツール呼び出し・スラッシュコマンド・サブエージェント内呼び出しという3つの記録経路があり、どれか1つだけを数えると実態を大きく取りこぼすことが分かった。

別の場面では、複数のニュースサイトをWebFetchで取得しようとしたら「Unable to verify if domain is safe to fetch」で全滅した。フォールバック先のr.jina.aiプロキシまで巻き添えになった理由を追うと、WebFetch自体の安全性チェックの仕組みに行き着いた。

詳細: Claude Codeのスキル使用回数はセッションログから数えられるのか調べた / Claude CodeのWebFetchが『Unable to verify if domain is safe to fetch』で全滅した話

今日の試行錯誤

今日の学び

• 「確認しました」と報告した瞬間が、実際に確認した瞬間とは限らない。ブラウザで開き直すまでは確認済みと言い切らない
• サブエージェントに渡すデータの形式（マニフェストか、生の配列か、ファイル読み込みか）を最初に詰めておかないと、後から作り直す羽目になる
• レビューコンテンツで数件チェックしただけで似た不具合が繰り返し出てきたら、残り全部を個別に見るより先に「同じ原因が系統的に起きていないか」を疑ったほうが早い
• Codexへのレビュー依頼は1回で通らなくてもいい。投げるたびに違う角度の指摘が出るなら、その分だけ往復する価値がある

関連記事

• eurekapu-nuxt4の積み残し解消：lint・依存脆弱性ゼロ化から語源単語ページ再構成まで
• 語源英単語4000語の画像ミスマッチをレビューした記録 — 重複バグの発見から作り直すフェーズへ
• 会計システムのBS/PL実装から年度繰越まで、Codexレビューで固めたPhase4・Phase5開発
• WordPress移行記事の本文幅・行間をブログ基準に揃え直した一日
• しまなみ海道サイクリング旅行プランを地図とフォトギャラリーで作った記録
• ワンワールド世界一周航空券(oneworld Explorer)の旅行プラン8選とルール判定アプリを作った記録
• Micron($MU)がBofAの『US 1 List』に採用 — 目標株価1,550ドルの中身
• Codexのユーザー数が9日で600万人から1000万人に急増した本当の理由
• 世界のAI利用者を4層に分けると、ビジネス活用層は上位0.5%だった
• Webサービスの技術構成 2026年版 — Vue.js/Nuxt/Astroの使い分けとその理由
• Cloudflare PagesとWorkers Static Assetsの違い、エッジキャッシュが効く仕組み
• Claude Codeのスキル使用回数はセッションログから数えられるのか調べた
• Claude CodeのWebFetchが『Unable to verify if domain is safe to fetch』で全滅した話