> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lumi.new/llms.txt
> Use this file to discover all available pages before exploring further.
# クイックスタート
> シンプルな言葉からフルスタックのウェブサイトまで。
Lumiでフルスタックのウェブサイトを作成するためのクイックスタートガイドへようこそ。
## ホームページ
ホームページには主に以下のものが含まれています：
一つの説明的なプロンプトでプロジェクトを開始します。
厳選されたテンプレートコレクションから始めることで、開発を加速させます。
最新の作品や注目のセレクションを含む、すべての公開プロジェクトを閲覧します。
あなたが作成したすべてのプロジェクトを閲覧します。
毎月のポイント残高を確認し、アカウント設定を調整します。
いつでもシームレスにサブスクリプションをアップグレードまたはダウングレードできます。
## プロジェクトページ
プロジェクトページは主に3つのセクションに分かれています：
これはLumiと対話するためのコマンドセンターです。指示を与えたり、変更を要求したり、アイデアをブレインストーミングしたり、アプリケーション開発をガイドしたりするために使用します。
これはあなたのウェブサイトのライブでインタラクティブ、そして完全にカスタマイズ可能なビューです。任意の要素をクリックしてその機能をテストしたり、ビジュアルエディタで直接調整したりできます。
これには、ウェブサイトに関する情報、バックエンド機能、ツールの使用状況、ドメイン名、セキュリティなどが含まれます。
## AIチャット
AIチャットの主な機能は、自然言語のプロンプトを使用してアプリを構築し、改良することです。しかし、入力ボックスの下部には、さらに探求するための要素があります。
注：入力したすべてのプロンプトについて、チャットに戻っていつでも「Revert This」をクリックしてプロンプトを元に戻すことができます。リクエストの確認を求められ、その後アプリはその直前の状態に戻ります。
\*\*注：\*\*入力したすべてのプロンプトについて、チャットに戻っていつでも「Revert」をクリックしてプロンプトを元に戻すことができます。リクエストの確認を求められ、その後アプリはその直前の状態に戻ります。
## 最初のアプリを構築する：ステップバイステップ
アプリのコア機能を簡単な言葉で説明します。
例：
```mdx theme={null}
Build a task manager for teams to assign, track, and complete tasks with progress reports.
```
Lumiはアプリのインターフェースとバックエンドを自動的に構築します。プレビューパネルでプロセスがライブで展開されるのを見ることができます。
広範な調整にはAIチャットを、色やレイアウトなどの詳細な微調整には[ビジュアル編集](/ja/features/visual-edits)を使用します。実装前に複雑なロジックについてAIと協力するために[ディスカスモード](/ja/features/modes#discuss-mode)を有効にします。
プレビューパネルでユーザーと同じようにウェブサイトを操作し、すべての機能をクリックして完璧に機能することを確認します。
公開の準備ができたら、「Publish」ボタンをクリックしてサイトをデプロイし、世界に公開します。
