Skip to main content
Base44 のすべてのアプリと web サイトは、最初のプロンプトから始まります。Base44 にアクセスし、構築したいものを自分の言葉で説明してください。すでに持っているものに応じて、いくつかの始め方があります。
開始時にサインアップを求められます。これにより作業が保存され、いつでもプロジェクトに戻れます。

​
プロンプトを使う

作りたいものを平易な言葉で書くことが、最もシンプルな始め方です。好きなだけ詳細を共有し、デザイン、文言、構造は後から調整できます。 アイデアを自分の言葉で説明します。例えば、「シンプルな ToDo リスト」「ユーザーがログインできるクライアントポータル」「ギャラリーとお問い合わせフォームのある、写真事業向けのすっきりした 1 ページのサイト」などです。この最初のプロンプトで構築が始まり、機能の追加や変更はいつでもできます。
イベントチーム向けのタスク管理ツールを説明するプロンプトが入力された Base44 のホーム。プラスメニューが開き、Attach files、Connectors、Start from URL、Migrate from another platform、Import from Figma が表示されています

Base44 でプロンプトを入力して構築を開始する

アプリの目的や対象ユーザーなど、プロンプトで重要な点が決まっていない場合、AI はアプリを構築する前にチャットでその点について質問します。質問は一度に 1 つずつで、回答のたびに重要な点がまだ残っていないかを確認します。回答を選ぶか (選択肢が両立する場合は複数選択も可能)、自分で入力するか、Skip question をクリックしてから、Send をクリックします。スキップした場合や、そのまま構築するよう伝えた場合は、AI が最適な推測で構築します。ビジネス名など自分だけが知っている詳細は、Use a placeholder を選んで後から変更します。これらの質問は新しい Web アプリを開始するときに表示され、プランモードでは表示されません。
プロンプトを始めるには:
  • 入力の代わりに音声で話す: プロンプトボックスの Speech to text アイコンをクリックして、プロンプトを話します。
  • アイデアを得る: プロンプトライブラリでコピーして応用できる既成のプロンプトを閲覧し、プロンプトガイドで自分のプロンプトを形にします。

​
プランモードを使う

構築を始める前にアプリや web サイトの形を整える手助けが欲しいときは、プランモードを使います。短い会話が、Base44 が何かを構築する前に調整できる構造化されたプランになります。
Plan progress パネルは段階的に展開されており、アカウントによってはまだ利用できない場合があります。
プランモードは次のことに役立ちます:
  • 意図に沿った、より高品質な最初のビルドを得る
  • 重要な詳細を事前に追加して、後のやり取りを減らす
  • 事前に何を指定すべきか知らなくても、アイデアをじっくり考える
  • フロー、ロール、制約を含む、より完全な要件を捉える
  • 集中した流れの中で、アイデアから実行へ素早く移る
プロンプトボックスで Mode ドロップダウン (デフォルトでは Build と表示) を開き、Plan を選択してから、プロンプトを送信します。Base44 がプラン画面を開き、そこから会話が始まります。 続くのはフォームではなく会話です。AI はあなたの発言に反応し、思いつかなかったことを提案し、本当に足りていない部分について尋ねます。ほとんどの質問は AI 自身の言葉で届くため、部分的に答えたり、1 つ飛ばしたり、別の方向に進めたりできます。答えが具体的な選択肢のときは、選ぶためのオプションカードで届きます。質問を待たずに、画面に質問が出ている間もメッセージを送れば、AI はそれを回答とあわせて受け止めます。 会話の横では、話すにつれて Plan progress が埋まっていきます。4 つのセクションを追跡し、書き出せるだけの内容が揃うたびに 1 つずつチェックが付きます。
  • Intent and goal: アプリの目的。
  • Audience and roles: 誰が使い、誰が何をできるか。
  • Core flows: ユーザーが実際にアプリで行うこと。
  • Design: ビジュアルの方向性。これは最後に来ます。プランを止めずにスキップできます。
