Skip to content

README.ja.md

Latest commit

 

History

History
460 lines (374 loc) · 38.5 KB

README.ja.md

File metadata and controls

460 lines (374 loc) · 38.5 KB

Awesome Vibe Coding (日本語)

Awesome Weekly Update Maintained by Claude Code PRs Welcome License: CC0-1.0

Language: English | 한국어 | 日本語

Vibe Coding Meme

Vibe Codingに関するリソースのキュレーションリスト。Vibe Codingとは、自然言語で意図を記述し、AIにコードを生成させるAIネイティブなプログラミングパラダイムです。

AIによる管理: このリポジトリはClaude Code + Perplexity MCPを使用して毎週自動更新されます。翻訳はClaude Code hooksで自動同期されます。詳細 →

「完全にバイブに身を任せ、指数関数的な成長を受け入れ、コードの存在すら忘れましょう。」 — Andrej Karpathy、2025年2月

目次

Vibe Codingとは？

Vibe Codingは、ユーザーが自然言語で問題を記述し、AIが必要なコードを生成するAI支援プログラミングアプローチです。開発者は詳細なコードロジックを深く理解したり関与したりする必要がありません。この用語は、AI研究者のAndrej Karpathyが2025年2月に作りました。

パラダイムの比較

パラダイム アプローチ 人間の役割 最適な用途
従来のコーディング 手動での構文ベースの記述 すべてのコードを記述/読み取り 完全な制御、本番システム
AI支援コーディング LLMが提案し、人間がレビュー/編集 コードをレビューして洗練 監視を伴う高速開発
Vibe Coding 自然言語からAIへ、テストのみで評価 意図を導き、結果をテスト 迅速なプロトタイピング、MVP

主要な原則

  • 自然言語第一 — 実装方法ではなく、何を望むかを記述する
  • 仕様 vs バイブ — 詳細な仕様よりも、緩やかで意図駆動の記述
  • コンテキスト管理 — 複数ターンの会話で状態を維持
  • 責任の境界 — 人間が判断/テストを担当し、AIが生成を担当
  • 信頼の構築 — 反復的なテストとフィードバックがAI出力への信頼を育む
  • 不確実性の受容 — 行ごとのレビューではなく、テストに基づいてAIコードを受け入れる

ツール

IDE & エディタアシスタント

開発環境に統合されたAI駆動のコード補完と支援。

