メインコンテンツへスキップ

​
Base44 の使い方

Base44 は AI 搭載の Web サイトおよび アプリビルダー です。コーディングや技術スキルは必要ありません。構築したいものを説明するだけで、Base44 がアイデアを実現します。
Build に設定されたプロンプトボックスの上に Every builder needs a base と表示された Base44 のホーム

Base44 でアプリの構築を始める

自分のためにシンプルなものを構築したり、ビジネスのための完全な製品を作成したりできます。Base44 は、デザイン、データベース、サインアップ、ユーザー権限、ホスティングなど、舞台裏のすべてを処理します。

Base44 で構築できるものの例

  • 新しいビジネスアイデアのプロトタイプ作成
  • 個人的な To-Do リストの作成
  • リマインダー付きのイベントサインアップページの設定
  • アンケートを構築して、回答をすぐに見る
  • ダッシュボードでプロジェクトや売上を追跡
  • 安全な予約システムまたは CRM の構築
  • クライアントとファイルをプライベートに共有
  • チャットと分析を備えたコミュニティサイトをローンチ

アイデアを実現する準備はできましたか?

今すぐアプリを構築する

​
ステップ 1 | アイデアを説明する

Base44 に行って、自分の言葉で構築したいものを伝えるところから始めます。 開始すると、サインアップを求められます。これにより、作業が保存され、いつでもアプリに戻ることができます。 すでに持っているものに応じて、いくつかの始め方があります。合うものを選び、最初のプロンプトから始める の詳しい手順に従ってください。
アプリを普段の言葉で説明すると、Base44 が構築します。プロンプトを使う を参照してください。
まず AI とアプリについて話し合い、その計画を構築に変えます。プランモードを使う を参照してください。
すでに所有している Web サイトから始め、アプリエディタで改善します。既存の URL から始める を参照してください。
Figma のフレームを動作するアプリに変えます。Figma デザインから始める を参照してください。
最初のプロンプトから Google Workspace、Slack、GitHub などのツールを取り込みます。ツールを接続する を参照してください。

​
ステップ 2 | アプリが生き生きとするのを見る

アイデアを共有すると、Base44 の AI が残りを処理します。色を選び、ボタンを配置し、メニューを整理して、すべてがクリーンに見え、スムーズに機能するようにアプリの外観を自動的に設計します。カレンダー、フォーム、またはタスクリストなどの特別なページや機能が必要な場合、Base44 はそれらをすぐに追加するので、アプリは使用準備完了です。 すべての複雑な部分も、バックグラウンドで処理されます。Base44 は、アプリのすべてのデータを安全に保存し、必要に応じてアカウントとログインシステムを管理し、アプリを動かすテクノロジーをスムーズに動かし続けます。何もセットアップしたり管理したりする必要はありません。Base44 がすべての詳細を処理するので、アイデアに集中できます。
チャットでウェディング CRM を計画する Base44 と、構築された WeddingPlanner ダッシュボード

ウェディングプランナー用の CRM アプリを構築する Base44

Base44 が動作する中、プレビューウィンドウでアプリが現れるのを見てください。プレビューをクリックすることで、すぐにアプリを探索し、任意の機能を試すことができます。

​
ステップ 3 | アプリをカスタマイズする

アプリが構築されたら、それを本当に自分のものにできます。最も簡単な方法は AI チャットを使用することです。変更または追加したい内容を入力するだけで、Base44 がアプリを更新します。例えば、「メインカラーを緑に変えて」、「氏名と会社を収集するサインアップページを追加して」などと言えます。
最初にブレインストーミングや質問をしたい場合は、AI チャットで Discuss モードを使用してください。Discuss モードでは、準備ができるまで変更を加えずにアイデアについて話すことができます。このモードは使用するクレジットも少なくなります。さまざまな AI チャットモードについて詳しく学ぶ
ニーズに合わせてアプリを変更および改善する方法はたくさんあります。次のことができます:
AI チャットで、新機能を追加したり、アプリの動作を変更したりできます:
  • 人々が対話するためのボタンやフォームを追加する
  • 誰かがサインアップしたときにウェルカムメールを送信するなどの自動化されたワークフローを作成する
  • 通知、リマインダー、または自動化されたメッセージを設定する
  • AI にページを追加または更新するように依頼する (例えば、「イベント用のカレンダーページを追加して」)
  • アプリが人々にどう応答するか、または異なるタスクを管理するかの背後にあるロジックを調整する
AI とチャットするだけで、アプリの色、レイアウト、スタイルをカスタマイズできます。次のことができます:
  • 背景色、テキストの色、またはフォントスタイルを変更する
  • セクションを並べ替え、ボタンを移動、または画像とアイコンを更新する
  • 変更をグローバルに、または 1 つのページにのみ適用する (例えば、「すべての画面にこの新しいフォントを適用」、または「ログインページの背景のみを変更」)