最初のプロンプトがすでに十分詳細で、これらのどれも未解決の質問でない場合、AI はそのままプランの作成に進みます。
Build の下にある Plan でモードメニューが開いた Base44 ホームのプロンプト

プランモードに切り替える

デザインに関する質問は最後に尋ねられ、動作が異なります。スタイルを説明する代わりに、アプリのメイン画面のプレビュー 4 つから選択します。1 つを展開してフルサイズで確認し、近いけれど正しくない場合は変更したい点を説明すると、Base44 がそのプレビューを作り直します。各オプションを最大 3 回まで調整でき、セット全体を再生成することも、質問をスキップして後から見た目を決めることもできます。 プランにファイルを追加することもできます。プランパネルの Files で、Base44 に参照させたい画像、ドキュメント、参考資料を添付します。 これらのセクションがカバーされると、Base44 はプランを書き出します。ビルドの前に確認し、不足や誤りがあれば、同じ会話で入力を続けて変更してください。
Answering questions in plan mode to shape your plan

構築前にプランを形にする

準備ができたら、Start Building をクリックします。最終的なプランはアプリエディターの AI チャットに送信されるため、後からいつでもスクロールして戻れます。Base44 はアプリエディターを開き、プランから構築を開始します。
重要:
  • プランモードは、メッセージごとにクレジットのごく一部しか消費しません。Start Building をクリックすると、最初のビルドは約 1 クレジットを使用し、以降の変更は、必要な作業と使用するモデルに応じてクレジットを消費します。
  • ビルド後も、プロンプトや手動の変更を使用して、アプリエディターで編集を続けられます。詳しくは アプリエディターを知る を参照してください。
  • 1 つのプラン会話は最大 50 メッセージまで保持できます。上限に達したら Start Building をクリックしてアプリエディターで続けてください。
  • プランモードを再度使用するには、ホーム画面から新しいビルドを開始し、プロンプトボックスの Mode ドロップダウンで Plan を選択します。
プランモードで新しいビルドを開始するには:
  1. Base44 にアクセスします。
  2. 最初のプロンプトを入力し、プロンプトボックスの Build の横にあるドロップダウン矢印をクリックして Plan を選択します。
  3. 質問に答え、必要に応じて詳細を追加します。
  4. 準備ができたら、プランの Start Building をクリックします。

​
既存の URL から始める

Start from URL を使うと、すでに所有している web サイトから始められます。Base44 は、ページ構造、主要なコンテンツセクション、視覚的階層、ヒーローセクション、カード、リストなどのおなじみの UI パターンを含む、目に見えるフロントエンドを再現します。これにより、ゼロから作り直す代わりに、アプリエディターで AI とともに改良できる、見覚えのある出発点が得られます。 Base44 によるサイトの使用方法を選択できます:
  • Content & Design: サイトのコンテンツとレイアウトを再現し、類似のサイトを構築します。
  • Design only: サイトのビジュアルスタイルを使用して、同じルックアンドフィールの新しいサイトを作成します。
既存のサイトやプロジェクト全体を Base44 に移行する場合は、プロジェクトを Base44 に移行するを参照してください。
Migrate from another platform の上で Start from URL が強調表示されたプロンプトボックスのプラスメニュー

既存の URL から始める

URL から始めることは、次のことに役立ちます:
  • 所有するサイトを、デザインをゼロからやり直さずに再現する
  • ブランド、レイアウト、視覚的階層を保持する
  • 推測ではなく、しっかりしたページ構造で移行を始める
  • 本物のように見える高精度なプロトタイプを作成する
