Slide 1

Slide 1 text

AIコーディングエージェントのはなし 2025/06/07 伊勢IT交流会

Slide 2

Slide 2 text

もやし工房 石黒 光茂 @koike_moyashi mitsushige.ishiguro もやし工房

Slide 3

Slide 3 text

AI ✕ プログラミングの紹介

Slide 4

Slide 4 text

チャット型 • チャットに聞いてコピペ • チャットで聞いて反映 チャット型 ChatGPT、Gemini、GitHub Copilot Chatなど

Slide 5

Slide 5 text

エディタ型/コード補完ツール • コメントや文脈からコードを自動生成 • 以前の発表(2023/01)で紹介したタイプ エディタ型/コード補完ツール GitHub Copilotなど

Slide 6

Slide 6 text

エディタ型/コーディングエージェント • エディタ内で自律的にタスクを実行 • 今日のデモはこれ エディタ型/コーディングエージェント Cline、GitHub Copilot Agentなど

Slide 7

Slide 7 text

黒い画面で指示をするコーディングエージェント • CLI環境で自律的にタスクを実行 • ここ半月くらいClaude Codeの話をよく見る (賢いらしい) CLI型コーディングエージェント Claude Codeなど

Slide 8

Slide 8 text

自律型コーディングエージェント • 目の前のPC不要、 クラウド(OpenHandsはセルフホスト)上で 自律的に広範な開発タスクを実行 • SlackやWebチャット、 GitHubのチケットで作業を 依頼など 自律型コーディングエージェント Devin、OpenHandsなど

Slide 9

Slide 9 text

ちょっと前と何が違うのか? チャット型、コード補完ツール 人間が指示 → AIが応答 → 人間が確認・修正 (繰り返し) コーディングエージェント 「自律的」にタスクを遂行 何が違うのか?

Slide 10

Slide 10 text

自律的? • 複数ファイルの探索・内容理解 • 複数ファイルの自動編集・書き換え • ターミナル出力の監視・理解 • コマンド実行、ファイル操作、パッケージ導入を自動実行 などなど ※かけるお金によって「自律」のレベルは違います 自律的?

Slide 11

Slide 11 text

気になるお値段 でもお高いんでしょ? • 人を雇うよりは安いが… • 従量課金でのAPI使用は怖い。定額モデルもある。 • 安くなっていってほしいけど、(賢くなっている分) 前より値段は上がって行ってるようにも感じる チャット型(無料~) エディタ型/コード補完ツール(無料~) エディタ型/コーディングエージェント(数十ドル/月~) CLI型コーディングエージェント(数十ドル/月~ ) 自律型コーディングエージェント 下に行くほど、 たくさんAIに問い合わせをするので、 料金も高くなる

Slide 12

Slide 12 text

デモ • 数カ月後にはまた変わってそう • 現在の「自律的」ってこんな感じなのねと、 参考程度に見てもらえれば デモ

Slide 13

Slide 13 text

デモ デモ ## 現在のアプリに下記の機能を加えてください ### データ保存機能 - 情報をsqliteに保存、呼び出し - 名前、電話番号、メモを保存 - テーブル構造は考えてください。メモは最長300字程度。 - sqlite3はインストール済み ### CSVエクスポート機能 - 一覧のcsvエクスポート - ファイルはBOM付きにしてください。csv.encode("utf-8-sig") ## テストをしてください - アプリの起動は rye run streamlit run app.py - アプリ起動後、別のシェルを起動。playwrite mcp ヘッドレスモードで新規追加(名前:伊勢IT交流会テスト、電話: 0123-123456、メモ:こんにちは)し、一覧表示に出ているかをチェック - セレクタ名はソースコードを参考にしてください。 既存の住所録ぽいアプリに保存とCSV出力機能を加えてもらう

Slide 14

Slide 14 text

使うにあたってのTips的なもの

Slide 15

Slide 15 text

「指示の質」が結果を左右する • 複雑なタスクは設計書を用意 (AIに書かせてもOK) • 大きなタスクは細かく分割 (AIに分けさせてもOK) • 分割したタスクごとに実行・確認 「指示の質」が結果を左右する (設計書/指示書) 後述の「必要な情報」として、ここにドキュメントがあるよと伝えておく

Slide 16

Slide 16 text

「必要な情報」を事前に提供しておく • コーディング規約、守ってほしいルール • 使用するライブラリ、フレームワーク • こんなコマンド使え、テストはこうしろ • DBにはこんなテーブルあるよ(SQL文)、API仕様 「必要な情報」を事前に提供 などなど。 書く場所(.clinerules/、XXXX.md など)あるので放り込んでおく。

Slide 17

Slide 17 text

タスク終了毎に現状保存(Git Commit) • いつでも現状まで戻れるように • 場合によってぐちゃぐちゃにされる タスク終了毎に現状保存(Git Commit) 今のところ、信用ならない。すごく複雑な構造に変えてくることも。 指示者の指示が悪く、ぜんぜん違うことしちゃうこともある

Slide 18

Slide 18 text

何をするつもりか聞いてから、実行 • 意図しない動作を防ぐために 「実行前」に計画を確認 • ClineならPlan→Act 何をするつもりか聞いてから、実行 こちらの「指示/意図」がちゃんと伝わってるのかを確認 勝手にやっていく系のエージェントは、この工程は無い?

Slide 19

Slide 19 text

新人に接するように… • 「指示の質」が結果を左右する • 「必要な情報」を事前に提供 • 何をするつもりか聞いてから、実行 新人、新しく入ってきたメンバーに 接するように優しく、 ちゃんと教える&こっちも確認する 「相手は分かっているだろう」で進めると大変なことになるのは同じ

Slide 20

Slide 20 text

使ってみて感じたこと

Slide 21

Slide 21 text

これが未来か.... • やや疲れることもあるけど、非常に楽 • 小規模開発は仕事減&単価も変わりそう • 今は怪しいところもあるけど、今後変わる • ノーコード開発の一つの形(将来的に) これが未来か.... 作ってる方はコードを意識しないと言う意味での

Slide 22

Slide 22 text

AIに意思・意図を伝えるの難しい • 指示の抜け漏れ、誤解釈は多い • AIに的確に指示するスキルが人間に求められる。 日々 人間もAI用に訓練されてる • 明確なドキュメント・指示が鍵 AIに意思・意図を伝えるの難しい

Slide 23

Slide 23 text

「始めたばっかり」の子どもたちはどう付き合っていけばよいか • 「初めてのプログラミング」でどう使っていけばよいか。 • 便利だけど、書く・作る・工夫する・分かる 楽しみ みたいなのはやや低下してる気もする • 今後どこまでコーディングの知識が必要なのか。 • 「コードを書く楽しさ」と言う概念は だんだん無くなっていく? なりたい職業「プログラマー」? 今後もコンピュータでのモノ作りは楽しんでほしいなぁと…

Slide 24

Slide 24 text

まとめ 主流、定番は数ヶ月おきに変わっているが、 未来感あって楽しい まとめ