hacrex/the-vibe-coding-handbook

AI支援ソフトウェア開発を習得するための包括的なオープンソースハンドブック

学習教材要確認 · NOASSERTIONDevOps・インフラHTML難易度
1300 保存
6フォーク0Issue
デモ・公式サイトをひらくvibingcode.vercel.app

中辛 の解説

JavaScriptベースのHTMLドキュメント集で、初心者向け(2~3ヶ月)・中級者向け(3~4ヶ月)・上級者向け(4~6ヶ月)の3つのパスが用意されています。React・Next.js・Node.js・Docker・Kubernetesといったモダンスタックと、Claude・GPT-4・DeepSeek・Ollama等のAIツールを組み合わせた実践的なワークフローを学べます。すぐに始められるプロジェクト例(Todoアプリ、ポートフォリオサイト、SaaS、AI チャットボット等)が豊富です。

こんなリポジトリです

こんなときに便利です

  • AIアシスタントを活用した開発フローを習得したい
  • 初心者からプロダクション対応まで段階的に学びたい
  • OpenWebUI・Cursor・Continueなどのツールを使いこなしたい

主な機能

初心者~上級者向けの3段階学習ロードマップ30以上の実践的セクション(基礎・開発・応用・リソース)推奨テックスタック(React・Next.js・Node.js・Docker・K8s)とAIツール比較

ほかとの違い

AIコード生成を「魔法の杖」ではなく「開発効率化の手段」として位置づけ、ソフトウェアエンジニアリング基礎とプロダクション思考を同時に習得させる点が、単なるプロンプト集やAIチュートリアルと異なります。

このリポジトリの作り方

はじめてですか? むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。

準備するもの

  • Git基本知識
  • ターミナル操作
  • プログラミング基礎(任意)

ギット飯トライで味見

入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。

ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。

npx gitbap-try hacrex/the-vibe-coding-handbook

Node.js さえあれば、インストールなしで動きます · ギット飯トライとは? →

スター推移 · 7日

1307日間の増加数を計算するための比較データが不足しています

確認日時

使いやすさ · まねしやすいか

サンプル評点 14/100
  • ゆるいライセンス
  • テストあり
  • サンプル集
  • 最近の更新
  • AGENTS.md
  • llms.txt
  • テンプレート

最近の更新あり · 2025 年に作成

「DevOps・インフラ」 こういうリポジトリを毎週受け取りませんか?

毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。

自分のリポジトリですか? README にギット飯バッジを貼る
[![깃밥](https://www.gitbap.com/badge/hacrex/the-vibe-coding-handbook.svg)](https://www.gitbap.com/r/hacrex/the-vibe-coding-handbook)
Claude からそのまま使う — ギット飯のつなぎ方

ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。

方法 ① コネクタ URL

Claude の設定 → コネクタにこのアドレスを貼り付け。

https://www.gitbap.com/api/mcp
方法 ② プラグイン(試用まで)

プラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
つなぎ方をくわしく →

AI が README をもとに要約しました · 原文を見る