Vibe Codingの紹介

Vibe Codingワークフローの基本を学び、最初のコントリビューションを始めましょう。

Vibe Codingとは？

Vibe Codingは、AIアシスタントと協力してアプリケーションを構築する現代的な開発ワークフローです。すべてのコードを手動で書く代わりに、達成したいことを説明すると、AIが確立されたパターンとベストプラクティスに従って実装を支援します。

主要な概念

始める前に、これらの基本的な概念を理解しておきましょう：

ブランチ

ブランチとは、コードベースの独立した作業用コピーです。常にmainブランチからフィーチャーブランチを作成し、mainに直接コミットしないでください。フィーチャーブランチ上で加えた変更は、レビューを経てマージされるまでmain（本番）から切り離されているため、安全に試すことができます。

プルリクエスト（PR）を作る（開く）

プルリクエスト（PR）を作る（開く）とは、フィーチャーブランチで加えた変更をmainブランチに取り込むよう提案することです。PRを開くと、変更内容の差分が表示され、自動チェック（ビルドやテスト）が実行され、レビューやプレビュー環境での確認ができます。すべての変更はPRを通して行い、mainに直接コミットしません。

ステージング環境（テスト環境）

ステージング環境は、本番環境とは別に用意されたテスト用の環境です。PRを開くと、その変更が自動的にステージング（プレビュー）環境にデプロイされ、本番に影響を与えずに実際の画面で動作を確認できます。PRのコメントにプレビューURLが投稿されるので、そこで問題がないか確かめてからマージします。

PRをmainブランチへマージする

「PRをmainブランチへマージする」とは、フィーチャーブランチの変更をmain（本番）ブランチに正式に取り込むことです。自動チェックが通り、レビューで承認され、ステージングでの確認が済んだら、GitHub上でマージします。マージ後は、変更が本番環境に自動的にデプロイされます。マージはPRの作成者（人間）が行い、Claudeは行いません。

Claudeのスキル（Skill）

Claudeの「スキル（Skill）」とは、特定の作業の手順やベストプラクティスをまとめた、Claude向けの再利用可能なガイドです。このプラットフォームには作業別のスキルが用意されており（例：新しいアプリの作成、データベースの変更、デプロイなど）、関連する作業を依頼するとClaudeが自動的に該当するスキルを読み込みます。/new-minor-featureのように/スキル名で明示的に呼び出すこともできます。

クイズ

基本を理解できているかテストしましょう：

次のステップ

基本を理解したら、ワークフローを学んでコントリビューションを始めましょう。