Lovable（GPTエンジニア）：ウェブサイトやアプリのコードを素早く構築するワンストップ・ショップのAIソフトウェア・エンジニア

はじめに

Lovable（旧名GPT Engineer）は、ユーザーが実際のウェブサイトやウェブアプリケーションを素早く構築できるように設計されたAIソフトウェアエンジニアツールです。AIと会話することで、ユーザーは簡単にインタラクティブなプロトタイプを作成し、数秒で好みのホスティングサービスにデプロイすることができます。Lovableは、コード編集からワンクリックのデプロイまで完全なプロセスをサポートし、初心者から経験豊富な開発者まで幅広くご利用いただけます。

ベストプラクティスガイドライン愛すべきプログラミング・キュー・ワードのデザイン・ガイドラインとベストプラクティスを完全網羅

オープンソース版：https://github.com/gpt-engineer-org/gpt-engineer（オンライン版とは大きな違いがある）

オプションのテクノロジー・スタック：

shadcn/ui + typescript: React、Tailwind、vite、TpeScriptによるフロントエンドとSupabaseデータベースの構築

shadcn/ui + javascript: React、Tailwind、ViteによるフロントエンドとSupabaseデータベースの構築

私のようにコードがまったく読めない初心者のために。 カーソル 愛すべき、 ウィンドサーフ編集部 歌で応える ボルト 試してみる価値はあるが、「文系の学生」が汎用性があり、フロントエンドとバックエンドのサービスを含むアプリケーションを実際に構築するには、まだまだ不十分だ。

上記の "AI IDE "と分類されるツールは、1.実装する機能の記述 2.ローカルでのコードのデバッグと実行 3.プログラムのデプロイから始まる、ある種の敷居の高さがあり、大多数の人が自然言語記述を使って自分のアプリを書こうとすることを制限している。"自然言語記述を使って自分のアプリケーションを書こうとしたのは今回が初めてです。

シンプルで純粋なフロントエンドのシングルページを作りたいだけなら、少なくとも上記の3つのしきい値を避けるために、cloudflare workersに頼る方が良い選択肢だろう。マークダウンやマーメイドのようなマークアップ言語を生成する大きな言語モデルを手に入れるのがいつでも簡単なのと同じように、理解するのは難しくありません。

機能一覧

• チャットがウェブサイトとアプリケーションを構築AIとの対話でWebサイトやWebアプリケーションを高速生成。
• コード所有権ユーザーは生成されたコードを持ち、AIやお気に入りのIDEを使って編集することができる。
• ワンクリック配備ユーザーが選択したホスティングサービスにワンクリックでデプロイできます。
• GitHub SyncGitHubアカウントと同期し、コードを簡単に管理できます。
• 高度な機能AIを活用したバックエンド生成やチームコラボレーションツールなどの先進機能を提供。

ヘルプの使用

1. 登録とログイン::
   • GPTエンジニアのウェブサイトにアクセスし、「登録」ボタンをクリックし、必要な個人情報を入力して登録を完了します。
   • 登録が完了したら、登録したメールアドレスとパスワードでログインしてください。
2. プロジェクトを作成する::
   • ログイン後、"Create New Project "ボタンをクリックし、プロジェクト名と説明を入力します。
   • プロジェクトの種類（ウェブサイトまたはウェブアプリケーション）を選択し、「作成」をクリックします。
3. AIとの対話の構築::
   • プロジェクトページで「対話開始」ボタンをクリックし、AIと対話する。
   • 構築したいウェブサイトやアプリケーションの機能やデザインを記述すると、AIがその記述に基づいてコードを生成します。
   • 生成されたコードはいつでも確認・編集することができ、ニーズに合ったものにすることができます。
4. コードの編集と管理::
   • 生成されたコードは、サイト内蔵のコードエディターで修正できる。
   • また、コードをGitHubアカウントに同期し、お気に入りのIDEを使って編集することもできる。
5. ワンクリック配備::
   • コードの編集が終わったら、"One Click Deployment "ボタンをクリックし、ホスティングサービス（例：Vercel、Netlifyなど）を選択します。
   • システムは自動的に選択したホスティングサービスにプロジェクトをデプロイし、数秒以内にライブになります。
6. 高度な機能::
   • GPT Engineerは、AIによるバックエンド生成やチームコラボレーションツールなどの高度な機能を提供します。
   • これらの機能は、ウェブサイトのアップグレードガイドに記載されているように、プロまたはチームアカウントにアップグレードすることでアンロックできます。
7. gitとビルドバックエンドサービスとの同期

プロジェクトを認証してGitHubに同期し、Supabaseを認証してバックエンド・コードのビルドを開始する。

ヒントとコツ

• 対話機能をフル活用生成されたコードが期待に沿うよう、AIに要件を詳細に説明してください。
• 通常のコード同期コードをGitHubに同期し、バージョン管理とチームコラボレーションを容易にします。
• 高度な機能を活用する: アカウントをアップグレードすることで、より高度な機能をアンロックし、プロジェクトの要件に基づいて開発効率を向上させることができます。

以上の手順で、ユーザーは簡単にGPT Engineerを使い始めることができ、高品質のWebサイトやWebアプリケーションを素早く構築することができます。