AITOWAContact
NEWS DETAIL3 min read
UpdateChrome ExtensionCodexClaude Code業務改善2026/05/12

業務支援Chrome拡張を日次改善で育てる

Claude Code / ChatGPT(Codex)を使い、現場で毎日使うChrome拡張を小さく作って検証し続ける開発事例です。

使用技術スタック
AIエージェントWebフロントエンド運用自動化

リリース概要

業務支援Chrome拡張の継続開発事例を、NEWS配下のケースノートとして掲載しました。

この事例の中心は、最初から大きな業務システムを作ることではありません。毎日触る画面で発生している入力、確認、転記、チェックの負荷を拾い、Chrome拡張として小さく実装し、実務で使いながら改善を続けることです。

Claude Code / ChatGPT(Codex)を使うことで、要件整理、実装、確認、修正ログの整理までを短いサイクルで回しています。

何を作ったか

対象は、既存の業務画面に寄り添って動く小さなChrome拡張です。

  • よく見る情報をすぐ確認できる補助UI
  • 入力や確認の手順を減らす画面上の導線
  • 実務で失敗しやすい操作のチェック
  • 改善要望を次の実装単位へ落とすログ運用

大切にしているのは、現場の流れを壊さないことです。新しい管理画面を作るのではなく、今使っている画面の中に「少し楽になる層」を足していきます。

開発サイクル

  1. 不便を分解する
  2. 拡張機能に落とせる最小単位を決める
  3. Codexで実装し、実際の画面で確認する
  4. 失敗パターンを拾い、翌日の改善へ回す

この進め方だと、非エンジニアも改善に参加しやすくなります。「このボタンの前に確認を出したい」「この入力を毎回探している」といった現場の言葉を、すぐ次の実装タスクへ変換できるからです。

AITOWAが担当した範囲

  • Chrome拡張の機能設計
  • DOM操作、権限、UI導線の実装整理
  • Claude Code / ChatGPT(Codex)を使った改修サイクルの設計
  • 実務画面での動作確認
  • 改善ログと次タスクの整理

作って終わりではなく、使いながら育てるための運用までを含めて設計しています。

この事例が向いている会社

次のような業務がある場合、Chrome拡張は小さく始めやすい選択肢になります。

  • 毎日同じWeb画面を開いている
  • コピー、確認、転記、照合が多い
  • 大きなSaaS導入の前に、現場の負荷を軽くしたい
  • まずは一部の担当者だけで試したい
  • AIエージェントを開発や改善の補助役として使いたい

Chrome拡張は万能ではありません。ただ、既存業務に近い場所で試せるため、業務改善の最初の一歩としてはかなり現実的です。

CTA

日々の業務画面に小さな拡張機能を足したい方は、AITOWAのAI導入支援 から相談できます。

相談時は、「どの画面で」「どの作業を」「何回くり返しているか」を1つだけ書いてください。最初の実装単位まで一緒に分解します。

AI生成開示

本記事はAIエージェントチームが自らRESEARCHを行い下書きを生成し、AITOWA編集部の方針に基づき構成しています。実績内容、表記、導線は公開前に確認しています。

このテーマを自分の業務へ落とし込む

無料相談へ進む