【ITニュース解説】Comment j'ai créé une alternative open source à Lovable depuis l'Afrique

現代において、ウェブサイトやモバイルアプリを新しく作るには、通常3,000ドルから15,000ドルもの費用がかかり、完成までに2ヶ月から6ヶ月を要することが珍しくない。これには、ReactやNode.jsといったプログラミング言語やフレームワーク、データベースの設計、サーバー運用（DevOps）、そしてセキュリティ対策といった多様な専門知識を持つ開発者を雇う必要があるため、多くの労力と時間、そして費用が伴う。実際、ほとんどの人は自分でソフトウェアを開発する方法を知らないのが現状である。しかし、世界中の誰もが新しいアイデアを持っている。特に、アフリカのような地域には、まだ発見されていない大きな技術革新の可能性を秘めた起業家が大勢いるが、コードを書けないためにそのアイデアを形にできないという課題が存在する。この記事は、この課題を解決するために、アフリカから生まれた革新的なAIエンジン「Velocity Engine」の物語である。

既存のアプリ作成ツールとして、Lovable、Bolt、v0などが登場し、プログラミングの知識がなくてもアプリを作成できるようになった。これらは非常に優れたツールで、開発者自身も利用している。しかし、これらのツールにはいくつかの問題点があった。一つは料金が高価であること。基本的なプランでも月に20ドルから50ドルかかる。もう一つは、アフリカのユーザーには適していない点である。サポートは英語のみで、支払いにはアメリカの銀行カードが必要な場合が多く、サーバーもアメリカやヨーロッパに設置されているため、アフリカからのアクセスでは速度が遅くなりがちだった。

そこで開発者は、これら既存ツールの課題を克服し、誰もが利用できるような新しいツールを作ることを目指した。それは、より安価であるか、あるいは無料で利用でき、アフリカで広く話されているフランス語と英語の両方に対応し、アフリカのユーザーにとって高速で、そしてオープンソースであること。オープンソースとは、ソフトウェアの設計情報やソースコードが公開され、誰でも自由に利用、修正、再配布できる状態を指し、これによって透明性が確保され、多くの開発者が共同で改善に参加できる利点がある。

この目標を実現するために開発されたのが「Velocity Engine」である。Velocity Engineは、テキストで書かれたアイデアを、すぐに使えるWebアプリケーションやモバイルアプリケーション（React Native）に変換するオープンソースのAIエンジンである。ユーザーはアイデアを任意の言語で入力するだけで、React 18、Vite 5、Tailwind CSSといった最新のウェブ技術を用いた、アニメーション付きのプレミアムなデザインを持つアプリケーションを2分以内に手に入れることができる。さらに、各要素にはユニークな画像が生成され、コードの自動検証機能も備わっている。

Velocity Engineの内部の仕組みは以下の通りである。まず、ユーザーが入力したテキスト（プロンプトと呼ばれる）は、Googleが開発した最新のAIモデルである「Gemini 3.5 Flash」に送信される。AIはこのテキストに基づいて、ウェブサイトの名前や種類、そしてウェブサイトを構成するファイル群をJSON形式という構造化されたデータ形式で出力する。JSONは、データをキーと値のペアで表現する、人間にも機械にも読みやすい形式で、異なるシステム間でデータをやり取りする際によく利用される。

ここで重要なのは、AIが生成したコードをそのまま利用するのではなく、「検証」の工程を挟む点である。AIモデルは時に間違いを犯し、例えばReactで使われるJSXという記法に誤りがあったり、タグの閉じ忘れがあったり、意図しないライブラリをインポートしてしまうことがある。Velocity Engineには、このようなAIのエラーを自動的に検出し修正するための3層の検証システムが組み込まれている。

第一の検証層は「React Hooks」の検証である。React Hooksは、Reactの関数コンポーネントで状態管理や副作用などの機能を使うための仕組みであるが、AIが生成するコードでは「useState」のようなHooksの記述が不正確な場合がある。これを自動的に「React.useState」のように正しい形に修正する。

