ノート仕事とAI

チャット、CLI、デザイン——AIは置かれる場所で変わる

2026年7月時点で使っている道具の記録。考えを整理する場所、コードを変更する場所、画像を作る場所——同じAIでも、置かれる場所ごとに役割が変わる。Chrome拡張を一つ公開するまでの実際の流れと、人に残る判断について。

仕事とAI 日々の記録

Read this note in English

ノートパソコンを中心に、吹き出し・ブランチ記号・画像アイコンが軌道を描くように浮かんでいるイラスト

この記事を書いている2026年7月、主にChatGPTとClaude Codeを使って、小さなソフトウェアを作っています。

ChatGPTでは、作りたいものの整理や仕様の検討、文章、画面構成などについて相談します。

実際の開発作業には、Fable 5を使うClaude Codeを利用しています。エディターはVisual Studio Code、ソースコードの管理にはGitHubを使っています。

Chrome Web Storeに掲載する画像はClaude Designで作り、必要に応じてCanvaで調整しています。このWebサイトは、Cloudflareで公開しています。

ひとつのAIやアプリですべてを完結させているわけではありません。

Chrome拡張をひとつ公開するまで

たとえば、Chrome拡張を一つ公開するときの流れは、いまはこうなっています。

  1. 日常の小さな不便を見つける
  2. ChatGPTと目的や機能を整理する
  3. 作らない機能と安全上の境界を決める
  4. Claude Codeで既存コードを確認して実装する
  5. Visual Studio Codeで差分やコードを見る
  6. ブラウザ上で自分で動作を確かめる
  7. GitHubに履歴を残す
  8. ChatGPTで説明文やストア文面を整える
  9. Claude Designで掲載画像を作る
  10. Canvaでサイズや配置を調整する
  11. Chrome Web Storeへ提出する
  12. 審査結果を受け、また前の工程へ戻る

人が担当していること

AIへ任せていない部分もあります。

  • 何を問題として扱うか
  • どこまでを製品の責任範囲にするか
  • 権限やデータの扱いが適切か
  • 実際の利用者に誤解を与えないか
  • 変更されたコードが本当に正しいか
  • 公開してよい状態か
  • 審査結果をどう受け止めるか

AIが複数の作業を進めるようになっても、責任の境界を決める仕事は、人に残っています。

考えを整理する場所、コードを変更する場所、変更を確認する場所、履歴を管理する場所、画像を作る場所、公開する場所。

それぞれを行き来しながら、小さな道具を形にしています。

タグ: 生成AI・開発環境・個人開発

← ノート一覧へ