ローコード開発とノーコード開発の比較

ターゲット ユーザー

プロのデベロッパー、IT チーム

シチズン デベロッパー、非技術系スタッフ

カスタマイズと柔軟性

高い。カスタムコードとインテグレーションで拡張可能

プラットフォームの事前構築済みパーツに限定

ガバナンス重視

大規模システムのセキュリティとスケーリングを管理

ビジネスユーザーが安全に独自のツールを構築できるよう支援

アクション: Firebase コンソールで Firebase Studio を開き、アプリに必要な機能を説明するプロンプトを作成します。

ノーコード アプローチ: チーム フィードバック アプリの場合、次のようなプロンプトを記述します。

「チームメンバーが匿名でフィードバックを送信できるアプリを開発しています。フィードバックのテキスト、送信日、送信者の所属部門（エンジニアリング、マーケティング、営業のいずれか）を収集する必要があります。」

アクション: プロンプトを送信すると、エージェントがおすすめを提示します。

ノーコード アプローチ: エージェントは、feedbackText（文字列）、submittedAt（タイムスタンプ）、department（文字列）などのフィールドを含むフィードバック コレクションを提案する場合があります。また、データを保護するための基本的なセキュリティ ルールも提案します。これらの提案を確認し、エージェントに修正を依頼します。その後、クリックするだけで Firebase にデプロイできます。

アクション: エージェントは、バックエンドの提案とともに、サンプル アプリケーション コードを提供します。

ノーコード アプローチ: フィードバック アプリの場合、エージェントは、テキスト入力フィールド、部門のプルダウン メニュー、[送信] ボタンを備えたシンプルな UI を生成できます。このコードは、Firestore データベースにデータを書き込むようにすでに構成されています。これをユーザーテスト用の機能プロトタイプとして使用したり、開発者に渡して、より洗練されたインターフェースの出発点として使用したりできます。

アクション: Gemini Code Assist 拡張機能がインストールされている Cloud Shell エディタまたはその他の IDE で、新しい Node.js ファイルを開きます。

ローコード アプローチ: 説明的なコメントをプロンプトとして入力します。Gemini Code Assist がコメントを認識し、コードを提案します。

// Node.js の Cloud Functions です。

// Firestore コレクション「users」に新規ユーザーが作成されたときにトリガーされます。

// ユーザーのメールアドレスにウェルカム メールを送信します。

const functions = require('firebase-functions');

const admin = require('firebase-admin');

admin.initializeApp();

// メール送信サービスを構成する必要があります

const emailClient = require('@sendgrid/mail');

emailClient.setApiKey(process.env.SENDGRID_API_KEY);

exports.sendWelcomeEmail = functions.firestore

    .document('users/{userId}')

    .onCreate(async (snap, context) => {

      const newUser = snap.data();

      const email = newUser.email;

      const displayName = newUser.displayName;

      const msg = {

        to: email,

        from: 'welcome@yourcompany.com',

        subject: 'Welcome to Our Service!',

        text: `Hi ${displayName}, thanks for signing up!`,

        html: `<strong>Hi ${displayName},</strong><p>Thanks for signing up!</p>`,

      };

      try {

        await emailClient.send(msg);

        console.log('Welcome email sent to:', email);

      } catch (error) {

        console.error('Error sending welcome email:', error);

      }

    });

アクション: sendWelcomeEmail 関数をハイライト表示します。

ローコード アプローチ: Gemini Code Assist のチャットパネルを開き、「このコードについて説明して」と依頼します。Gemini がこの関数の仕組みを説明します。次に、「より詳細なエラーログを catch ブロックに追加して」というプロンプトを入力します。Gemini は、エラー処理を改善した修正済みのコード スニペットを提供し、プロダクション レディのコードを開発者がより迅速に構築できるよう支援します。