第二の検証層は「JSXタグ」の整合性チェックである。JSXはJavaScriptのコード内にHTMLのようなタグを記述できる構文だが、AIが「<h1>タイトル</a>」のように開始タグと終了タグが一致しない誤りを生成することがある。この層では、開いたタグと閉じるタグが正しく対応しているかを検査し、不一致があれば修正候補を提示する。

第三の検証層は「画像の重複」検出である。アプリケーション内の各要素にユニークな画像が割り当てられているかをチェックし、もし同じキーワードから生成された画像が複数使われている箇所があれば、それを検知して修正を促す。

もしこれらの検証段階でエラーが検出された場合、Velocity Engineは自動的にコードの再生成を試みる。これを最大3回繰り返すことで、ユーザーに提供されるコードの品質を高く保っている。

Velocity Engineは、その開発において様々な技術スタックを活用している。AIモデルにはGoogle Gemini 3.5 Flash、フロントエンド（ユーザーが直接触れる部分）にはReact 18とVite 5、スタイリング（見た目のデザイン）にはTailwind CSS 3、モバイルアプリ開発にはReact NativeとExpoが使われている。データ保存にはUpstash BlobとMySQL、キャッシュ（一時的なデータ保管で高速化を図る仕組み）にはUpstash Redisが利用され、バックエンド（サーバー側の処理）にはNode.jsとExpressが使われている。そして、アプリケーションをインターネット上に公開するためのホスティングにはRenderとVercelが活用されている。

Velocity Engineのオープンソース化は大きな反響を呼んだ。50人以上の開発者がコードリポジトリ（GitHubというコード管理プラットフォーム上の公開場所）をクローンし、10人以上の開発者がコミュニティのDiscord（チャットツール）に参加した。外部の貢献者からは3件以上のプルリクエスト（他の開発者がコードの変更を提案する仕組み）があり、商業サイトへのトラフィックも40%増加した。しかし、最も重要な成果は、これまで一度もコードを書いたことのないアフリカの女子学生がVelocity Engineを使って自分の最初のポートフォリオサイトを作成できたことである。これが、このツールが目指す究極の目標であった。

この開発プロジェクトを通じて、いくつかの重要な教訓が得られた。まず、オープンソースは信頼を築く上で非常に重要だということである。開発者はコードを見られることで、製品に信頼を置くようになる。過去の類似プロジェクトであるGPT Engineerが多くのスター（GitHubでの「いいね」のような評価）を集めたのも、この透明性の結果である。次に、大規模言語モデル（LLM）によって生成されたコードは、必ず検証が必要であるという点である。単にAIに指示を送り、その出力を使うだけでは不完全であり、Velocity Engineの3層検証システムは、ユーザーが受け取るエラーの約90%を防いでいる。また、アフリカには計り知れない潜在力がある。14億人のアフリカ人のうち、コードを書けるのは1%未満だが、もし5%でもアプリを作成できるようになれば、7000万人もの新しいクリエイターが生まれる計算になる。そして最後に、迅速な開発と素早い改善が重要だということ。最初のバージョンを3週間で開発し、最初の100人のユーザーからの40件のバグレポートを1週間で修正した経験は、完璧を目指すよりもスピードを重視することの価値を示している。

もしあなたが開発者であれば、Velocity Engineに貢献する方法はいくつかある。GitHubのリポジトリにスターをつけること、または実際にVelocity Engineをインストールして、自分自身のアイデアでアプリを生成し、テストすること。そして、もし可能であれば、コード自体に貢献することである。初心者向けの「good first」イシューも用意されている。

今後の計画として、2026年第4四半期にはVue、Svelte、Solidといった他の人気のあるウェブフレームワークのサポートを追加する予定である。2027年第1四半期には、ユーザーが自分のサーバーでVelocity Engineを運用できるセルフホステッド版を提供する計画もある。さらに、2027年第2四半期には、10のアフリカのコード学校と提携し、より多くの人々に技術を届けることを目指している。

Velocity Engineは、次世代の偉大な技術革新が、シリコンバレーやヨーロッパだけでなく、アフリカからも生まれることを証明するものである。