Dyad: フリーのオープンソースAIフルスタックアプリケーション構築ツール

dyadは、フロントエンド、バックエンド、データベース、認証を含むアプリを素早く作成できるように設計された、ローカルで動作する無料のオープンソースAIフルスタックアプリビルダーである。ユーザーのローカルデバイス上で動作し、プライバシーと開発の自由度を重視し、自然言語ヒントによるコード生成をサポートしている。dyadは、Google Gemini、Claude、OpenAIを含む幅広いAIモデルをサポートしており、ユーザーは無料のAPIキーまたはOllamaのようなローカルモデルのいずれかを使用することができる。Lovable、v0、Boltと比較して、Dyadはプラットフォームのロックインを回避し、ユーザーが完全に所有するコードを生成します。 カーソル ダウンロード数は10万を超え、開発者、デザイナー、初心者を問わず幅広く利用されています。直感的なインターフェースとコミュニティサポートにより、開発者、デザイナー、初心者に適しており、10万回以上のダウンロードを記録し、広く評価されています。それは 愛すべき に代わる地元の優れたレストランである。

機能一覧

• AI主導のフルスタック開発フロントエンドインターフェース、バックエンドロジック、データベース、認証コードを簡単なプロンプトで生成します。
• ローカルオペレーションすべての操作はユーザーのデバイス上で行われるため、データのプライバシーと迅速な応答が保証されます。
• マルチモデル対応Google Gemini、Claude、OpenAI、その他のAPIと互換性があります。 オーラマ とLM Studioのローカルモデル。
• コード編集とプレビューアプリケーション・インターフェースのリアルタイム・プレビューをサポートし、ユーザーはコードを編集して、その違いを直接確認することができます。
• スーパベースの統合認証、データベース、サーバー機能をサポートし、複雑なアプリケーションの構築に適しています。
• 画像のアップロードと統合: 画像をチャット・インターフェースにドラッグすることで、関連するコードを自動的に生成し、プロジェクトに統合することができます。
• コミュニティ・テンプレートコミュニティが提供するテンプレートを使って、特定のタイプのアプリケーションを素早く構築できます。
• GitHubとVercelのデプロイメントGitHubへのコードプッシュとVercelを介した迅速なデプロイをサポートします。
• 学習リソース初心者から上級者まで、ビデオチュートリアルとコードレビューを提供。
• クロスプラットフォーム対応Windows、Mac、Linuxに対応（特別な設定が必要）。

ヘルプの使用

設置プロセス

Dyadのインストールは簡単ですが、環境が正しく設定されていることを確認する必要があります。以下はその詳細な手順である：

1. Node.jsのインストール
   Dyadは、JavaScriptアプリケーションを実行するためにNode.jsに依存しています。Node.jsのウェブサイトにアクセスし、最新バージョン（v20以上を推奨）をダウンロードしてインストールしてください。インストールしたら、以下のコマンドを実行して確認してください：

   node --version
   

   バージョン番号が表示されていれば、インストールは成功です。不明な点があれば、Node.jsの公式ヘルプページを参照してください。

2. ダウンロード
   DyadのGitHubリポジトリ（https://github.com/dyad-sh/dyad）にアクセスし、"Releases "ページからお使いのOSに適したバージョン（最新のv0.14.0）をダウンロードしてください。WindowsとMacユーザーは直接インストールできます。Linuxユーザーは実行する必要があります：

   electron-forge start -- --no-sandbox
   

   Ubuntuでのパーミッションの問題を解決する。

3. AIモデルの設定
   Dyadは様々なAIモデルをサポートしており、Googleを推奨している。 ジェミニ Dyadの無料APIキー（1日250メッセージ）です。Dyadを起動すると、トップページに設定手順が表示されますので、指示に従ってキーを入力してください。Ollamaのようなローカルモデルを使っている場合は、まずローカルサーバをインストールして起動する必要があります。 http://localhost:11434).
4. ローンチ・ダイアド
   インストールが完了したら、Dyadアプリケーションを開きます。最初の起動では、Node.jsとAPIの設定がチェックされます。設定が完了したら、メインのインターフェイスにアクセスして、使い始めてください。

Dyadでアプリケーションを構築する

Dyadは、シンプルで直感的な方法で、自然言語プロンプトを通してフルスタックアプリケーションを生成します。以下はその詳細なプロセスである：

1. 応募条件を入力する
   メイン・インターフェースのチャット・ボックスに、アプリケーションの説明を入力します（例：「ユーザー登録と投稿管理を備えたブログ・サイトを作成する」）。Dyadは、ユーザがすぐに使い始められるように、サンプルヒントを提供しています。
2. コードの生成とプレビュー
   プロンプトを入力した後、「送信」をクリックするかエンターキーを押すと、DyadがAIモデルを呼び出してコードを生成します。コードが生成されると、ユーザーはプレビュー・ウィンドウでコードを確認する必要があります。その後、コードは保存され、右側に表示されるアプリケーション・インターフェイスでローカルに実行されます。
3. 編集コード
   Dyadは、生成されたコードの直接編集をサポートしています。使用方法 #file.py もしかしたら #index.js ファイルを参照すると、AIがコンテキストに基づいて最適化の提案を行います。例えば、「#app.jsのパフォーマンスを改善する」と入力すると、Dyadは最適化されたコードを生成し、差分の比較を表示します。ユーザーはサイドバーで変更内容を確認し、適用することができる。
