Vibe Codingを始めよう 〜Cursorを例に、ノーコードでのプログラミング体験〜
Download as PPTX, PDF0 likes84 views
2025/06/20の勉強会で発表されたものです。
Vibe Codingを始めよう 〜Cursorを例に、ノーコードでのプログラミング体験〜
- 1. Vibe Coding を始めよう -Cursor を例に、ノーコードでのプログラミング体験 - 発表者：トビウオ 発表日： 2025/06/20
- 2. 目次 Vibe Coding とは？ なぜ Vibe Coding なのか？ Vibe Coding の基本的な進め方 実践例 with Cursor Vibe Coding を使いこなすコツ デモンストレーション
- 3. Vibe Coding とは？ 要件を定義 システム設計 コード実装 要件を定義 AI と会話して設計 AI がコーディング 『通常のコーディング』 『 Vibe Coding 』
- 4. なぜ Vibe Coding なのか？ ① 圧 倒 的 な 開 発 ス ピ ー ド ② 思考に集中できる ③ 未知の分野に挑戦しやすい ④ 非専門家との連携
- 7. 実践例 with Cursor ・思考しながらコードを自動で書 き換えてくれる ・コードに対する提案はするが中 身は書き換えない ・提案された変更案を適用するか 逐一聞いてくる ・どの生成 AI モデルを使 うかを選ぶ ・変なマークがあるもの は高性能だが高コスト
- 8. 実践例 with Cursor 入力したテキストにそってあれこれ思考し てくれる 出力されるシェルスクリプトやコード変更 は、適用するかを選べる 「この時点まで変更を戻す」ことも可能 Ask モードで実行→
- 10. Vibe Coding を使いこなすコツ ① 『良い』質問をしよう ② 主導権は常に人間にある ③ 生成物のレビューは必須 ④ まずは「おまかせ」から 指示の仕方で 成功率は変わる コードの品質を 保証するのは 人間の仕事 正しく動作するか、 脆弱性がないかを 確認しよう 最初から詳細に指示 するより、まず AI か らの提案を聞いてみ よう
- 11. デモンストレーション 実際に Cursor を使って、簡単な Web アプリケーショ ンをゼロから作る様子をお見せします