dogma13
プロジェクト
Sign In

MGX.devでバイブコード未完成記録

Pokute
Jun 6, 20251y ago
カテゴリー
Empty
SRC From: https://x.com/MetaGPT_/status/1901634631008493599
この記事は、作業中にGPTとチャットで記録された内容に基づいてまとめられた記事です。
Web サービスを最初から一人で作成する試みはいつも興味深いですが、同時に複雑で面倒な作業でもあります。特に、フロントエンド、バックエンド、インフラなど様々な技術スタックをすべて直接扱わなければならないという点で、個人開発者や初期企画者には高い進入障壁が存在します。このような悩みの中で最近発見したプラットフォームがまさにMGX.devです。ここでは、AIベースのマルチエージェントが実際のチームのように役割を分担し、ユーザーの要求に応じてWebサービスを開発しています。おかげで、企画から設計、実装に至るまで、一層簡単にアクセスできました。
今回の記事では、私がMGX.devで試したプロジェクトの概要と開発過程、そして感じたことを簡単に共有しましょう。

プロジェクト概要

私が企画したサービスは以下の目標を持っています。
「インサイトを入手できるアーティクルベースのRSSフィードキュレーションサービス」
•
信頼できるブログとニュースソースを直接キュレーション
•
LLMを活用して各コンテンツの核心を韓国語と英語で3行まとめる
•
主な内容を項目中心の核心整理形態で提供
•
自動翻訳で言語の障壁を下げる
•
ユーザーの批判的思考と主体的な判断を支援する情報提供
このプロジェクトは、基本的なRSSリーダーにAI要約機能と言語翻訳機能を組み合わせた形で、情報過剰時代の中でユーザーが素早くコアだけを把握して選択できるように支援することに重点を置いています。

コア機能の定義

バージョン 0.1 で以下の主な機能を設定しました。
•
RSS収集：特定のウェブサイトからRSSを収集
•
保存と処理：収集したフィードをデータベースに保存する
•
LLMの要約：各フィードの韓国語/英語の3行の要約とコアクリーンアップの作成
•
ソース分析：ソースウェブサイトの概要説明を提供する
•
最新の状態を維持: ユーザーがページを開いたときに常に最新のフィードを反映
これらの機能に基づいて、基本的なWebページ構造とUI / UX要素も次のように設計しました。
•
ホーム: フィードをカードビューの形式で一覧表示する (サムネイル、タイトル、要約などを含む)
•
ソース：ソースサイトごとにカードの設定と統計を提供する
•
アカウント（Account）：ログイン、プロフィール画像設定、言語選択機能など
•
詳細ページ：フィードまたはソースの詳細を表示するための個々のページの設定
•
プロンプトの例は、次のように明確に定義されています。
•
3行の要約：記事の主張を3行にまとめる
•
重要な整理：主張中心の構造化コンテンツの要約
•
ソース分析：作成者と記事の傾向分析を提供する

MGX.devのAIチーム構成

MGX.devは、実際のチームのように構成されたAIエージェントがユーザー入力に応答してタスクを実行します。私の場合、3人（最後の2人は口径もなかった）のエージェントが参加しました：
•
Mike：プロジェクトチーム長で全体の流れと戦略を調整
•
Emma：製品企画者としてサービス構造と画面構成を企画
•
Bob：アーキテクトで技術的構造設計を担当
•
Alex：エンジニアとして実装担当（出現するとすぐ終了）
•
David：データ分析者によるデータ構造の設計と構成担当
これらのコラボレーションは、別々のツールをインストールしたり、コードを書かなくてもチャットウィンドウでのみ行われ、会話が進むにつれて徐々に高度な結果を生み出すことが印象的でした。
MGX.dev簡単な紹介
MGX.devは、AIマルチエージェントに基づいてさまざまなデジタル成果物を作成できるWebプラットフォームです。
ユーザーは、単純なテキストコマンドだけでウェブサイト、アプリのプロトタイプ、ブログなどを作成できます。チーム長、企画者、アーキテクトなどの役割を持つAIエージェントがコラボレーションしてプロジェクトを遂行します。レスポンシブWebの実装、既存の成果物のリミックス、即時展開機能までサポートします。
注: https://g.co/gemini/share/dc45282d6e68

作業内容

A.実装リーディング

Mike（Team Leader）は、プロジェクト全体を管理しながら、主要な機能の実装を主導しました。彼はReact、JavaScript、およびTailwind CSSを活用してWebアプリケーションを開発しており、次のページが含まれています。
•
ホーム（Home）、ソース（Source）、アカウント（Account）ページ
•
レイアウトはSubstackスタイル、カードビューはPoudr.siteに似た形式
•
RSSフィードの収集、LLMサマリー処理、ユーザーアカウント機能が含まれています

B.計画と分析

Emma（Product Manager）は、ユーザーの要求に基づいてサービスの全体的な計画を担当し、その結果としてProduct Requirement Document（PRD）を作成しました。この文書には以下の内容が含まれます。
•
プロジェクト情報と概要(Project_info)
•
製品の目標と機能の定義(Product_definition)
•
主なユーザーペルソナとユーザーシナリオ（User_stories）
•
競合サービスのベンチマーク分析(Competitive_analysis)
PRD文書で定義されている重要な目標は次のとおりです。
•
ユーザーが時間を節約し、迅速に重要な情報を把握できるように、LLMベースの要約を提供
•
多言語翻訳機能によるグローバルコンテンツアクセシビリティの向上
•
コンテンツの信頼性と多様性を考慮したキュレーションソースの設定
Emmaの計画文書は、docs / prd.jsonパスにバージョン情報（0.1）とともにシステム開発の基準文書として登録されており、開発全体の流れを構造化する上で重要な役割を果たしました。

C.システム設計

Bob（Architect）はRSSフィードサービス全体のシステムアーキテクチャを設計しました。彼はフロントエンド、バックエンド、データベース階層を含む全体の流れをシーケンス図として視覚化しました。
•
ユーザーの要求に応じた最新のフィード検索（GetLatestFeeds（））
•
個々のフィードの詳細検索と再生回数の増加処理（GetFeedById（）、incrementViewCount（））
•
ソースリストと詳細情報検索機能（GetAllSources（）、getSourceById（））
シーケンス図ファイルはInsight_rss_sequence_diagram.mermaidとして登録されており、各APIコントローラの役割とDB間の対話が明確に図式化されています。これは、開発者が機能を実装する際に参照できる技術的基準として利用されます。

MGX.devのレビュー

当初はReplitを使用する予定でしたが、無料プラン制限を超えてMGX.devを先に体験することになりました。 MGXは、明確なプロンプトと構造化された要求だけがあれば、かなり迅速かつ直感的に結果を提供します。特に、LLM機能を含むサービスを作成するには、適切なガイドと機能を備えていると感じました。
ただ、実際に複数の機能を追加して繰り返し作業を進めていくと、無料クレジットが急速に使い果たされ、有料転換が事実上必須であることは残念で残りました。特にプロダクトハントなどのレビューでも、「コスト」へのフィードバックが何度も言及されているのを見ると、クイッククレジットの枯渇が残念だと思われます。

仕上げ

今回のMGX.dev体験は、一人では時間がかかるしかない開発過程をAIチームと一緒に素早く圧縮して進めることができる良い機会でした。十分でした。
Do
「Dogma13」を購読する
サイトを購読すると、新しい投稿などの最新のアップデートを通知やメールで最初に受け取ることができます。
Slashpageに登録して「Dogma13」を購読してください！
購読
👍