Skip to main content
プロンプトとは、欲しいものを自分の言葉で書いた説明です。コードも構文も特別なコマンドも必要ありません。アプリを説明すれば、Base44 が構築します。 アプリ全体が入力した言葉から作られるため、言葉が建築材料になります。イメージを明確に描くほど、結果は思い描いたものに近づきます。このガイドでは、最初のプロンプトから、アプリを仕上げる細かな調整まで、そのイメージの描き方を順に説明します。

​
プロンプトでの構築の仕組み

Base44 での構築はループであり、一度で正解を出す必要のある単発の指示ではありません。あなたが説明し、Base44 が構築し、数回のやり取りで一緒に結果を形作ります。 各ラウンドは次のようになります:
  • 説明: 欲しいものを普通の言葉で伝えます。
  • 構築: Base44 が数秒でアプリを作成または更新します。
  • 確認: 何が変わったかを見て、次にやることを決めます。
  • 改善: フィードバックを伝えると、アプリが再び更新されます。
最初の結果は最終回答ではなく、形を整えていける下書きとして扱ってください。その心構えがプレッシャーを取り除き、最高のアプリはそうして生まれます。

​
最初のプロンプトを書く

最初のプロンプトはその後すべての土台になります。細部ではなく、アプリの核心を説明することを目指してください。詳細は後からいつでも追加できます。アプリが何であるか、誰のためのものか、人々ができるべき主なことに集中します。 これを形にする早い方法は、アプリの「誰が、何を、なぜ」を考えることです:
  • 誰が: 誰が使うのか。フリーランサー、学生、チーム全体など。
  • 何を: 何を助けるのか。経費の記録や予約の管理など。
  • なぜ: なぜ役立つのか。時間の節約や、すべてを 1 か所にまとめることなど。
この考え方をプロンプトにするとこうなります:
どこから始めるか迷ったら、最初の構築の前に Plan mode を使用してください。Mode ドロップダウンを開き、Plan を選択します。Base44 があなたのアイデアを一緒に話し合い、その会話を構築前に調整できる構造化されたプランに変えます。1 メッセージあたりのコストはクレジットのごく一部です。プランモードについて詳しく学ぶ

始める準備はできましたか?

Base44 でアプリを構築する

​
アプリを明確に説明する

粗い結果と優れた結果の差は、たいていイメージをどれだけ共有したかで決まります。次の 5 つの工夫は、最初のプロンプトでも 50 回目のプロンプトでも、思い描いたとおりのアプリを Base44 が構築する助けになります。

​
アイデアだけでなく、画面を描く

Base44 は書かれていない部分を推測で埋めます。ページに何を表示したいかを説明してください。具体的であるほど、Base44 が発明する部分は減ります。
  • あいまい: 「売上のダッシュボードを作って。」
  • 明確: 「売上ダッシュボードを作って。上部に総収益、成約、失注の 3 枚のカード、その下に月別収益の棒グラフを表示して。」

​
理由を伝える

リクエストの背後にある理由を説明すると、Base44 は明示しなかった細部について賢い判断ができます。「何を」よりも「なぜ」のほうが役立つことが多いです。
  • 何をだけ: 「サインアップボタンを上部に置いて。」
  • 理由付き: 「新しい訪問者が最初に目にするように、サインアップボタンを上部に置いて。」

​
好きなアプリから借りる

見た目をゼロから説明する必要はありません。知られているアプリの名前を挙げることは、欲しい雰囲気への近道です。ただし、どの部分を指すかは伝えてください。
  • 「Trello のように整理して。カードを列の間でドラッグできるように。」
  • 「Notion のように落ち着いてすっきりした感じにして。ただし自分のブランドカラーは維持して。」

​
一度に 1 つずつ構築する

アプリ全体を 1 つのプロンプトに詰め込むと、結果を正しく出すのも、うまくいかないときに直すのも難しくなります。核となる部分から始めて動かし、機能を 1 つずつ重ねてください。
焦点を絞ったプロンプトはクレジットにも優しい傾向があります。小さく明確な変更は、多くのページに触れる広い変更より裏側の作業が少ないためです。Edit モードで自分で要素をドラッグしたりテキストを編集したりする操作は、クレジットをまったく消費しません。クレジットについて詳しく学ぶ

​
欠点ではなく、直し方を伝える

何かがおかしいときは、何が悪いかだけでなく、どこにたどり着きたいかを説明してください。Base44 は不満ではなく、目標から構築します。
  • 欠点: 「ホームページがごちゃごちゃして窮屈に見える。」
  • 直し方: 「ホームページに余白を持たせて。1 行あたりの項目を減らし、セクション間のスペースを広げて。」

​
ルックアンドフィールのレシピ

デザインが重要なときは、3 つのことを一緒に説明してください。アプリが何をするか、どうレイアウトするか、どんな雰囲気にするかです。これらを組み合わせると、1 つのプロンプトで Base44 に全体像が伝わります。

​
機能

