AIコーディング道場勉強会#2 君（エンジニア）たちはどう生きるか

AIコーディング道場勉強会 #2
https://heroz-job.connpass.com/event/356158/

君（エンジニア）たちはどう生きるか～VibeCodingで補えるもの・補えないもの～
VibeCodingで開発してみて、この先の開発を取り巻く現場、企業、組織ってどうなっていくのかな、という点に考えを巡らせました。
楽しく生き抜いていきたいものです。

Transcript

1. 君（エンジニア）たちは どう生きるか ～VibeCodingで補えるもの・補えないもの～ @otb_msk ※本スライドの内容は全て2025.6.19現在のものです HEROZ by Section9　 AIコーディング道場勉強会 #2
2. 自己紹介 乙部　@otb_msk • 福井県在住、フリーランス • ライフワークとして、こども向けプログラミング教室の先生 　⇒ PCN（プログラミング クラブ ネットワーク） 　「すべてのこどもたちにプログラミングを」 　IchigoJam Basic • 開発経験は C++、VB.NET、PHP（素組み）、JavaScript （素組み）など2000年代で止まっている • 事業会社でバックオフィスの中間管理職、発注側企業の情シ スをやってた人 ◦ 総務部、法務部、リスクマネジメント推進 ◦ コンタクトセンター AmazonConnect × Salesforce マイグレーション 2
3. 作品1：NovelMe ～あなたが主人公の物語 https://novelme-app.vercel.app/ ▪ Next.js, Vercel, Dify, OpenAI ★ 破産防止としてOpenAI の APIで cost を取得して制限 あなたも主人公になってみませんか？ 経歴やエピソードを元に、架空の物語のタイトル、紹介文を 生成します。物語はポジティブに、希望が持てる展開にして くれるので、キャリアに迷った時の気分転換にも。
4. 作品2：JamBox : IchigoJam 学習支援サイト 構想途中のため非公開 ▪ Next.js, Amplify, Amazon Textract IchigoJam Basic のリファレンス、プログラム投稿が できる学習支援サイトを想定 IchigoDyhook の5インチディスプレイの写真を撮って プログラムを文字起こししたい！だがピントやフォント 対応の試行錯誤中
5. 作品3：写真deぬりえ　～AI体験コンテンツ https://github.com/misakiotb/img2img https://github.com/misakiotb/img2img-frontend GPT-Image-1 - OpenAI を使って画像から画像を生成 する https://github.com/code4fukui/img2img をfork してローカルで動かす＆フロントエンドを追加して、体 験コンテンツにアレンジ ブラウザ上で写真撮影→ぬりえに変換→その場で印刷 6/22 地域のイベントで利用予定 react-webcam
6. 作品4：Chrome機能拡張　ペペペ https://misakiotb.github.io/pepepe_xlsx2form/ 非構造化エクセル→フォームに一括コピペ 18年前に作ってた懐かし便利ツールを汎用化し、Chrome機能拡張で再現 ※Chromeウェブストア 申請準備中
7. 作品5：SNS ～ Solo Note Service https://solo-note.net ▪ Next.js, AWS Amplify, Amazon Comprehend, Supabase, Cloudflare だれともつながらない 　自分だけのシンプルノートサービス 　　　　　　　　　・AIスター機能 　　　　　　　　　・AI日報生成 　　　　　　　　　・投稿風 RSSリーダー Comming soon …
8. PM側の人のバグ解決方法 • 基本は人間相手のコミュニケーションと同じ ◦ 発生している状態、エラーログ、再現手順、求めている状態　を伝える ◦ 分析、対応方針を認識合わせする ◦ 対応を指示する • 行き詰った時① どこが原因かわからない ◦ 実装を最小構成にして、基本動作が動くか確認 ◦ 1つずつ実装を戻しながら確認 • 行き詰った時② 修正＆デバッグコード入りすぎ ◦ 「すべて捨てて、シンプルなベストプラクティスのコードで作り直して」 • 銀の弾丸　＝　Claude Code × BrowserMCP 最強！ 捨てる！ ＆ やり直す！
9. できたこと、気付き • 「作ること」のハードルが激烈に下がった • GAS、Chrome機能拡張　が手軽で便利 • 作るだけなら、いくらでも作れる • アイデア、発想、仕様があれば、すぐできる 思いついた → 作ってみよう この距離が近ければ近いほど速い 決定権のある人 アイデアのある人 作れる人 間にはさまる人間は、少なければ少ないほどよい
10. AIコーディングで変わる世界 • 思いついたアイデアは1週間で世に出せる ◦ リリース後 3日で競合サービスが出てくる可能性 ◦ ビジネスPoCスピードの超高速化 ≒ 陳腐化のスピードも高速化 • サービスを出しても、競合が次々出てくる ◦ 優位性をとれる差別化要因は何だ!? ブルーオーシャンはどこだ!? ◦ 上流、企画、戦略段階の重要性
11. AIコーディングで変わる世界 • 速さに追従する準備はできているか？ ◦ AI／AIコーディングを安全に使うためのセキュリティ整備 ▪ ルール、教育、ガバナンス ▪ システム、ネットワーク的制御 ◦ ユーザーのデータを学習、及びサービス体験向上に使うことへのプ ライバシーポリシー変更と同意 ◦ データの民主化、構造化 ◦ 組織構造、意思決定の仕組み
12. AIコーディングで変わる世界、まだ変わってない世界 • システム開発　という業務において、今、最適化されてきている • ビジネスにおいて、各業界の業務に対しては…？ ChatGPT Claude Code Gemini Cursor Devin Windsurf etc… 目的をもって 開発者が学習させ育ててきた 恩恵を受けている 自社ルール 業界ルール 過去実績 顧客データ 業法 「うちのもいい感じにしてよ」 と、言われても… etc… マニュアル