← ガイド

ClaudeでWebアプリを作る方法

Claudeはアプリのコードを書けますが、それだけではアプリを公開したり、データを保存したり、ユーザーにログインしてもらったりはできません。その部分を担うのがPilelyです。あなたはClaudeに普段の言葉でアプリを説明するだけ。Claudeがアプリを作り、Pilelyがそれを専用のリンクで動かします。ログイン、データベース、メール、決済は最初から組み込まれています。

コードを書く必要も、サーバーを借りる必要も、ほかのサービスに登録する必要もありません。作る作業は、すでにお支払い中のClaudeプランで行います。

必要なもの

  • Claude Code を含むClaudeプラン。Claude Codeは、あなたのパソコンのフォルダの中で作業できるClaudeの機能です。
  • MacまたはWindowsのパソコンでClaudeデスクトップアプリ(その「Code」タブ)、またはターミナルのClaude Code。
  • メールアドレス。Pilelyはそこに送るコードでサインインします。

ステップごとの手順

  1. Claudeの「Code」タブを開いてフォルダを選びます。 アプリ用に新しい空のフォルダを作り、Claudeが作業するフォルダとして選びます。
  2. このページの最後にあるメッセージを送ります。 これでClaudeが、Pilelyのアシスタント「Pam」を呼び出します。
  3. セットアップに「はい」と答えます。 Claudeはまず、これから何が起きるかをわかりやすく説明します:小さなPilelyのヘルパーがフォルダに入り、メールに届いたコードでサインインします。あなたが同意するまで、何もインストールされません。最初のサインインでアカウントが作られ、パスワードはありません。
  4. よければ「Bypass permissions」(権限確認をスキップ)を選びます。 Claudeがこれを求めるのは、一つひとつの操作をあなたが承認しなくて済むようにするためです。断って、操作を一つずつ承認することもできます。
  5. アプリについて説明します。 誰のためのもので、何をするのかを、あなたの言葉で伝えます。たとえば:「家族の家事当番表。一人ひとりがログインして自分の担当にチェックを入れ、毎週日曜にリマインダーのメールが届くもの。」
  6. アプリを開きます。 Claudeがアプリを作り、Pilelyが専用のリンクで公開します。そのリンクは誰にでも送れます。
  7. 同じチャットで続けます。 新しいページ、新しい項目、支払いボタンなど、いつでも変更を頼めます。Claudeがアプリを更新し、Pilelyが新しいバージョンを公開します。

アプリでできること

普段の言葉で頼むだけです。Pilelyではすでに動いています。

  • ログイン:メールアドレスと使い捨てコードで。誰が入れるかはあなたが決めます:全員、招待した人、またはあなただけ。
  • データとファイル:本物のデータベースに保存され、次に誰かがアプリを開いたときもそのまま残っています。
  • メール:ウェルカムメール、領収書、リマインダーなど。
  • 決済:あなた自身のStripeアカウントを通じて。お金はあなたに直接入り、Pilelyは手数料を取りません。
  • サーバー:自分で動き続け、定期実行の処理、重い処理、他のサービスとの連携をこなします。
  • 独自ドメイン:必要であれば。

費用

作る作業はいまお使いのClaudeプランで行うので、ビルダー料金はかかりません。アプリの運用は前払いのPilelyクレジットで、使った分だけ支払います。新規アカウントには最大$5分の無料クレジットが付きます。

よくある質問

プログラミングの知識は必要ですか? いいえ。Claudeに普段の言葉で話しかければ、技術的な作業はClaudeが行います。

コードはどこに保存されますか? Claudeがあなたのパソコンのフォルダに書き込みます。コードはあなたのもので、そのまま持っておくことも、変更することも、どこへ持っていくこともできます。

あとからChatGPTに切り替えられますか? はい。アプリ、データ、ユーザーはチャットの中ではなく、Pilelyにあります。同じメッセージをChatGPTに送れば、続きから再開できます。ChatGPTでアプリを作る方法をご覧ください。

AIアプリビルダーとはどう違うのですか? LovableやBase44のようなアプリビルダーは独自のAIを持ち、そのAIで作る作業に料金がかかります。Pilelyでは、すでにお支払い中のAIがアプリを作ります。Pilelyとほかのサービスの比較をご覧ください。

いつもの AI で試してみましょう

AI に次のメッセージを送ってください:

ガイド

比較