ツール 説明
GitHub Copilot オートコンプリート、チャット、マルチIDE対応のAIペアプログラマー
Cursor コンテキストに応じたコード生成とインラインチャット機能を持つVS Codeフォーク
Windsurf CodeiumのAIネイティブIDEでCascade AIとマルチLLMサポート
Claude Code AnthropicのCLIベースのエージェント型コーディングアシスタント
OpenAI Codex CLI 自然言語プロンプトを使用するオープンソースCLIコーディングエージェント
Google Jules Gemini 2.5 Pro搭載の自律型AIコーディングエージェント
Gemini Code Assist Cloud/IDE向けGoogleのAIコード補完とチャット
dbForge AI Assistant dbForge製品に統合されたAI搭載SQLコーディングツール
JetBrains AI Junieエージェントを備えたIntelliJ/PyCharmの深い統合
Augment Code 深いコンテキストとセキュリティ（SOC 2）を備えたエンタープライズAI
Tabnine コーディングスタイルに適応する深層学習オートコンプリート
Amazon Q Developer AWS統合AIコーディングアシスタント
Continue オープンソース設定可能AIアシスタントフレームワーク
Qodo AIコードレビューエンジン（旧CodiumAI）
Sourcegraph Cody コード理解と検索のためのAIアシスタント
Supermaven 高速AIコード補完
Cline ファイル/ターミナル/ブラウザ自動化を備えたオープンソースAIアシスタント
Roo Code 複数の役割（アーキテクト、QA、PM）をサポートするAIアシスタント
Google Antigravity マルチエージェントオーケストレーションを備えたエージェント型IDE（Gemini 3 Pro）
opencode マルチプロバイダーとMCPをサポートするオープンソースTUIコーディングエージェント
Aider git統合を備えたターミナルAIペアプログラミング
Zed AI ネイティブAIアシスタントを統合した高性能エディタ
Void 自律型AIコーディング機能を持つオープンソースVS Codeフォーク
Melty 対話型インターフェースを備えたチャット優先のコードエディタ
CodeGPT VS CodeとIDEに対応したマルチLLMサポートのAIコーディングアシスタント
Wingman AI Ollama、HuggingFace、OpenAI、Anthropicをサポートするオープンソースの VSCode拡張機能
DeepSeek CLI DeepSeek Coderモデル搭載のターミナルAIコーディングアシスタント
Codeium 70以上の言語サポートを備えた無料のAIコード補完
Pieces for Developers 自動コードスニペット管理とコンテキストを備えたAIアシスタント
Refact.ai プライバシー重視のセルフホスト型AIコーディングアシスタント
Mutable.ai 自動テスト、ドキュメント化、リファクタリングのためのAI
CopilotKit チャットとジェネレーティブUIを備えたAIコパイロットを構築するためのフレームワーク
Kiro 要件をコードとテストに変換するAWSのスペック駆動型AI IDE
Warp 自然言語コマンドとエージェントモードを備えたAIネイティブターミナル
PearAI 統合検索を備えたオープンソースVS Code AIエディタ
OpenPaw Claude Codeを38以上のスキルを持つパーソナルアシスタントに拡張するCLIツール
Gemini CLI Geminiモデル搭載のGoogleのオープンソースエージェント型コーディングCLI
Tabby プライバシー重視のセルフホスト型オープンソースAIコーディングアシスタント
Aide コードベース全体の問題を自律的に修正できるプロアクティブなAIエージェントを搭載したオープンソースのVS Codeフォーク
Blackbox AI 20以上の言語に対応したAIコード補完・生成ツール、ブラウザ内コーディングで人気
llm.log AIエージェントのAPI呼び出しをキャプチャするローカルプロキシ — トークン、コスト、プロンプト、レイテンシをTUIダッシュボードで表示
Phind コード・エラー・技術的Q&AのためのAI搭載開発者向け検索エンジン
Bito AI VS CodeおよびJetBrains IDE向けAIコードレビュー・生成アシスタント
PR-Agent プルリクエストの自動分析とレビューのためのオープンソースAIエージェント
Caliber Claude Code、Cursor、Codex向けのAIエージェント設定を生成・同期するCLI
roboco-cli Claude Codeによるバイブコーディングのための AI ネイティブ開発スキャフォールディングシステム
vibe-ready Claude Agent SDKを使用してリポジトリのバイブコーディング準備度を6カテゴリスコアリングで分析するCLIツール
oh-my-claudecode 学習コストゼロのClaude Code向けマルチエージェントオーケストレーション
vmux AIコーディングエージェント向けの通知とセッション管理を備えたVS Codeターミナル拡張機能
Codebuff サブエージェント連携とSWE-bench精度61%を実現するオープンソースターミナルAIエージェント
Crush LSP統合とマルチモデル対応を備えたCharmbracelet製グラマラスなターミナルAIコーディングエージェント

エージェント型コーディング環境

エンドツーエンドの開発タスクを処理する自律型AIシステム。