Edit モードを使用して、アプリの特定の要素に手動で変更を加えることもできます。
アプリが使用および収集する情報を決定します。
  • AI チャットを使用してデータフローを構築または変更する (例えば、「サインアップフォームに会社名のフィールドを追加して」)。
  • サインアップ、フィードバック、注文など、人々から詳細を収集するためのフォームを作成または更新する。
  • アプリのダッシュボードの Data から、アプリが収集するデータを整理し、誰が情報を追加、編集、または表示できるかのルールを設定し、データを他の場所で使用するためにエクスポートできます。
アプリデータの管理について詳しく学ぶ
アプリにアクセスできる人と、できることを制御します。アプリのダッシュボードの Settings から、次のことができます:
  • 特定の人やロールのみが情報を見たり編集したりできるよう権限を設定する (一部のページを管理者のみに表示するなど)
  • アプリを公開、招待制、または特定の人またはワークスペースのメンバーに制限するかを決定する
  • Google などのソーシャルログインを含む、安全なログインと登録を設定する
  • カスタムユーザーロールを追加し、各ロールが何をできるかを正確に指定する (例えば、「Event Organizer というロールを作成して、イベントの追加と編集はできるがアプリ設定の変更はできないようにして」)
  • 機密データを安全に保つためにプライバシーとセキュリティのルールを調整する
アプリが成長するにつれて、いつでも設定を確認および更新してニーズに合わせることができます。

​
ステップ 4 | アプリをテストする

アプリを共有する前に、さまざまな視点からすべての動作をテストします。

テストのチェックリスト

エンドユーザーのようにプレビューを操作します。クリックしたり、フォームに入力したりして、すべての機能を確認します。 トップバーの More actions アイコン をクリックして Act as a user を選択し、特定の人物やロールとしてアプリを表示します。 「ゲストとしてテストして」、「管理者が何をできるか見せて」など、主要なフローやエッジケースのテストを AI チャットに依頼します。 異なるロールや権限を持つテストユーザープロファイルを作成し、それぞれが何にアクセスできるかを確認します。 シークレットウィンドウまたはプライベートブラウザウィンドウを使い、初めての訪問者の体験を確認します。 デスクトップとモバイルの両方でアプリを確認し、レイアウトやナビゲーションの問題を見つけます。

​
ステップ 5 | アプリを共有して公開する

アプリを共有する準備ができたら、トップバーの Publish をクリックします。公開パネルが Web タブで開き、その横に Mobile app タブがあります。公開後、アプリが公開されたことを確認するウィンドウが表示されます。アプリのアドレス、共有方法、カスタムドメインの接続などの次のステップが表示されます。 公開パネルから、次のことができます:
  • アプリの Web アドレスをコピーするか、.base44.app の前の部分を変更します。
  • Get domain をクリックして、代わりに独自のアドレスを使用します。
  • Share your app をクリックして、メールで招待したり、ソーシャルでリンクを共有したりします。
  • App visibility を設定して、アプリを開ける人を選択します。
  • Security status を確認し、古くなっている場合はセキュリティスキャンを実行します。リスクについて警告されますが、公開は妨げられません。
  • Publish をクリックして、最新の変更をライブにします。
アプリのアドレス、共有、可視性、セキュリティステータスがある Publish your app パネル

Base44 アプリの共有と公開

​
アプリエディタのツアー

アプリエディタは構築を行う場所です。左側に AI チャット、右側にアプリのプレビューがあり、その上のバーに編集、Dashboard、公開のためのコントロールがあります。フルツアーで、各部分の役割と場所を確認しましょう。

アプリエディタを知る

AI チャット、プレビュー、Edit モード、キャンバス、Dashboard、バージョン履歴、公開をガイド付きで紹介します。

​
FAQ

詳しく学ぶには、以下の質問をクリックしてください。
最初のビルドで使われるのは、約 1 クレジットの少量の固定量です。プロンプトの詳しさや選択した AI モデルには左右されません。その後は、依頼する変更ごとに、作業量と使用するモデルに応じてクレジットが消費されます。クレジットが使われるのは AI が何かを構築または更新するときだけです。アプリのプレビューや操作は常に無料です。詳しくは クレジット と プラン を参照してください。
はい。Base44 はモバイルデバイス用にアプリを自動的に適応させます。トップバーのデバイスメニューを使用してモバイルビューに切り替え、すべてがどう表示されるかを確認し、レイアウト、ボタン、テキストが任意の画面サイズで簡単に使えることを確認してください。
エディター上部バーでデバイスメニューが開き、Desktop、Tablet、Mobile が囲まれた状態

