Learn — AI個人開発の学習ハブ

AIエージェントで、Webアプリもスマホアプリも個人で作れる時代。環境構築から公開・収益化までの実践知識をここに蓄積していきます。

roadmaps — 学習ロードマップ

AI個人開発 Webアプリ入門ロードマップ

プログラミング経験が浅くても、AIエージェントを使ってWebアプリを公開するまでの道筋。全6ステップ・目安2〜4週間。

Web開発の知識を土台に、ExpoとAIエージェントでスマホアプリをストア公開するまで。全5ステップ・目安3〜5週間。

setup — 導入・環境構築

5万超のMCPサーバーをカテゴリ別に探せるGlama公式レジストリの使い方と、見つけたサーバーをClaude DesktopやCursorに接続するまでの手順をゼロから解説します。

VSCodeの拡張機能として動くオープンソースAIエージェント「Cline」の導入から最初の成功体験まで、コマンドや画面操作を省かずに解説します。

Google公式のChrome DevTools MCPを使えば、AIがブラウザを直接操作・デバッグできます。Cursor・Claude Code対応の設定手順をゼロから解説します。

AI個人開発の主力ツールClaude Codeを導入し、プロジェクトごとにAIを最適化するCLAUDE.mdの書き方までを解説します。

個人開発の公開先として最有力のCloudflare Workers。アカウント作成からデプロイ、独自ドメイン設定までの手順です。

basics — 基礎知識

フロントエンド・DB・ホスティング・AI、それぞれ何を選べばいいのか。個人開発で「無料で始めて拡張できる」構成を解説します。

implementation — 実装

個人開発で最初の壁になる「ユーザー登録・ログイン・データ保護」をSupabaseで最短構築する実装ガイドです。

Webしか作ったことがなくても大丈夫。Expo(React Native)とAIエージェントを組み合わせて、スマホアプリを個人開発する方法です。

MCPサーバーは自分で作れます。TypeScriptで30分で動くものを作り、Claude Codeから呼び出すまでの実装手順です。

usecase — ユースケース

作ったアプリ・サイトをどう収益に繋げるか。個人開発で現実的な4つのモデルと、それぞれの始め方・目安を解説します。

「何を作るか」で迷う人へ。AI APIを組み合わせて個人でも作れる、需要のあるアプリの型を実装難易度つきで紹介します。