ツール 説明
Devin Cognitionによる自律型AIソフトウェアエンジニア
OpenHands オープンソースの自律型AIソフトウェア開発者
Goose BlockによるMCPサポート付きオープンソースコーディングアシスタント
OpenManus AI支援ドキュメント作成のためのオープンソースフレームワーク
Vibe Compiler (vibec) プロンプトをコードに変換する自己コンパイルツール
AlphaCode DeepMindの競技プログラミングAI
Cherry Studio 自律型コーディングと300以上のアシスタントを備えたAI Agentデスクトップ
OpenSpec AIコーディングアシスタント向けのスペック駆動開発フレームワーク
SWE-agent GitHubのissueを自律的に解決するStanfordエージェント
gpt-engineer 自然言語仕様から完全なコードベースを構築
MetaGPT ソフトウェア会社の役割をシミュレートするマルチエージェントフレームワーク
AutoGPT 複雑なコーディングタスクのための自律型AIエージェント
Sweep issueとPRのためのAI駆動型GitHubアシスタント
Devika Devinに代わる初のオープンソースエージェント型ソフトウェアエンジニア
smol-ai developer アプリ用の組み込み可能な開発者エージェントライブラリ
E2B エンタープライズグレードのAIエージェント向けセキュアなクラウドサンドボックス環境
Plandex 複雑なマルチステップタスクに対応するオープンソースのターミナルAIコーディングエンジン
Cosine 複雑なコードベースのタスクに対応する自律型AIソフトウェアエンジニア
Factory 自律的なコードレビュー、テスト、PR作成を行うAI Droids
Amp Sourcegraphのターミナルファーストなエージェント型コーディングアシスタント
Devon Devinの代替となるオープンソース自律型コーディングエージェント
Copilot Workspace Issue-to-PRワークフロー向けGitHubのエージェント型環境
Agentless 自律型ソフトウェアエンジニアリングのためのミニマリストなオープンソースアプローチ
Suna ブラウザ、コード実行、ファイルシステムを備えた開発タスク向けオープンソース汎用AIエージェント
micro-agent テストが通過するまでTDDでコードを書き反復修正するCLIツール
Potpie コードベースのデバッグ・テスト・コードレビュー向けオープンソースAIエージェント
RA.Aid リサーチ・計画・多段階コード生成を組み合わせた自律型開発エージェント
serverless-openclaw AWSサーバーレスインフラ上でOpenClaw AIエージェントをオンデマンド実行、Web UIとTelegramインターフェース対応
serverless-autoresearch SageMaker Spotトレーニング（H100）上でKarpathyのautoresearchをHUGIパターンで並列進化させるパイプライン
mymir コンテキストネットワークを備えたAIコーディングエージェント向けプロジェクト管理レイヤー

MCPサーバー & ツール

AI機能を拡張するModel Context Protocolサーバー。

カテゴリ サーバー 説明
Git操作 Git, Rube, GitHub リポジトリの読み取り/検索/操作、issue/PR管理
データベース ClickHouse, MongoDB, Chroma, Excel, PostgreSQL, Neon クエリ、マイグレーション、セマンティック検索、スプレッドシート操作、サーバーレスPostgres
セキュリティ Semgrep, Sentry コードスキャン、エラートラッキング
ブラウザ & 自動化 Chrome MCP, Playwright MCP, AnyCrawl, Fetch, Puppeteer, Firecrawl MCP ブラウザ自動化、テスト、Webスクレイピング、コンテンツ取得
モバイル Mobile MCP iOS/Android自動化とスクレイピング（エミュレータ、シミュレータ、実機）
検索 & ナレッジ Brave Search, Exa, Perplexity, Tavily Web検索、セマンティック検索、リサーチ、AI最適化検索
開発 Xcode Build MCP, Spec Workflow MCP, Slack, Linear Xcode統合、スペック駆動開発、チームコミュニケーション、プロジェクト管理
ファイルシステム Filesystem 安全な読み取り/書き込み操作
CI/CD GitHub MCP issues、PR、ActionsへのフルGitHub APIアクセス
実行 E2B AI生成コード実行のための安全なクラウドサンドボックス
ドキュメント Context7 AIコンテキストに最新ライブラリドキュメントを注入
ファイルシステム Filesystem 安全な読み取り/書き込み操作
決済 Stripe 決済、顧客、サブスクリプションのための公式Stripe MCP
ブラウザ（クラウド） Browserbase AIエージェント向けクラウドブラウザ自動化MCP
バックエンド Supabase Supabaseプロジェクトの管理、SQLの実行、マイグレーション処理
デザイン Figma AI駆動フロントエンド開発のためのFigmaデザインデータ
クラウドインフラ Cloudflare AIを通じてCloudflare Workers、KV、D1、R2を管理
MCPクライアント 5ire MCPサポートとローカルナレッジベースを備えたクロスプラットフォームデスクトップAIアシスタント
生産性 Notion MCP ページ・データベース・ブロックの読み書きができる公式Notion MCPサーバー
デプロイメント Vercel MCP AIを通じてプロジェクトをデプロイし、ドメインの管理や環境変数の設定を行う
プロジェクト管理 Jira MCP issueとドキュメント管理のためのAtlassian JiraおよびConfluence統合
マルチサービス Composio Linear、Notion、Slackなど100以上のサービスをAIエージェント向けに接続するMCP自動化

