SNS Starter Kit活用ガイド

自分たちのSNSを、土台から作らずに始める

SNS Starter Kit は、ログイン・投稿・通報・管理画面まで入った、コミュニティSNSの土台です。このページでは、どんなSNSが作れるか、Claude Code でどう変えていくか、何が必要で費用はどのくらいかを、購入前に確かめられるようにまとめました。

このページで分かること

作れるコミュニティの例と、Claude Code に頼める変更
導入の流れと、事前に用意するもの
外部サービスの費用の目安
向いている方・向いていない方と、よくある質問

どちらに近いですか？

コミュニティを運営する方

趣味の会・ファンの集まり・地域のサークルなどを、LINE のグループや Discord ではなく、自分たちの名前のSNSにしたい方。

運営する方へ →

自分のサービスを作る開発者

会員制のコミュニティを自分のサービスとして作りたいが、認証・権限・通報まわりを一から作るのは避けたい方。

開発者の方へ →

作れるコミュニティの例

同じ土台から、名前・色・カテゴリ・プロフィールの項目を変えて、コミュニティに合わせます。下はすべて架空の例です。

コミュニティごとの設定の例
コミュニティ	プロフィールの項目	投稿のカテゴリ
車	愛車・型式・年式・地域	愛車紹介・整備記録・ツーリング
写真	カメラ・よく使うレンズ・撮るジャンル	作品・撮影地・機材
ゲーム	メインタイトル・プラットフォーム・プレイ時間帯	募集・攻略・雑談
スポーツ	競技・ポジション・所属チーム	練習記録・試合結果・メンバー募集
ファンコミュニティ	推し・好きになった時期・参加予定	感想・イベント・グッズ

車・写真・ファンクラブの3つは、設定の見本として商品に同梱しています（コマンド1つで当てはめられます）。

コミュニティを運営する方へ

初期設定の後は、Claude Code に話して変える

同梱の開発ルール（CLAUDE.md・AGENTS.md）には、AI が変えてよい場所と、変えてはいけない場所が書いてあります。名前や色、カテゴリなどは「標準の道」として、設定ファイルを変えるだけで反映されます。たとえば次のように頼みます。

Claude Code に頼む例（同梱の SAFE_CHANGE_GUIDE.md より）
変えたいこと	頼み方の例
名前とロゴ	「名前を『週末ランナーズ』にして、ロゴを public/brand/logo.svg にしたい」
色と角の丸み	「全体を落ち着いた緑にして、角を丸くしたい」
画面の言葉	「『投稿』を『作品』、ボタンを『作品を投稿』にしたい」
カテゴリ	「カテゴリを『大会・練習・ギア・質問』にしたい」
プロフィールの項目	「プロフィールに『よく走る距離（km）』を足したい」
機能の ON / OFF	「投稿に画像を付けられないようにしたい」
スパム対策	「1時間に投稿できる数を10件にしたい」
ルールの文章	「ルールに『売買の禁止』を加えたい」

変えた後は npm run verify という確認のコマンドを動かします（2分ほど）。守る場所が変わっていないか、秘密の値が混ざっていないか、画面が動くかを自動で確かめ、問題があればどこが悪いかを表示します。

運営に必要な機能は、最初から入っています

メール認証・パスワード再設定
アカウント削除
プロフィール
投稿・返信
画像アップロード
データベース・ストレージのアクセス制御
通報・ブロック
管理画面（通報対応・投稿の非表示）

荒らしや迷惑な投稿への対応（通報・ブロック・管理画面での非表示）は、コミュニティを続けるうえで欠かせません。ここを後から作るのは手間がかかるため、土台に含めています。

先に知っておいてほしいこと

サービスは、ご自身の Supabase と Vercel のアカウントで公開・運用します。会員のデータを預かるのはご自身です。公開後のデータの管理や、利用者からの問い合わせへの対応も、ご自身（または手伝ってくれる方）が担います。

自分のサービスを作る開発者の方へ

Next.js（App Router）と Supabase（Auth・Postgres・Storage）で作った、会員制コミュニティのソースコード一式です。公開先は Vercel を想定しています。

守りが固い場所と、自由に足せる場所を分けています

認証や行ごとのアクセス制限（RLS）など、間違えると事故につながる場所は「守る場所」としてまとめ、変更を検出する仕組み（guard と Git の hook）を入れています。Claude Code が守る場所を書き換えようとすると、その時点で止まります。

守る場所: 認証（Auth）・認可（Authorization）・RLS・データベース構造・Storage Policy・管理者権限・Secrets
自由に足せる場所: 設定ファイル（名前・テーマ・カテゴリ・プロフィールの項目・機能の ON/OFF・投稿の上限）と、Extension（Core を書き換えずに画面・テーブル・通報の対象・通知を足す仕組み）
独自のテーブル: 決まったひな形（custom_ や ext_<id>_ で始まる名前、RLS つき、取り消しの SQL つき）で足します。RLS を外す・未ログインの利用者に権限を与える・画像を公開にする、といった危険な書き方は guard が止めます

確かめるコマンドが同梱されています

npm run verify（2分ほど）: 守る場所・危険な書き方・秘密の値・設定・型・lint・ビルドと、アプリを起動して主な画面を操作する確認
npm run verify:full（2〜3分）: 上に加えて、データベースの安全の仕組み（権限・ブロック・通報・上限・削除など）を実際のデータベースで試す確認

ライセンス

1購入につき、本番環境で公開する1つのプロジェクト（1 Production Project）で使用できます。手元・開発・ステージング・受け入れ確認などの非公開の検証環境は、数に含みません。第三者のための制作代行には使用できません。自社のサービスとして運営するコミュニティのためにお使いください。

