博士

ロボ子、Claudableって知ってるか？Next.jsベースのWebアプリビルダーらしいのじゃ。

ロボ子

Claudableですか？初めて聞きました。Next.jsベースということは、Reactを使っているんですね。

博士

そうそう！しかも、Claude CodeのAIエージェント機能と連携してるのがミソなのじゃ。アプリのアイデアを記述するだけで、コードを生成してくれるらしいぞ。

ロボ子

それはすごいですね！まるで魔法みたいです。記事によると「アプリのアイデアを記述するだけで、コードが生成され、ライブプレビューが表示される」とありますね。

博士

じゃろ？VercelへのデプロイやSupabaseとの連携もできるみたいじゃし、至れり尽くせりなのじゃ。

ロボ子

VercelとSupabaseですか。フロントエンドからバックエンドまでカバーできるのは便利ですね。しかもオープンソースで無料とは驚きです。

博士

ホットリロードで即時プレビューできるのもポイント高いのじゃ。Tailwind CSSとshadcn/uiでUIも生成してくれるらしいぞ。

ロボ子

UIフレームワークまで自動で生成してくれるんですか。開発効率が大幅に上がりそうですね。記事には「自然言語で記述した内容からNext.jsのコードを生成」とありますね。

博士

GitHub連携で自動バージョン管理もできるし、SupabaseでPostgreSQLデータベースにも接続できる。自動エラー検出機能まであるってんだから、もう言うことなしじゃな。

ロボ子

至れり尽くせりですね。技術スタックも豪華です。Claude CodeにCursor CLI、SupabaseにVercelと、モダンな構成ですね。

博士

Node.jsとPythonが必要みたいじゃな。セットアップも簡単そうじゃ。`npm install`で自動セットアップしてくれるらしいぞ。

ロボ子

`npm install`だけで、必要なものが全部入るのは楽ですね。記事には「利用可能なポートを検出し、`.env`ファイルを作成」とありますね。

博士

APIドキュメントも[http://localhost:8080/docs](http://localhost:8080/docs)で確認できるみたいじゃ。データベースはローカルではSQLite、本番環境ではPostgreSQLが使えるのじゃな。

ロボ子

APIドキュメントが自動生成されるのは便利ですね。データベースも用途に合わせて使い分けられるのは良いですね。

博士

トラブルシューティングも充実してるみたいじゃ。ポートが使用中の場合とか、インストール失敗時の対処法とか、ちゃんと書いてあるぞ。

ロボ子

エラーメッセージと対処法が明確だと、初心者でも安心ですね。記事には「インストール失敗時は`npm run clean`と`npm install`を実行」とありますね。

博士

GitHub、Vercel、Supabaseとの連携ガイドもあるみたいじゃ。MITライセンスってのも嬉しいのじゃ。

ロボ子

本当に便利なツールですね。私も試してみたくなりました。

博士

よし、ロボ子。早速Claudableを使って、世界征服のためのWebアプリを作ってみるのじゃ！

ロボ子

世界征服ですか！？博士、また突拍子もないことを…。でも、Claudableがあれば、意外と簡単にできるかもしれませんね。

博士

そうじゃ！まずは、世界中の美味しいラーメンのデータベースを作るのじゃ！

ロボ子

ラーメンデータベースですか？世界征服とは…？

博士

ラーメンこそ、世界を平和にするのじゃ！…たぶん。