📚 包括的なリストはawesome-mcp-serversを参照してください。

クラウド & プラットフォーム統合

AI支援開発のためのブラウザベースおよびクラウドプラットフォーム。

ツール 説明
Replit Ghostwriter AIを備えたブラウザベースIDE
v0 VercelのUI/React生成AI
Bolt.new StackBlitzによる自然言語アプリ構築
Lovable Supabaseを使用したフルスタックアプリ生成
Berrry ソーシャル投稿をWebアプリに変換
Duet AI Google WorkspaceのAI統合
Trae AI コンテンツ作成のためのAIプラットフォーム
CodeSandbox AI ブラウザサンドボックスでのAI駆動型コード生成
GitHub Copilot Workspace GitHub向けのAIネイティブ開発環境
Create.xyz 自然言語プロンプトを使用したWebアプリ構築
Wordware 開発者向けノーコードAIエージェントビルダー
Kombai Figmaデザインをコードに変換するAI
Dyad ローカルのオープンソースAIアプリビルダー（v0/Lovable/Boltの代替）
Firebase Studio 旧Project IDXで、GeminiによるGoogleのAIファーストブラウザIDE
Google AI Studio Geminiモデルでの構築とプロトタイピングに対応するブラウザIDE
Databutton Pythonバックエンドを備えたAI駆動フルスタックアプリビルダー
Tempo Labs ビジュアルエディタとコードエクスポートを備えたAI駆動のReact UIビルダー
Gitpod AIによるワークスペース自動化を備えたクラウド開発環境
Bolt.diy 独自APIキーをサポートするオープンソースのBolt.new代替
Marblism テキストプロンプトからフルスタックNext.jsアプリを生成するAI
Subframe クリーンなReactコンポーネントコードを生成するAI支援UIビルダー
BuildShip ローコードノードを備えたビジュアルAIワークフロー・バックエンドビルダー
Onlook AIコード生成機能を備えたReact/Next.js向けオープンソースのブラウザベースビジュアルエディタ
GitHub Spark GitHub Nextが開発した自然言語マイクロアプリビルダー、ブラウザ上で動作
Dify LLM搭載アプリケーションの構築・デプロイのためのオープンソースプラットフォーム
Lazy AI ワンクリッククラウドデプロイ対応のチャットベースWebアプリビルダー
Rosebud AI 3DゲームとインタラクティブWebアプリのためのバイブコーディングプラットフォーム
Emergent ワンクリックデプロイとカスタムドメインを備えたAIフルスタックバイブコーディングプラットフォーム
Hostinger Horizons 音声・テキスト・画像プロンプトとホスティング内蔵のAIノーコードアプリビルダー

ワークフロー & テンプレート

ワークフロー 主要なステップ
新機能 Vibe Brief → PRDで検証 → バーティカルスライス計画 → 段階的実装
リファクタリング パターン/臭いを分析 → 安全戦略 → 順次小さなステップ
バグ修正 トリアージと仮説 → 最小限の失敗するテスト → 修正 → 検証
テスト生成 重要な動作を特定 → リスクで優先順位付け → テスト生成

