このアプリについて

vibeCodingHubとは

vibeCodingHubは、vibe codingで作成したサービスを投稿・共有できるプラットフォームです。 様々な開発者がvibe codingを活用して作成したサービスを発見したり、自分のプロジェクトを公開して フィードバックを得ることができます。

アプリの利用方法

1. アカウント登録

vibeCodingHubを利用するには、まずアカウント登録が必要です。 トップページの「新規登録」ボタンをクリックして、メールアドレスとパスワードを入力してください。 登録完了後、自動的にログインされます。

2. プロダクトの閲覧

トップページでは、承認済みのAIプロダクト一覧が表示されます。 各プロダクトカードをクリックすると、詳細ページに移動します。 詳細ページでは、プロダクトの詳細情報、スクリーンショット、コメントなどを確認できます。

3. プロダクトの投稿

ログイン後、「投稿する」ボタンをクリックすると、新しいAIプロダクトを投稿できます。 フォームに必要事項(プロダクト名、説明、URL、使用しているAI技術など)を入力し、 「投稿する」ボタンをクリックして完了です。投稿内容は管理者の承認後に公開されます。

4. コメントとイイネ

各プロダクトの詳細ページでは、コメントを投稿したり、「イイネ」ボタンでプロダクトを評価したりできます。 建設的なフィードバックやアドバイスは、開発者にとって大きな励みになります。

主な機能

  • ユーザー認証(Supabase Auth)
  • AIプロダクトの投稿フォーム
  • 投稿一覧 / 詳細ページ
  • 管理者による承認フロー(非公開 → 公開切替)
  • 投稿者の開発体制を選択(個人・チームなど)
  • コメント機能
  • イイネ機能

このサービスにコード生成機能は含まれていますか?

vibeCodingHubは、vibe codingで作成されたサービスを共有するためのプラットフォームですが、 サービス自体にはvibe coding機能は含まれていません。このプラットフォームは、ユーザーがvibe codingを使って開発したサービスを 投稿・共有するための場を提供することに特化しています。

vibe codingについて

vibe codingとは、「こういうものを作りたい」「この部分をこんな感じにして」といった要望をそのままAIに伝えるだけで、AIがコードを書き、アプリケーションを構築してくれる新しいプログラミング手法です。vibeCodingHubに投稿されるのは、こうした手法で作られたサービスです:

  • 自然言語処理(NLP)を活用したチャットボットやテキスト分析ツール
  • 画像認識や生成AIを使用した画像処理アプリケーション
  • 音声認識・合成を活用したオーディオツール
  • 機械学習モデルを使用したデータ分析・予測ツール
  • レコメンデーションエンジンを実装したコンテンツ推薦システム

技術スタック

vibeCodingHubは以下の技術を使用して開発されています:

  • Next.js 15(App Router構成)
  • TypeScript
  • TailwindCSS
  • Supabase(Auth + PostgreSQL)
  • Prisma(ORM)
  • Vercel(ホスティング)

フィードバック・お問い合わせ

機能追加のリクエストやバグ報告など、フィードバックをお待ちしています。 お問い合わせは以下のメールアドレスまでお願いします。

メールアドレス:contact@vibe-coding-hub.com