例えば、個人の web サイトを再現したり、小規模ビジネスのサイトを Orders や Customers などのエンティティを備えたよりスマートなアプリにアップグレードしたり、ランディングページを認証とダッシュボードを備えた製品に変えたり、公開されたコンセプトページを社内ツールに変換したりできます。ビルドが完了したら、プロンプトで構造を調整し、エンティティと API を接続し、フローとロジックを追加して改良します。
重要:
  • この機能は、Free プランを含むすべてのプランで利用できます。
  • URL からの開始は、生成中にクレジットを使用します。
  • 開始元の web サイトの正当な所有者であるか、そのコンテンツ、デザイン、画像に対する完全な権利を持っている必要があります。許可なくサードパーティのサイトや著作権のあるサイトを使用しないでください。
  • URL からの開始は、非公開のバックエンドコード、隠れたデータ、サードパーティのインテグレーションをコピーしないため、それらの部分は手動でセットアップする必要があります。
既存の URL から始めるには:
  1. Base44 にアクセスします。
  2. プロンプトボックスの + アイコンをクリックします。
  3. Start from URL をクリックします。
  4. 使用したい web サイトの URL を貼り付けます。そのコンテンツを使用する権利があることを確認してください。
  5. 再利用したい内容に応じて、Content & Design または Design only を選択します。
    Design only の横で Content & Design が選択された Start from URL ダイアログ

    URL からコンテンツとデザイン、またはデザインのみを選択する

  6. Add をクリックします。

​
Figma デザインから始める

Import from Figma を使うと、既存の Figma デザインを動作するアプリや web サイトに変えられます。Base44 はフレームからレイアウト、構造、ビジュアルスタイルを再現するため、ゼロから作り直す代わりに、見慣れた出発点から続けられます。
Base44 ホームのプロンプトのプラスメニューで Import from Figma が囲まれた状態

最初のプロンプトで Figma からデザインをインポートする

手順、要件、ガイドラインについては、Figma からのインポートを参照してください。
最初のプロンプトだけでなく、後からアプリエディター内で Figma のページを追加することもできます。

​
ファイルを添付する

最初のプロンプトにファイルを添付すると、Base44 は白紙のページから始める代わりに、あなた自身のコンテンツ、データ、参考資料から構築できます。画像、PDF、ドキュメント、スプレッドシートなど、さまざまなファイルタイプを添付できます。 Base44 は、添付したものをビルドのコンテキストとして使用します:
  • 画像と PDF は視覚的な参考資料になり、Base44 はデザイン、スクリーンショット、ドキュメントに合わせられます。
  • スプレッドシートと CSV ファイルは、列とサンプルデータが読み取られ、Base44 はデータを中心に構築できます。
  • Word ドキュメント、テキスト、Markdown ファイルは、コンテンツと構造の参考として読み取られます。
プロンプトボックスの + メニューをクリックし、Attach files を選択して、コンピューターまたは Google Drive からアップロードします。Google Drive を初めて使用するときは、Google アカウントの接続を求められます。
Base44 ホームのプラスメニュー。Attach files が囲まれ、Upload from computer と Upload from Google Drive のサブメニューが開いています

最初のプロンプトにファイルを添付する

​
ツールを接続する

Google Workspace、Slack、GitHub など、すでに使用しているツールにアプリや web サイトを接続できます。これにより、Base44 は最初のプロンプトからあなたのデータとサービスを考慮して構築します。例えば、Google Calendar を接続してアプリで予定の読み取りと作成をしたり、Slack を接続してチームに更新を投稿したりできます。 プロンプトボックスの + メニューをクリックし、Connectors を選択して、目的のツールを選び、プロンプトを送信します。詳しくは、コネクタの概要を参照してください。
Base44 ホームのプラスメニュー。上の Attach files と下の Start from URL の間で Connectors が囲まれています

最初のプロンプトにコネクタを追加する

​
FAQ

詳しく知るには、以下の質問をクリックしてください。
はい。最初のプロンプトは出発点にすぎません。アプリエディターに入ったら、AI チャットや手動編集を使用して、構築を続け、すべてを変更できます。AI チャットの使い方を学びましょう。
はい、Builder プラン以上で可能です。プロンプトボックスの Tools アイコンをクリックして、ビルドを動かす AI モデルを選択します。AI チャットとそのコントロールについて詳しく学びましょう。
このページは AI によって翻訳されました。最も正確で最新の情報については、英語版 を参照してください。