アプリの役割を Base44 に伝えてください。オンラインストアと個人ポートフォリオは同じ見た目であるべきではありません。ストアには明確な商品グリッドとチェックアウトへの速い導線が必要で、ポートフォリオには個性と強い第一印象が必要です。

​
レイアウト

画面上での配置を Base44 に伝え、推測させないようにします。例えば:
  • カードのグリッド: コンテンツが整然としたボックスに収まります。ダッシュボードや機能の多いアプリに向いています。
  • 1 つの長いスクロール: アプリは 1 ページで、スクロールするとセクションが現れます。ストーリーやランディングページに向いています。
  • スプリットスクリーン: 画面が 2 つに分かれ、片側にテキスト、もう片側にビジュアルを置くことが多い形です。

​
ビジュアルスタイル

欲しい雰囲気を Base44 に伝えてください。「クリーン」や「モダン」より一歩踏み込みます。例えば:
  • 落ち着いたプロフェッショナル: 柔らかい色、たっぷりの余白、シンプルな書体。
  • 大胆で遊び心のある: 明るい色、丸みのある形、親しみやすいアイコン。
  • 洗練されたプレミアム: ダークな背景、高いコントラスト、エレガントなフォント。

​
進めながらアプリを改善する

アプリができたら、時間の多くは AI チャットでの改善に使われます。以下のフレーズは変更を依頼する確実な方法で、それぞれに結果を磨くヒントが付いています。

​
Base44 のツールをさらに活用する

チャットボックスだけがコミュニケーションの手段ではありません。次のツールを使えば、指し示し、計画し、作業を守ることができ、言葉だけより早く結果にたどり着けることがよくあります。
  • 説明する代わりに指し示す: Edit モードでは、対象の要素を直接クリックして、その場で変更を説明できます。「あれではなくこれ」と伝える最も明確な方法です。AI チャットについて詳しく学ぶ
  • 構築の前に計画する: Discuss モードを使えば、AI が何かを変更する前にアイデアを話し合えます。ライブアプリに触れず、変更にクレジットを使わずにプランを固められます。チャットモードについて詳しく学ぶ
  • 言葉だけでなく見せる: 頭の中にデザインがあるなら、Figma からインポートしてください。Base44 は説明ではなく実物に合わせられます。
  • ルールを一度だけ設定する: AI コントロールを使って、すべてのプロンプトで AI に覚えてほしい指示を追加し、変更を触ってよい領域だけに制限します。AI コントロールについて詳しく学ぶ
  • 恐れずに実験する: アプリの以前のバージョンをいつでも復元できます。いつでも戻れると知っていれば、大胆なアイデアを試せます。変更の取り消しについて詳しく学ぶ

出発点が必要ですか?

プロンプトライブラリで、コピーしてアレンジし、発展させられる既成のプロンプトを探せます。

​
避けたいよくあるミス

初期につまずきやすい習慣がいくつかあります。次の点に気をつけると、時間を節約でき、より良い結果につながります。
  • あいまいすぎる: 「もっと良くして」や「直して」のようなリクエストでは、Base44 に手がかりがありません。何をどう変えたいかを伝えてください。
  • 一度にすべてを頼む: 支払い、レビュー、分析、在庫を 1 つのプロンプトに詰め込むと混乱を招きます。まず核となる部分を作り、機能を段階的に追加してください。
  • AI が他のチャットを覚えていると思い込む: 別の会話やしばらく前のアイデアを再開する場合は、Base44 にコンテキストを簡単に思い出させてください。
  • 心を読んでもらうことを期待する: 頭の中に特定のレイアウトやフローがあるなら、偶然の一致を期待せず、できるだけ明確に説明してください。

​
FAQ

プロンプトの書き方と AI チャットの使い方に関するよくある質問への回答です。
特にリクエストが解釈の余地を残す場合、正しい結果にたどり着くまで数回かかることがあります。早く近づくには:
  • Edit モードで変更したい要素を直接クリックし、その場で変更を説明します。
  • 何が悪く見えるかではなく、何が起こってほしいかを説明します。
  • 数回試してもうまくいかないプロンプトは、言い換えて、再設計や再構築などの言葉を使います。
  • 言葉はシンプルで自然に保ちます。リクエストが明確なほど、結果は正確になります。
AI コントロールを使って、AI の変更を更新したい領域だけに制限してください。アプリの他の部分が意図せず変更され続ける場合に特に役立ちます。AI コントロールについて詳しく学ぶ
AI チャットの下部にある Discuss モードを使います。変更が行われたりクレジットが使われたりする前に、AI とアイデアを話し合い、ロジックを検討し、ステップを計画できます。チャットモードについて詳しく学ぶ
AI に時間がかかりすぎている、または止まっているように見える場合は、ページを更新するか、プロンプトを再送信してみてください。たいていはこれで再び動き始めます。
一部の機能はまだサポートされていない可能性があります。実現できるかどうか不明な場合は、Discord のヘルプチャンネルで質問してください。
このページは AI によって翻訳されました。最も正確で最新の情報については、英語版 を参照してください。