4. 画像統合
   v0.14.0では、ユーザーはデザインのスケッチをチャットボックスにドラッグし、「この画像を次のように変換してください」と入力することができます。 反応 コンポーネント "を選択すると、Dyadは対応するコードを生成し、プロジェクトに統合します。この機能は、設計を素早くコード化するのに理想的です。
5. アプリケーションの展開
   DyadはGitHubとVercelによるデプロイをサポートしている：
   • Sync to GitHub "ボタンをクリックして、コードをGitHubリポジトリにプッシュします。
   • Vercelのウェブサイトにログインし、GitHubアカウント経由でプロジェクトをインポートします。
   • Vercelはフレームワーク（Viteなど）を自動検出し、ユーザーは環境変数（Supabase APIキーなど）を設定する必要がある。
   • Deploy "をクリックすると、Vercelは次のように表示します。 dyad-app-name.vercel.app ユーザーがアプリケーションにアクセスするためのアプリケーションのURL。
   • コードを更新したら、「GitHubに同期」操作を繰り返せば、Vercelが自動的に再デプロイしてくれる。

注目の機能操作

• 現地モデルのサポート
  OllamaまたはLM Studioでオフライン開発を完了します。Ollamaをインストールしたら、ローカルサーバを起動し、Dyadの設定にアドレスを入力します。 http://localhost:11434).高いプライバシーが要求されるプロジェクトに適している。
• スーパベースの統合
  DyadはSupabaseの認証機能、データベース機能、サーバ機能を統合しています。Dyadは、アプリケーション生成時にSupabaseの環境変数を自動的に設定します。データベース機能を利用するには、Supabaseのウェブサイトでプロジェクトを作成し、APIキーを取得し、Dyadに入力する必要があります。
• コミュニティ・テンプレート
  Dyadは、「Eコマースウェブサイト」や「タスクマネージャ」などのコミュニティテンプレートを提供しています。メインインターフェイスでテンプレートを選択すると、Dyadはあらかじめ設定されたコードを生成し、開発時間を短縮します。ユーザーはGitHub経由で新しいテンプレートを投稿することができます。
• 学習とコード・レビュー
  Dyadは、基本的な開発スキルから高度な開発スキルまでをカバーするシニアエンジニアによるビデオチュートリアルを提供しています。ユーザーはエキスパートレビューを通じてコードを投稿することができ、AIがベストプラクティスに基づいたフィードバックを提供し、コードの最適化やバグの特定を支援します。

ほら

• APIクォータクラウドモデルを使用する場合は、APIキーが有効であることを確認し、容量不足による開発の中断を回避してください。
• Linuxの設定Linuxユーザーはパーミッション設定に注意する必要がある。
• 更新チェック定期的にGitHub Releasesにアクセスして最新バージョンを入手し、新機能をお楽しみください。
• GitHub Sync現在のところ、DyadはGitHubへのプッシュにのみ対応しており、プルには対応していません。

アプリケーションシナリオ

1. ラピッドプロトタイピング
   例えば、「商品表示と決済をサポートしたオンラインショップを作る」と入力すると、Dyadがフロントエンド、データベース、決済機能のコードを生成し、数日でプロトタイプを作ることができる。
2. プログラミング教育
   初心者はDyadでフルスタック開発を学ぶことができます。簡単なアプリケーション（電卓など）を生成した後、AIがコードの説明と最適化の提案をビデオチュートリアルとともに提供し、ユーザーがプログラミングスキルを習得できるようにします。
3. プライバシーに配慮したプロジェクト
   企業や開発者は、機密性の高いプロジェクトの開発にローカルモデルを使用することができ、Dyadのローカルランタイム機能は、データがクラウドにアップロードされないことを保証し、金融やヘルスケアなどのプライバシー性の高いシナリオに適しています。
4. コミュニティ・プロジェクト開発
   オープンソースの開発者は、DyadのコミュニティテンプレートとGitHubインテグレーションを活用することで、プロジェクトを迅速に構築・共有し、コラボレーション効率を向上させることができます。

品質保証

1. Dyadはインターネットに接続する必要がありますか？
   ローカルモデル（Ollamaなど）を使用する場合、Dyadは完全にオフラインで実行できる。クラウドモデル（Geminiなど）を使用する場合は、APIを呼び出すためにインターネット接続が必要です。
2. Dyadはどのようなフレームワークに対応していますか？
   主にReactとViteをサポートし、JavaScript/TypeScriptコードを生成する。その他のフレームワークのサポートは開発中です。
3. 既存のプロジェクトにインポートできますか？
   現在のバージョンは直接インポートをサポートしていないが、GitHubを通じてコードをプッシュし、VS CodeなどのIDEで開発を続けることができる。
4. Dyad FreeとProの違いは何ですか？
   無料バージョンは、独自のAPIキーで基本的な機能を提供し、プロバージョン（月額30ドル）は、300AIクレジット、専用AIモードと直接サポートを提供し、マックスバージョン（月額79ドル）は、さらに多くのクレジットを提供します。