/、/Home、/Products など) があり、アプリエディタ の上部にあるページのドロップダウンに表示されます。新しいページを追加したり、ページにアクセスしたり、メニューに表示されるページを決定したり、ログインやランディング体験に使用するページを決定したりできます。
ページの追加
いつでもページを追加できます。最も速い方法は、AI チャットで欲しいページを説明することです。新しいページの追加
- アプリエディタに移動します。
- AI チャットで、欲しいページを説明します。例えば:
ヒーローセクション、会社についてのテキスト、お問い合わせボタンを含む新しい About ページを作成して。
ページの複製
- エディタで再利用したいページを開きます。
- AI チャットで、複製したい内容を説明します。例えば:
このページを複製して、同じレイアウトを保ちつつ、タイトルを "Pricing" に変更して。 - AI チャットが完了したら、ページのドロップダウンから新しいページを開いてコンテンツをカスタマイズします。
ページ間の切り替え
プレビューの上にあるページのドロップダウンからページ間を移動できます。 アプリエディタでページを切り替えるには:- アプリエディタに移動します。
- ページのドロップダウンをクリックします。
- 開きたいページをクリックします。
ページの検索
アプリに多くのページがある場合、すべてのページ名を覚えておくのは難しい場合があります。ページのドロップダウンにページ名を入力し始めて、必要なものを検索します。
ページナビゲーションの管理
明確なナビゲーションメニューは、人々がページ間を移動し、アプリのキーエリアを発見し、コンテンツがどのように整理されているかを理解するのに役立ちます。また、内部リンクが改善され、検索エンジンがアプリの構造を理解するのに役立ちます。 一部のアプリは 1 つのページから始まり、最初は表示されるナビゲーションメニューがありません。ページを追加するにつれて、AI にヘッダー、サイドバー、フッターメニューを作成してメインのルートに組み込むように依頼できます。 アプリにまだリンク付きのヘッダー、サイドバー、フッターがない場合は、AI チャットを使用してナビゲーションメニューを作成します。ヘッダーメニューの追加
- アプリエディタに移動します。
- AI チャットで、欲しいメニューを説明します。例えば:
/Home と /Products へのリンクを持つヘッダーナビゲーションバーを追加して。Home と Contact を含むトップナビゲーションメニューを作成して。
- AI が完了したら、プレビューを確認して新しいナビゲーションが期待される場所に表示され、リンクをテストします。
サイドバーメニューの追加
- アプリエディタに移動します。
- AI チャットで、必要なものを説明します。例えば:
/Dashboard、/Reports、/Settings へのリンクを持つ垂直サイドバーナビゲーションを左側に追加して。Privacy Policy と Terms of Service へのリンクを持つフッターナビゲーションを追加して。
- AI が完了したら、プレビューを確認して新しいナビゲーションが期待される場所に表示され、リンクをテストします。
メニュースタイルの変更
水平バー、タブ、または小さな画面で折りたたまれるハンバーガーメニューなど、アプリのレイアウトとオーディエンスに合わせて異なるナビゲーションスタイルを使用できます。 AI チャットでナビゲーションスタイルを変更するには:- アプリエディタに移動します。
- AI チャットで、欲しいスタイルを説明します。例えば:
- タブ:
メインのナビゲーションをページ上部のタブスタイルメニューに変更して。 - サイドバー:
ナビゲーションを左側の垂直サイドバーに移動して。 - ハンバーガーメニュー:
メインのナビゲーションを右側にパネルを開くハンバーガーメニューに変えて。
- タブ:
- AI が完了したら、プレビューを確認してナビゲーションが期待される場所に表示され、リンクをテストします。
メニュー項目の変更
ナビゲーションメニューが存在したら、リンクを追加、削除、または名前変更して、人々が適切なページにたどり着けるようにできます。新しい項目を追加する場合、リンクしたいページがすでに存在することを確認してください。 AI チャットでメニュー項目を管理するには:- アプリエディタに移動します。
- AI チャットで、メニューをどのように変更するかを説明します。例えば:
/Products ページを指す "Shop" リンクをメインナビゲーションに追加して。/About にリンクする "About" 項目をトップメニューに追加して、Home の後に配置して。ヘッダーナビゲーションから "Blog" リンクを削除して。"Shop All" メニュー項目の名前を "All Products" に変更して。メニューを Home、Shop、About、Contact の順に並べ替えて。
- プレビューを確認し、メニュー項目をクリックして、すべてが期待どおりに見え、動作することを確認します。
非表示ページの操作
一部のページは、管理ダッシュボード、成功画面、コールバックページなど、内部用です。それらをナビゲーションや検索結果に表示せずに、アプリで利用できるようにしたい場合があります。メニューからページを非表示にする
ライブで機能的なままで、任意のページを表示されているメニューから削除できます。 AI チャットでナビゲーションからページを非表示にするには:- アプリエディタに移動します。
- AI チャットで、非表示にすべきものを説明します。例えば:
/Success ページをすべての表示されているナビゲーションから削除しつつ、チェックアウト後のリダイレクトとして機能させ続けて。 - リンクがヘッダー、サイドバー、フッターに表示されないことを確認します。
ナビゲーションから非表示にされたページは、誰かがその URL を知っていれば、または別の場所のアプリにボタンやリンクを追加すると、直接開くことができます。
管理者専用エリアの作成
ダッシュボードや管理ツールなどの機密ページを、ナビゲーションの管理者セクションに配置してアクセスを保護することで、管理者のみが利用できるようにできます。 AI チャットで管理者専用ナビゲーションエリアを作成するには:- アプリエディタに移動します。
- AI チャットで、必要な管理者セクションを説明します。例えば:
管理者だけが見ることができる Admin セクションをサイドバーに追加して、/Wishlist ページをそこに移動して。/AdminDashboard と /Reports へのリンクを持つ管理者専用エリアをヘッダーナビゲーションに作成して。
検索結果からページを非表示にする
Base44 は、検索エンジンがそれらを見つけられるように、すべての公開された公開ページを自動的にサイトマップ (/sitemap.xml) に含めます。“noindex” やページレベルの robots.txt コントロールなどのページごとの SEO スイッチはありません。
検索エンジンからページを除外するには、ページが公開されていないことを確認するか、アプリの公開部分からそのページにリンクを張らないようにしてください。
インデックスの仕組みの詳細については、SEO ガイド を参照してください。
プライベートページを持つ公開ランディングページ
Base44 は現在、可視性設定だけを使って、一部のページを公開し、他のページをプライベートにすることをサポートしていません。代わりに、公開ランディングページと、人々をプライベートエリアのログインにリダイレクトするロジックの組み合わせを使用できます。 他のページにログインが必要な公開ランディングページを設定するには:- アプリの可視性設定でアプリを Public (no login required) に設定します。
- AI チャットを使用してランディングページを作成します。例えば:
ログインとサインアップボタンを持つランディングページを作成して、それをメインページにして。 - AI にアプリの残りの部分でログインを要求するように依頼します。例えば:
ランディング以外のすべてのページでログインを要求して、ログインしていない訪問者をランディングページに戻すリダイレクトをして。
FAQ
ページ、ログイン、ナビゲーションについて詳しく学ぶには、以下の質問をクリックしてください。人々がアプリを開いたときに最初に見るページを変更するには?
人々がアプリを開いたときに最初に見るページを変更するには?
ランディングページを変更するには:
- アプリエディタで Dashboard をクリックします。
- Settings をクリックしてから App Settings をクリックします。
- General Settings の Main Page ドロップダウンで、デフォルトのランディングページとして使用したいページを選択します。
アプリのページ数に制限はありますか?
アプリのページ数に制限はありますか?
はい。Base44 アプリは最大 600 ページをサポートします。ただし、ページ数だけがビルドの安定性に影響する要因ではありません。アプリ内のファイルの総数と全体的なソースサイズも重要です。アプリに 600 を超えるページがある場合、または非常に多くのファイルまたはソースコード (例: 数千の JavaScript ファイルまたは数十メガバイトのソース) がある場合、次のような問題が発生する可能性があります:
- ビルダーが利用できなくなる、または非常に遅くなる。
- エディタやライブアプリでページが正しく読み込まれない。
- 更新をビルドまたはデプロイするときの公開失敗またはメモリ不足エラー。
- AI が不完全な編集を返す。
- 既存のページを確認し、必要なくなったものを削除します。
- 可能な場合、類似のコンテンツをより少ないページに統合します。
- すべてのアイテムに対して個別の静的ページを作成するのではなく、エンティティとフィルタリングされたビューを使用します。
- 特にアプリに多くのコンポーネントがある場合、全体的なファイル数とソースサイズを可能な限り少なく保ちます。
このページは AI を使用して翻訳されました。最も正確で最新の情報については、英語版 を参照してください。