GeminiCoder: LlamaCoderプロジェクトに基づき、Gemini APIを使用してWebアプリケーションを素早く生成する。

はじめに

GeminiCoderは、Googleベース ジェミニ 革新的なウェブアプリケーション生成ツールのAPI開発。このプロジェクトは ラマコーダー の優れた機能と、最新のGemini 1.5 Pro、Gemini 1.5 Flash、Gemini 2.0 Flash Experimentalなどの強力なAIモデルを統合しています。簡単なテキストプロンプトで、ユーザーは完全なWebアプリケーションを素早く生成することができます。このプロジェクトは、Next.jsフレームワークやTailwind CSSスタイルライブラリを含む最新の技術スタックを使用し、Sandpackオンラインコードサンドボックスを統合することで、開発者にスムーズなコード編集とリアルタイムのプレビュー体験を提供します。GeminiCoderは、アプリケーション開発プロセスを大幅に簡素化し、アイデアを素早く現実に変えることができます。

機能一覧

• 自然言語プロンプトから完全なウェブアプリケーションを生成するためのサポート
• 最新のGemini 1.5 Proおよび2.0 Flash実験的AIモデルの統合
• リアルタイムのコード編集とプレビュー機能を提供
• 組み込みのSandpackコードサンドボックス環境
• Next.jsとTailwind CSSテクノロジースタックのサポート
• 完全なローカル開発環境設定を提供
• グーグルをサポート AIスタジオ APIキーの統合
• 拡張可能なアプリケーション生成機能

ヘルプの使用

1.環境構成

まず、以下の手順で開発環境をセットアップする必要がある：

1. APIキーの取得
   • インタビューグーグルAIスタジオ
   • 新規APIキーの登録と作成
   • 将来の使用のためにAPIキーを保存する
2. ローカルインストール手順

   # プロジェクトリポジトリをクローンする
   git clone https://github.com/osanseviero/geminicoder
   # 環境設定ファイルを作成する
   touch .env
   # .envファイルにAPIキーを追加する
   GOOGLE_AI_API_KEY=あなたのAPIキー
   # 依存関係をインストールする
   npm install
   # 開発サーバーを起動する
   npm run dev
   

2.ご利用の流れ

1. アプリケーション・ジェネレーション：
   • ローカル開発サーバーへのアクセス（デフォルトアドレス：http://localhost:3000）
   • プロンプト入力ボックスに作成するアプリケーションを記述します。
   • 自然言語を使って、アプリケーションの機能や特徴を詳しく説明する。
   • Generate ボタンをクリックしてアプリケーションの作成を開始します。
2. コードの編集とプレビュー
   • Sandpackコードエディタで生成されたコードを見る
   • コードの内容をリアルタイムで修正・調整
   • プレビューウィンドウでアプリケーションの動きを見る
   • 複数ファイルの編集と管理をサポート
3. テクノロジーの統合：
   • Next.jsのモダンな機能をすべて使用できる。
   • Tailwind CSSによるスタイリング
   • コンポーネント・ベースの開発をサポート
   • 依存関係や機能を追加できる
4. 開発提案：
   • より良い結果を生み出すための明確で具体的なヒントを提供する。
   • ジェミニAPIの異なるモデルバージョンで異なるジェネレーション効果を試す
   • プロジェクトの依存関係の更新を定期的に同期させ、最新の機能を入手する。
   • 機能の拡張やカスタマイズについては、プロジェクトのドキュメントを参照してください。

3.注意事項

• これは個人的なプロジェクトであり、グーグルの公式プロジェクトではない！
• APIキーを保護し、コード・リポジトリにコミットしない必要がある。
• ローカル開発には安定したインターネット接続が必要
• 生成されたコードの定期的なバックアップを推奨
• 生成されたアプリケーションは、さらなる最適化とチューニングが必要になる場合があります。