導入の流れ

購入して、ZIP を受け取る決済のあと、ダウンロードの案内をメールでお送りします（24時間以内）。
START_HERE.md を読む何を用意して、どの順で進めるかが書いてあります。
Supabase・Vercel・メール送信を用意するご自身のアカウントで作ります。手順書は画面ごとに、押すボタンまで書いています。
初期設定のコマンドを動かす鍵の書き込み・データベースの準備・確認（verify:full）を、用意したコマンドで進めます。
Claude Code に話して、コミュニティに合わせる最初に同梱の FIRST_PROMPT を渡し、そのあと変えたいことを1つずつ頼みます。
確かめて、公開するverify で確かめ、Vercel に公開します。ログインから投稿・通報までを、実際に試してから案内を始めます。

用意するもの

Mac：macOS 26（Apple シリコン）、Node.js 22.18 以上、Google Chrome
Claude Code：Claude の有料プランで使えます
外部サービスのアカウント：Supabase・Vercel・メール送信サービス（Resend など）。GitHub は無くても公開できます
独自ドメイン：登録や再設定のメールの送信元に使います（持っているドメインのサブドメインで構いません）

外部サービスの費用の目安

商品の代金とは別に、ご自身で契約する外部サービスの費用がかかります。

外部サービスの費用の目安（2026年11月時点）
サービス	役割	始めるとき	有料にするとき
Claude（Claude Code）	AI に話して変える	有料プラン（Pro は月20ドル〜）	Claude Code は有料プランで使えます。使う量が多いと上位のプランが必要になることがあります
Supabase	データベース・ログイン・画像の保存	無料プランから始められます	無料プランは、1週間使われないと一時停止します。公開して運用するなら Pro（月25ドル〜）が安心です
Vercel	公開先（サイトを置く場所）	無料の Hobby プランから試せます	Hobby は個人の非商用の利用に限られます。会費を取るなど商用で使うなら Pro（1人あたり月20ドル〜）
Resend など	登録・パスワード再設定のメール	Resend は無料で月3,000通（1日100通）まで	登録が多い日に1日100通を超えそうなら有料プラン
独自ドメイン	例: example.jp	年1,000〜3,000円程度（種類による）	登録や再設定のメールの送信元に使うため、必要です（持っているドメインのサブドメインで構いません）

料金と条件は各サービスが変更することがあります。契約の前に、それぞれの公式の料金ページで確かめてください。ドルの料金は為替によって円の金額が変わります。

向いている方・向いていない方

向いている方

自分たちの名前のSNSを、自分の管理で持ちたい
AI で Web アプリを作ったことがある（または手伝ってくれる人がいる）
ログイン・通報・管理画面を一から作る時間を省きたい
Mac で作業できる

向いていない方

設定や運用を、すべて誰かに任せたい（運営代行は行っていません）
DM・動画・ライブ配信・アプリストアのアプリが最初から必要
お客さまのSNSを制作して納品したい（制作代行には使えません）
Windows・Linux で作業したい

よくある質問

プログラミングが分からなくても使えますか？

同梱の日本語の手順書（START_HERE.md・SETUP_GUIDE.md）に沿って、ターミナルにコマンドを貼り付けたり、Supabase や Vercel の画面で設定したりする作業があります。AI で Web アプリを作ったことがある方、またはその作業を手伝ってくれる方がいる場合を想定しています。初期設定が終わった後の変更は、Claude Code に話して進められます。

Windows で使えますか？

動作を確認しているのは macOS 26（Apple シリコン）、Node.js 22.18 以上、Google Chrome。Windows・Linux は動作確認の対象外です。

月々の費用はかかりますか？

商品は買い切り（49,800円・税込）で、月額の利用料はありません。ただし Claude・Supabase・Vercel・メール送信サービス・ドメインなどの外部サービスの費用は、ご自身の契約で別途かかります（このページの「費用の目安」をご覧ください）。

いくつのSNSに使えますか？

1購入につき、本番環境で公開する1つのプロジェクト（1 Production Project）で使用できます。手元・開発・ステージング・受け入れ確認などの非公開の検証環境は、数に含みません。第三者のための制作代行には使用できません。

お客さまから頼まれたSNSを作るのに使えますか？

Standard のライセンスでは、第三者のための制作代行には使えません。ご自身（法人の場合はその法人）が運営するコミュニティのためにお使いください。

アップデートはありますか？

将来の更新（アップデート）の提供は保証しません。

サポートはありますか？

購入日から30日間、メールで対応します（非同期。電話・オンライン会議での対応はしません）。対象は、同梱の手順書どおりに操作しても導入できない重大な問題です。個別のカスタマイズ、購入者による改変の後の問題、外部サービスの障害・仕様変更、Standard の対象外の機能、Extension Pack・追加機能・v2、運用の代行、動作確認の対象外の環境（Windows・Linux など）は対象外です。

DM やプッシュ通知はありますか？

初期版には含めていません。含めていないもの: DM・グループチャット・動画投稿・ライブ配信・プッシュ通知・ネイティブアプリ・レコメンド・ランキング・SNS内決済。独自の機能は、同梱の Extension の仕組みで足せます（作るのはご自身です）。

返品・返金はできますか？

本商品はデジタル商品のため、ダウンロードの提供を開始した後の、お客様のご都合による返品・返金はお受けしていません。ただし、購入日から30日以内に、同梱の手順書どおりに操作しても導入できない重大な問題が生じ、サポートでも解決できない場合は、返金します。同じ商品を誤って重複して購入した場合も、重複分を返金します。