推奨アーティファクト: PRD.md, TECH_DESIGN.md, NOTES.md, CHANGELOG.md

📚 完全なワークフロー & テンプレートガイド → — セッションセットアップ、プロンプトテンプレート、プレイブック

ベストプラクティス

すべきこと ✅

  • コンテキストから始める — アーキテクチャ、制約、関連コードを提供
  • タスクを分解する — 計画 → 生成 → テスト → リファクタリングに分割
  • テストファースト — コードの前または同時にテストを生成
  • サンドボックスを使用 — 分離された環境でAIコードを実行
  • 「ジュニアエンジニア」としてレビュー — セキュリティとアーキテクチャのために常に人間がレビュー
  • アーティファクトを維持 — PRD、NOTES、CHANGELOGを更新し続ける

してはいけないこと ❌

  • 「簡単な」コードのレビューをスキップ — AIは微妙なバグを導入する可能性がある
  • プロンプトに秘密を含める — 環境変数やボールトを使用
  • パブリックモデルに独自コードを提供 — データ漏洩のリスク
  • 生の出力を盲目的に受け入れる — バイブ ≠ 検証なしのバイブ
  • 複雑な決定にAIに過度に依存 — 人間が判断を処理

ドメイン別アプリケーション

ドメイン ユースケース ツール例
Web/アプリ/バックエンド CRUDアプリ、SaaS、マイクロサービス Lovable、Cursor、v0
データ & ML パイプライン生成、実験自動化 Zapier、n8n
DevOps IaC、CI/CDセットアップ、監視 Pulumi、Terraform
研究 ノートブック自動化、データ可視化 ChatGPT、Claude

学習リソース

研究論文

論文 焦点 リンク
Vibe Coding: Toward an AI-Native Paradigm セマンティックソフトウェア開発 arXiv:2510.17842
A Review on Vibe Coding 基礎、課題、将来の方向性 TechRxiv
Vibe Coding and AI-Led Conversational Programming 開発者とAIの相互作用 SSRN
Vibe Coding: AI/Voice Based Code Generation 非コーダー向け研究ツール ICAIR
SWE-bench: Can Language Models Resolve Real-World GitHub Issues? AIコーディングエージェント評価の標準ベンチマーク arXiv:2310.06770
SWE-agent: Agent-Computer Interfaces Enable Automated Software Engineering Agent-Computer Interfaceを使って実際のバグを修正する自律型エージェント arXiv:2405.15793

記事 & マニュアル

動画 & チュートリアル

動画 トピック
Vibe Coding Tutorial and Best Practices Cursor/WindsurfでのAIエージェント
Vibe Coding Is The Future Y CombinatorのVibe Coding
How I use LLMs Andrej Karpathyのガイド
Model Context Protocol Explained MCPの基礎
Windsurf: 90% of Your Code エージェント型IDEの詳細
Vibecoding is Here AIが開発を変える
New Tools for Building Agents OpenAIのエージェントツール
AI Tool Showdown (Japanese) Copilot vs Cursor等
MCP in 10 Minutes MCPクイックイントロ

コミュニティ

Reddit

Discord

スターターキット

  • vibe-coding-prompt-template — 包括的なプロンプトテンプレート
  • awesome-vibe-coding — 別のキュレーションリスト（2.8k stars）
  • vibeworkflow.app — Vibe Codingのワークフロー自動化
  • Dev Janitor — AIコーディングアシスタントと依存関係を管理するためのクロスプラットフォームデスクトップツールキット
  • everything-claude-code — Anthropicハッカソン優勝者による実戦検証済みClaude Code設定（エージェント、スキル、フック、コマンド）

関連するAwesomeリスト

貢献

このリポジトリは AIで完全自動運用 されています。コンテンツの更新、翻訳、キュレーションは Claude Code SDK と Perplexity MCP がGitHub Actionsを通じて処理します。毎週日曜日に自動更新が実行され、承認されたIssueは手動介入なしで自動的に処理・反映されます。

