01
AI依存
AI に書かせて、 身についてない。
AI の力で動くものは作れる。 でも読めない・直せない・応用できない。 "使える"ではなく"依存"になっている。。
React を、
共同開発から
実務経験へ。
0 から React / Next.js 開発を学ぶオンライン学習サービス
b13o コミュニティは仲間と作り、成果物を残し、
実務経験へ進む場所です。
孤独な学習を、
チーム開発の実績に！
チーム開発の実績に！
Next.js
React
TypeScript
Tailwind CSS
Prisma
VercelThe Before
こんな「学習の壁」に
ぶつかっていませんか？
b13o のメンバーが、
入会前に抱えていた 3 つの悩みです。
02
挫折
独学は、 続かない。
本や動画を買っても、1人で続けるのは難しい。 独学で何度も挫折している。。
03
実績なし
学んだのに、 証明できない。
チュートリアルは完走した。 でも「自分の実績」として見せられる成果物まで届かない。
The Solution
その問題、b13o のカリキュラム＆
コミュニティが解決します！
ロードマップに沿ったハンズオン教材を受け取り、
仲間とコミットするコミュニティに参加して下さい。
Customer Journey
学習の、
5つの流れ。
30日チャレンジから
共同プロジェクトへ。
学習の旅。
5 つのマイルストーン
5 つのマイルストーン
Blueberry Journey
01
30日
チャレンジ
02
練習用
プロジェクト
03
React 深掘り
ハンズオン
04
オリジナルアプリ
構築
構築
05
実践
プロジェクト
Collaboration Path
共同開発から実務経験へ。
AI時代の学習設計。
早い段階から、共同開発に参加します。
Path
ビギナー
First PRIssue -> PR -> Review
ビギナーパス
練習用プロジェクト
まずは小さなタスクから
Issue を選び、Pull Request を出し、レビューを受ける。チーム開発の流れを、b13o の中で安全に練習します。
For
React の基礎と 共同開発の流れを練習したい人
Path
見習い
Team BuildSpec -> Build -> Deploy
見習いパス
実務形式のプロジェクト
仲間と1つのプロダクトを作る
仕様確認、実装、レビュー対応、改善まで。実務に近い流れで、公開できる成果物とGitHubの実績を積み上げます。
For
実装や進捗共有、レビュー対応ができる人
Path
駆け出し
Client WorkQuality -> Delivery
駆け出しパス
クライアント案件に参加
実務経験として語れる段階へ
準備ができた人から、実際のプロジェクトへ。品質・納期・顧客価値を意識しながら、実務の手触りを得ます。
For
共同開発の基礎があり、責任を持って進められる人
React 学習にコミットするオンライン環境
コミュニティで始める01
React 学習教材を受け取る
ロードマップに沿った30以上のハンズオン教材にアクセスできます。
初級
おみくじアプリでNext.js入門
#Next.js
初級
React Hooks 実践入門
#ポモドーロタイマー
上級
NEW
Auth.js × Stripe 実践入門
#ECサイト
初級
React Router 入門
#SPA
中級
NEW
Shadcn/ui × React 開発ガイド
#Gemini AI
中級
NEW
React Testing Library 入門
#Vitest
中級
NEW
Server Actions 入門
#React v19
上級
NEW
Next.js E2E テスト入門
#Playwright
初級
おみくじアプリでNext.js入門
#Next.js
初級
React Hooks 実践入門
#ポモドーロタイマー
上級
NEW
Auth.js × Stripe 実践入門
#ECサイト
初級
React Router 入門
#SPA
中級
NEW
Shadcn/ui × React 開発ガイド
#Gemini AI
中級
NEW
React Testing Library 入門
#Vitest
中級
NEW
Server Actions 入門
#React v19
上級
NEW
Next.js E2E テスト入門
#Playwright
初級
おみくじアプリでNext.js入門
#Next.js
初級
React Hooks 実践入門
#ポモドーロタイマー
上級
NEW
Auth.js × Stripe 実践入門
#ECサイト
初級
React Router 入門
#SPA
中級
NEW
Shadcn/ui × React 開発ガイド
#Gemini AI
中級
NEW
React Testing Library 入門
#Vitest
中級
NEW
Server Actions 入門
#React v19
上級
NEW
Next.js E2E テスト入門
#Playwright
02
コミュニティで習慣を形成
日々の開発・作業用 Discord で、モチベーションを高めましょう
#開発チャンネル
B
Blueberry今日
オリジナルアプリにログイン機能を実装する
M
Mojito今日
私は、共同プロジェクトのタスクを進めます！
メッセージを送信...
Social Proof
先に入ったユーザーの声
止まっていた学習を、
最先端の実績に変える
チーム開発
React を活用した開発について体系的に学べる。React に限らず、Git などによるチーム開発の手法も学べるので将来的に就職などといったチーム開発が必要な環境に挑戦するつもりで独学している人にもおすすめ。
ロードマップ
独学でReactを学ぼうとすると情報が多すぎて何から手をつければいいか迷っていましたが、b13o.comはロードマップが整理されていて非常に効率的だと感じました。 現在の最新トレンド（React 19やコンパイラの動きなど）まで網羅されており、現場で求められる知識の現在地を把握できるのがありがたいです。JavaScriptの重要構文もピンポイントでまとめられているので、復習すべき場所が明確になりました。コミュニティやハンズオン教材も活用して、実践的なスキルを身につけていきたいです。
共同開発
共同開発の経験を積みたくて入会しました。非常にリーズナブルなサブスク料金なので、出費を気にせず自分のペースで楽しく課題に取り組めるのが良いです。 独学だと自分で学習スケジュールを立てたり今後の方向性など分からないことが多いまま手探りで進めることが多いですが、メンターさんが1つ1つフェーズを分けて段階的に進めるようにしてくれるので、迷わず作業をすることができています。 自分の方で GitHub をあまり活用できていなかったのですが、便利な機能がたくさんあることを知って日々目からウロコでものすごく面白いです。 このコミュニティを見つけられて良かったです！ありがとうございます！
@you · contributions — 26 weeks
BEFORE3 commits
LEVEL UP
AFTER613 commits
Less · · · · More312/365 days active
Pricing
料金プラン
一人で悩まず、
必要なサポートを選んで続けられる環境を。
まずここから
コミュニティ30% OFF
まず仲間と作り始めたい方に
¥4,980
¥3,480/ 月
リニューアル価格（解約までずっと）
- 全教材へのアクセス（30+アプリ）
- Discord コミュニティサポート
- 共同プロジェクトへの参加
- 習慣化プログラム
- いつでもキャンセルできます
フォローアップ
メンターからの個別サポートを受ける
¥12,800/ 月
- 「コミュニティ」の全特典
- 個別のロードマップ・課題設計
- 月１回〜 個別ミーティング
- ポートフォリオ作成支援
- 共同開発への参加支援
パーソナル残り2枠
目標達成までの時間と挫折リスクを、大幅に減らす
¥39,800/ 月
- 「フォローアップ」の全特典
- 週１回〜 個別ミーティング
- コードや設計のレビュー
- キャリア・個人開発・副業の支援
- 実務案件へ進むための伴走
今度こそ、学習を完走しよう。
まずはコミュニティで、仲間と作る経験を始めましょう。
メンターとの 30 分の無料相談で、方向性を整理できます。
FAQ
よくある質問をまとめました。
その他、ご不明点は
お気軽にお問い合わせください。
すべての教材、Discord コミュニティ、勉強会、習慣化プログラムを利用できます。共同開発も、見学・小さなタスク・練習用共同開発から参加できます。個別ミーティングや細かい伴走が必要な場合は、上位プランでサポートを増やせます。
いいえ。いつ加入しても、その日から数えて毎月課金が発生します。例えば、6月13日に加入した場合、2回目の支払いは、7月13日に自動で行われます。なので、加入時期による差はありません！
参加できます。ただし React を中心に学ぶ場所なので、HTML/CSS/JavaScript の基礎を少し触ってから入ると、より効果的に活用できます。不安な場合は無料相談で現在地を確認できます。
はい。学習状況に合わせて、１か月ごとに柔軟に変更可能です！事前にご相談いただけると、更新のタイミングなどで切り替えを無駄なく調整できます。解約もいつでも可能です。
b13oコミュニティが重要視するスキルを習慣化するための、30日分のテキスト＋動画教材です。React の学習に限らず、Git/GitHub の活用、学習のアウトプット、進捗の共有などです。
Blueberry Mojito（ブルーベリーモヒート）は長いので、表記の際は、最初と最後の文字と、間に入る文字数で省略しています。
これは、k8s、a11y、i18nなど、開発者の間では、しばしば使われる省略方法です。
かっこいいですね 🫐🌿
はい。まずは見学、小さなタスク、練習用共同開発から参加できます。その後、準備ができた人から実務形式のプロジェクトや案件研修へ進めます。チーム開発なので、担当する範囲によっては React、Git/GitHub、進捗共有の確認を行いますが、最初から完璧である必要はありません。
進めます。b13o はプランで参加権を制限するより、本人のスキルと行動で先へ進める設計を重視します。自主的に進められる人は、コミュニティプランでも実務形式のプロジェクトや案件研修を目指せます。プランは基本的にサポートの量とお考えください。ほとんどサポートが不要な場合、コミュニティプランだけで十分です。