モバイルビューに切り替える

モバイルレイアウトに変更を加えたい場合は、AI チャットに依頼するだけで実行できます。
はい。いつでもアプリをクローンできます。これは、ライブアプリに影響を与えずに大きな変更をテストしたい場合や、既存のアプリを新しいプロジェクトの開始点として使用したい場合に便利です。Apps ページからクローンするには:
  1. Apps ページ に移動します。
  2. アプリカードの More actions アイコンをクリックします。
  3. Clone app をクリックします。
Clone app が強調表示されたアプリカードの More actions メニュー

Apps ページからアプリをクローンする

アプリダッシュボードからクローンするには:
  1. アプリエディタで Dashboard をクリックします。
  2. 左側のメニューで Settings をクリックします。
  3. Clone App の横にある Create a copy をクリックします。
クローンされたアプリは自動的に開き、サフィックス (Copy) が含まれます。
自動的に処理されます。Base44 には組み込みのホスティングが付属しているので、デプロイプロセスはありません。アプリが作成されると、すぐにライブで共有可能になります。
はい。Builder プラン 以上では、アプリのコードを ZIP ファイルとしてダウンロードするか、GitHub リポジトリと同期できます。どちらのオプションも、アプリエディタの More actions メニューにあります。詳しくは コードのエクスポート を参照してください。
作業中のセルフサーブガイダンスのためには、アカウントの左下にあるワークスペース名をクリックして、Help & support を選択してドキュメントを開くか、docs.base44.com にアクセスしてください。より実践的なヘルプが必要な場合は、Base44 アプリの専門家のヘルプを得るためのいくつかのオプションがあります。Base44 パートナー と協力して、大規模または継続的なプロジェクトでのカスタマイズされた 1 対 1 のサポートを受けることができます。パートナーは、完全なアプリの計画と構築、複雑な統合の処理、長期的な戦略的ガイダンスを提供できます。パートナーを選ぶ →Base44 で構築している他の人々からのフィードバックが欲しい場合は、Discord コミュニティに参加 することもできます。自分のプロジェクトからアドバイス、ヘルプ、ヒントを共有できる他の人々と接続するための優れたスペースです。
はい。いつでもアプリを非公開にできます。アプリが非公開になると、再度公開するまで人々はアクセスできなくなります。非公開にしてもすべてのデータと設定は保存されます。アプリを非公開にするには:
  1. アプリエディタで Dashboard をクリックします。
  2. 左側のメニューで Settings をクリックします。
  3. Danger Zone までスクロールします。Unpublish App の横にある Unpublish をクリックし、もう一度 Unpublish をクリックして確定します。
    Unpublish app の行が強調表示された Danger Zone セクション

    設定からアプリを非公開にする

Base44 は、ES6+ JavaScript、CSS Grid、Flexbox、現代の DOM API をサポートするすべての主要な現代のブラウザでスムーズに動作するように構築されています。次のブラウザの現在および最近のバージョンで Base44 を使用できます:
  • Google Chrome (ES6 用バージョン 51 以上、CSS Grid 57+、Flexbox 29+)
  • Mozilla Firefox (ES6 用バージョン 54 以上、CSS Grid 52+、Flexbox 28+)
  • Microsoft Edge (Chromium ベース) (リリース以降フルサポート)
  • Safari (CSS Grid 10.1+、Flexbox 9+、ES6 10+)
  • Opera (ES6 用バージョン 38+、CSS Grid 44+、Flexbox 12.1+)
Internet Explorer 11 以前、および一部の古い Android WebView やレガシーブラウザでは、サポートが制限されているか、コンテンツが正しく表示されない場合があります。一般的なガイドラインとして、自動更新する現代のブラウザを使用している場合は対応しています。Internet Explorer 11 は時代遅れで、Base44 には推奨されません。
はい、Builder プラン以上にいる場合、アプリの使用に対して人々に課金できます。Stripe や API をサポートする他のサービスなどの支払いプロバイダーに接続して、アプリのユーザーから支払いを受け付けることができます。Secrets タブを使用して、API キーを安全に保存します。アプリの 支払いの設定 方法を確認してください。
ライブアプリの右下に表示される、小さな “Edit with Base44” ラベルです。クリックした人は誰でも、アプリを自分のアカウントにコピーできます。Starter プラン以上では、非表示にできます。Base44 バッジを表示または非表示にする 方法を確認してください。
もっとヘルプやインスピレーションが必要ですか?アイデアを得るために Base44 の アプリテンプレート を探索したり、アプリのベースから始めたりしてください。
このページは AI によって翻訳されました。最も正確で最新の情報については、英語版 を参照してください。