アーキテクチャ

graph TB
    subgraph Repository
        README["README.md<br/>(英語ソース)"]
        README_KO["README.ko.md<br/>(韓国語)"]
        README_JA["README.ja.md<br/>(日本語)"]
        SCRIPTS["scripts/<br/>weekly-update.mjs<br/>auto-process-issue.mjs<br/>issue-approval.mjs"]
        PROMPTS["prompts/<br/>issue-auto-process.md<br/>issue-approval.md"]
        CACHE[".cache/<br/>awesome-vibecoding.db"]
    end

    subgraph GitHub Actions
        WU["週次更新<br/>(毎週日曜日)"]
        API["Issue自動処理<br/>(Issue作成時)"]
        IA["Issue承認<br/>(/approve コメント)"]
    end

    subgraph External Services
        SDK["Claude Code SDK<br/>(@anthropic-ai/claude-agent-sdk)"]
        PERPLEXITY["Perplexity MCP<br/>(AI検索)"]
        GITHUB["GitHub API<br/>(スター数、リポジトリ)"]
    end

    WU -->|"node scripts/weekly-update.mjs"| SDK
    API -->|"node scripts/auto-process-issue.mjs"| SDK
    IA -->|"node scripts/issue-approval.mjs"| SDK
    SDK -->|research| PERPLEXITY
    SDK -->|metadata| GITHUB
    SDK -->|edit| README
    README -->|translate| README_KO
    README -->|translate| README_JA
    SCRIPTS -.->|read| PROMPTS
    SDK -.->|cache| CACHE
Loading

自動化ワークフロー

flowchart LR
    subgraph Weekly["週次更新 (日曜日)"]
        direction TB
        W1["Perplexity検索<br/>+ GitHubトレンド"] --> W2["フィルタリング & 検証<br/>(スター数、アクティビティ)"]
        W2 --> W3["README.mdを更新"]
        W3 --> W4["KO/JA翻訳"]
        W4 --> W5["コミット & プッシュ"]
    end

    subgraph Issue["Issue自動処理"]
        direction TB
        I1["Issue作成<br/>(addition ラベル)"] --> I2["URL検証<br/>& 重複チェック"]
        I2 --> I3{"品質<br/>チェック"}
        I3 -->|Pass| I4["READMEに追加<br/>& 翻訳"]
        I3 -->|Fail| I5["却下 / 要レビュー"]
        I4 --> I6["コミット & Issueクローズ"]
    end

    subgraph Approve["手動承認"]
        direction TB
        A1["/approve コメント"] --> A2["検証スキップ"]
        A2 --> A3["READMEに追加<br/>& 翻訳"]
        A3 --> A4["コミット & Issueクローズ"]
    end
Loading

貢献方法

  1. Issueを作成 — 新しいIssueを作成して提案を登録
    • 追加する新しいツールやリソース
    • 既存コンテンツの修正や更新
    • 新しいカテゴリやセクションのアイデア
  2. 提案内容を説明 — 名前、URL、簡単な説明を含める
  3. 自動処理 — メンテナーが /approve とコメントすると、Claude Codeが自動的にリソースを追加し、翻訳を生成してmainにコミットします

PRではなくIssueを提出してください。 このリポジトリはAIが運用しています — Claude Codeがすべてのコンテンツ編集、フォーマット、翻訳（英語、韓国語、日本語）を処理し、一貫性を確保します。直接PRを送ると、自動化パイプラインとのマージコンフリクトが発生する可能性があります。

キュレーション原則

リソースは以下であるべきです。

  • 関連性 — Vibe CodingまたはAI支援開発に直接関連
  • 品質 — 適切に維持され、文書化され、積極的に使用されている
  • アクセス可能性 — 無料または無料ティアが利用可能なものが望ましい

ライセンス

この作品はCC0 1.0 Universal Licenseの下でパブリックドメインに捧げられています。