我々は雰囲気で仕事をしている / How can we do vibe coding as well

2025/8/23に開催された ゆるWeb勉強会@札幌 #30 で発表した内容です
Vibe Codingをしてみて気がついた、日本語による指示のしかたについてお話ししました。

Transcript

1. 我々は雰囲気で仕事をしている ゆるWeb勉強会@札幌 #30 2025/8/23 山﨑 奈緒美
2. AWS SAMURAI 2015 JAWS-UGアーキテクチャ専門支部 JAWS-UG情シス支部 生活協同組合コープさっぽろ デジタル推進本部 システム企画部 インフラチーム 山﨑 奈緒美 ご挨拶と自己紹介 大阪出身。 就職で上京し、ソフトハウスでインフラエンジニア 地図情報システム開発会社でひとり情シス 旅行会社の情シス部門でクラウド担当 2020年9月に東京から札幌へ移住し10月よりコープさっぽろへJOIN。 AWSのことならなんでも担当。 @nao_spon I ♡ Route53 IAM Organizations 夏はロードバイク、冬はスノボしてます。仲間募集中！
3. Vibe Codingしてますか？
4. AWS SAMURAI 2015 JAWS-UGアーキテクチャ専門支部 JAWS-UG情シス支部 生活協同組合コープさっぽろ デジタル推進本部 システム企画部 インフラチーム 山﨑 奈緒美 ご挨拶と自己紹介 大阪出身。 就職で上京し、ソフトハウスでインフラエンジニア 地図情報システム開発会社でひとり情シス 旅行会社の情シス部門でクラウド担当 2020年9月に東京から札幌へ移住し10月よりコープさっぽろへJOIN。 AWSのことならなんでも担当。 @nao_spon I ♡ Route53 IAM Organizations 夏はロードバイク、冬はスノボしてます。仲間募集中！
5. プログラミングはとっても苦手💔 山﨑はコードを書くセンスがない ぴえん😢 むかーしむかし、評価面談にて... 当時の上司 うら若き頃の やまさき
6. 遥かなる時が流れた今 私に強力な味方が現れた
7. Vibe Coding
8. Vibe Codingとは Vibe = 雰囲気 ex.バイブス上がるぅ〜 : It has a good vibes! • AIに自然言語でアイデアを伝え、ソフトウェア開発を行う手法 • 開発者は技術的な詳細に深く関わる必要がない • 生成AIがプロンプトから実行可能なコードを生成し、開発を加速 • 「コードの存在を忘れて、アイデアや雰囲気に集中する」のが特徴 • プログラミングのハードルを下げることで、より多くの人が アプリケーション開発に参加できる「プログラミングの民主化」を 促進する可能性がある
9. よーし、Vibe Codingで フルスタックエンジニア爆誕✨
10. ...と思っていた時もありました💔
11. Vibe Coding三大怪談 • 近視眼になるAI • 突っ走って暴走するAI • 暗中模索に走るAI
12. Vibe Coding三大怪談 • 近視眼になるAI • エラー発生時に、まず実行環境の設定がおかしいと疑う • 自分が作ったコードは完璧だと言い張る • 突っ走って暴走するAI • 指示を誤解したままどんどんコードを生成していく • 元に戻してと指示してもデグレしまくり • 暗中模索に走るAI • バグAが出たので直す • バグBが出たので直す • またバグAが出たので直す • またバグBが出たので直す
13. 人間味がありますよね
14. 突然ですが 日本語、得意ですか？
15. 日本語はハイコンテクストな 言語である
16. ハイコンテクストな日本語の例 知っといやすか？ 蕎麦はズルズル 美味しそうに食べても よろしおすねん クチャクチャ クチャクチャ うるさいねん
17. ハイコンテクストな日本語の例 あれチャウチャウちゃう？ チャウチャウちゃうんちゃう、ちゃうちゃう チャウチャウちゃうん ちゃうちゃうチャウチャウちゃう チャウチャウちゃうん ちゃうちゃう ちゃわへんで
18. ハイコンテクストな日本語の例 あれチャウチャウじゃない？ チャウチャウじゃないんじゃない、ちがうでしょ チャウチャウじゃないの ちがうよチャウチャウじゃないよ チャウチャウじゃん ちがうよ ちがわないよ
19. お分かりいただけただろうか
20. 関西弁日本語はハイコンテクストな 言語である
21. 日本人同士でも この人、何を言いたいのか よくわからないなー ってことありますよね
22. 日本語で誤解が起きやすい要因 • 曖昧さ・文法構造 ◦ 主語を省略できる言語なので「誰が」「何をしたか」が 不明確になりやすい ◦ 助詞（は／が／を など）の使い分けによって意味が変わるため AIが誤解しやすい • 表記ゆれ ◦ 漢字・ひらがな・カタカナ・ローマ字など複数の書き方が存在 ◦ 例：「コンピュータ」「コンピューター」「計算機」「computer」
23. AIに誤解させないローコンテクストな日本語 • 主語や対象をはっきり書く ◦ NG例：「説明して」 ◦ OK例：「AIが誤解して突っ走る現象について、発生要因を3つ挙げて説明 して」 ◦ 日本語は主語を省略しやすいので、明確に書くと安定する • 曖昧な表現を避ける • NG例：「短くまとめて」 • OK例：「200文字以内で要約して」 • 「短い」が人間にとっては感覚的でも、AIには数値化が必要
24. AIに誤解させないローコンテクストな日本語 • 分解して指示する ◦ NG例：「脳とAIの違いを表にまとめて説明して」 ◦ OK例：ステップを分けて指示すると暴走しにくい 　①「人間の脳の特徴を5つ挙げて」 　②「AIの脳の特徴を5つ挙げて」 　③「それを表形式にまとめて」 • 専門用語を補足する ◦ 「プロンプト誤解（Prompt misalignment）」のように 英語表現をカッコ書きで添えると安定する ◦ モデルは英語のデータの方が多いので、AIの理解が深まりやすい
25. AIにコードを作ってもらうときのポイント • 要件定義を先に置く ◦ いきなり「コード書いて」ではなく 「目的」「入力」「出力」「制約条件」「想定される使用例」 を要件定義風にまとめさせる ◦ これがガイドレールになり、誤解や暴走を防ぎやすい • 小さなステップに分ける ◦ 一度に大きなコードを求めず、関数単位・モジュール単位で依頼 ◦ 「まず関数の骨組み → 次に中身 → 次にテスト」という アジャイル的アプローチが安定する
26. AIにコードを作ってもらうときのポイント • 具体的な条件を数値で示す ◦ 「短く」ではなく「50行以内」 ◦ 「効率的に」ではなく「計算量はO(n log n)以下」 ◦ あいまいな日本語を避け、定量的に条件を示す • 曖昧さを補うために英単語をサンプリング ◦ 日本語プロンプトだけだと解釈がブレやすい ◦ 例：「エラーハンドリング（Error handling）」と カッコ書きで英語を添えると誤解が減る
27. AIにコードを作ってもらうときのポイント • レビューとリファクタリングを前提にする ◦ 最初の出力を「たたき台」として受け止める ◦ 「この部分を最適化して」「PEP8準拠に直して」と 段階的にフィードバックを与える ◦ 一発完了を狙わず、短いスプリントで品質を上げる
28. まとめ AIにコードを書かせるときは 日本語の曖昧さを避けた表現を心がけ ウォーターフォール的に「要件」を置きつつ アジャイル的に小刻みに回す
29. 9/27土〜9/28日キャンプするよ！ https://connpass.com/event/353521/