一、前文

AI がコードを生成するのは、もう新しいことではありませんが、AI が WeChat 小程序を生成する例はまだ多く見られません。

その理由は、おそらく小程序のオープンソースプロジェクトが少なく、モデルのトレーニングが難しいからです。

先週、私は腾讯の同僚と出会い、「腾讯云開発」が最近大きなバージョンアップを行い、小程序のAI能力を大幅に強化したことを知りました。私はとても期待しています。腾讯が自分で小程序のAIを開発するのは、他の人よりも適任だと思います。

その後、私は今回のアップデートされたAI機能を試しましたが、強い感覚がありました。WeChat 小程序はおそらくすぐに国内のAIアプリ（通称「スマートボット」）の主要なプラットフォームになるかもしれません。

今回の更新により、小程序がAIモデルを呼び出すことや、インテリジェントエージェントを生成することに非常に便利になりました。また、小程序はAPIから開発ツールまでAIを統合しており、開発の全プロセスでAIが支援されることで、開発効率が向上し、多くのコードがAIによって生成されるようになりました。

以下に、私の試用過程の紹介と記録を記します。これらの機能はすべて公開されており、大部分はすでに上线しており、残りもすぐにリリース予定です。皆さんは今すぐにこれに従って、AIで生成された小程序を体験できます。

二、クラウド開発アシスタント：アクセス方法

私の最初のステップは、小程序の「クラウド開発アシスタント」（別名：クラウド開発Copilot）を体験することでした。その役割はAIを通じて小程序の開発を加速することです。

その完全機能版は、現在「Tencent Cloud Development Platform」のウェブサイトを使用してアクセスする必要があります。

また、ゲストバージョンの小程序もあります。一部の機能を体験できます。スマートフォンしかない場合は、まずゲストバージョンを試してみてください。

スマートフォンで「AIからクラウド開発を探索」をクリックすると、アクセスできます。

スマートフォン版で確認すればよいですが、正式な開発はウェブサイトを使用します。本文の下の内容は、すべてウェブサイトの完全機能版に基づいています。

まず、「クラウド開発プラットフォーム」にログインすると、ページの右下にアシスタントのアイコンが表示されます。

それをクリックすると、「クラウド開発アシスタント」が開きます。

その右上には「フルスクリーン」アイコン（下図）があります。

それをクリックして完全なインターフェースに入ります。

三、クラウド開発アシスタント：ドキュメント機能

「クラウド開発アシスタント」の主な機能は下図の通りです。

これらの機能は大きく二つのカテゴリーに分けられます。一つはドキュメントに関連する機能で、もう一つはコード生成です。

まずドキュメント機能を見てみましょう。

（1）Copilot

この機能はAI質問応答エンジンで、小程序に関するあらゆる質問をすることができます。

これによりドキュメントの参照が大幅に削減され、簡単な関数なら生成してくれるだけでなく、小程序の開発方法を教えてもらうことができます。

（2）AI 识图

この機能は、ページのスクリーンショット（またはデザイン画）をアップロードすることで要件ドキュメントを生成します。

私は抽選のルーレットのスクリーンショットをアップロードしました。

それにより、以下のような要件ドキュメントが生成され、このページのインターフェースレイアウト、デザインの詳細、機能要件などを文字で詳細に記述してくれました。

大手企業のプログラマーは、基本的に製品要件仕様書（PRD）に基づいて開発を行うため、この機能は製品マネージャーの業務を簡素化し、要件仕様書はAIコード生成のテキスト記録として保存することができます。

生成された要件仕様書は、次に「クラウド開発アシスタント」に入力し、ページコードを生成するため、これもAIが小程序を生成する中間段階です。

（3）要件書作成の達人

この機能は「AI画像認識」と同じ役割を持ち、要件仕様書を生成しますが、違いはテキスト記述を入力することです。

スクリーンショットが不要であるため、機能要件のみでデザイン画がないシナリオに適しており、AIがページをデザインするのに役立ちます。

四、クラウド開発アシスタント：小程序フロントエンドコードの生成

続いて、「クラウド開発アシスタント」を使って小程序のフロントエンドコードを生成してみましょう。

左側のメニューから「AI で生成するビジュアルアプリ」、この機能はスクリーンショットやテキストの説明に基づいて、直接アプリ（Web や小程序）を生成します

、WeChat のページのスクリーンショットをアップロードします

、それが自動的にそのスクリーンショットのページコードを生成し、効果をプレビューできます（下図）

、生成されたページは元のレイアウトを再現していますが、多くの詳細な違いがあります

、現在の段階では、100% 再現するのはまだできません。コードの基礎として適しています。生成されたページをベースにして、手動で詳細な調整を行います

、スクリーンショットをアップロードするだけでなく、テキストの説明（または前節の要件ドキュメント）を入力することもでき、アプリを生成できます

、プログラマーの個人の小程序を生成させると、効果はそれなりです

、初期効果をプレビューした後、クラウド開発プラットフォームで直接オンラインでコードを編集できます

このページを編集した後、小程序にさらに多くのページを追加するプロセスを繰り返すことができます（下図）。

複数のページがあると、ページ間のジャンプを設定でき、これで基本的に使える小程序になります。

小程序のスタイルを調整する際、云開発アシスタントは親切な機能として"AI コンポーネントスタイル編集"を提供しており、指示に基づいてスタイルを自動的に変更します。

上図は、AIがページにグラデーション背景を追加するものです。このようなスタイルの変更により、作業が格段に楽になります。

お気づきかもしれませんが、左側のメニューには"AI コンポーネント生成"という機能もあります。この機能はページのコンポーネントを生成するために使用され、既存のページに機能を追加するのに適しています。しかし、現時点ではWebアプリケーションのみをサポートしており、小程序はサポートしていないため、ここでは紹介しません。

フロントエンド開発が完了した後、云開発プラットフォームで小程序を直接公開できます。もちろん、コードをコピーまたはダウンロードして、微信開発ツールを通じて公開することもできます。

五、クラウド開発アシスタント：マイクロプログラムのバックエンドコードの生成

マイクロプログラムはフロントエンドのUIコードだけでなく、バックエンドのビジネスロジックとデータベースの読み書きも必要です。"クラウド開発アシスタント"はバックエンドコードの生成も行い、主に以下の2つの機能を利用します。

（1）AIによるクラウド関数の生成

クラウド関数はWeChatプラットフォームでクラウド上で実行される関数で、さまざまなバックエンド機能を取得するために使用されます。

"クラウド開発アシスタント"は私たちにクラウド関数を生成してくれます。下の図はAIがマイクロプログラムのOPENIDを取得するクラウド関数を生成するものです。

AIはサンプルコードを提示すると同時に、各ファイルの書き方も表示します（下の図）。

受け入れ可能だと思ったら、"クラウド関数の作成"ボタンをクリックすると、コードは新しいクラウドIDE環境に開かれ、編集とデバッグに使用されます。

編集が完了したら、"デプロイ"ボタンをクリックして、クラウド関数を本番環境にデプロイできます。

（2）AI 生成データモデル

このモデルはデータベースのデータモデル（つまり「テーブル構造」）を生成するために使用されます。

例えば、ブログのデータモデルを生成する場合、記事、著者、コメントを含みます。

「表示」をクリックすると、JSON配列が表示され、データ構造が示されます。

「生成を確認」をクリックすると、データ構造がテーブル形式で表示され、問題がないことを確認したら保存できます。

六、AI大モデルの接続

前述は「クラウド開発アシスタント」、つまりAIによる小程序開発の支援についてでした。次に、AI開発の別の重要なトピックを紹介します：AIスマートボットの小程序を作成する方法、つまり小程序自体にAI機能を持たせることです。

引き続き「クラウド開発プラットフォーム」で、左メニューから「AI+」を選択します。

この時、ページで大規模モデルに接続するか、インテリジェントエージェントを開発するかを選択するよう促されます（下図）。

（1）インテリジェントエージェント（AI Agent）

ここでは「インテリジェントエージェント」を簡単にAI対話アプリと想像しても良いでしょう。ユーザーが要求を入力すると、AIが応答します。

腾讯雲開発プラットフォームでは、「インテリジェントエージェント」のバックエンド大規模モデルは、デフォルトで腾讯の混元モデルが指定されています。

自分でオープニングの挨拶、プロンプト、知識ベース（自分で訓練した材料）をカスタマイズする必要があります。

その後、フロントエンドのインターフェース（対話コンポーネント）をカスタマイズします。

基本的なフローは完了です：ユーザーがフロントエンドのインターフェースで、オープニングの挨拶に従って要求を入力し、システムがそれを受け取り、バックエンドモデルに送信し、その後応答をユーザーに表示します。

とても簡単ではありませんか？ これでインテリジェントエージェントが完成しました。

（2）AI大モデルへの接続

自分で大モデルを接続する場合、ページは開発タイプ（Web/小程序/クラウド関数）に基づいて接続ガイドを提供します。

小程序APIは既に大モデルに対応しており、ガイドに従えば数行のコードで接続できます。

具体的には、小程序基礎ライブラリ3.7.1から、AI専用のwx.cloud.extend.AIオブジェクトが追加されました。

• wx.cloud.extend.AI.createModel()：大モデルへの接続に使用します。
• wx.cloud.extend.AI.bot：インテリジェントエージェントの呼び出しに使用します。

このAPIを使用すれば、SDKやバックエンドサーバーは不要で、システムがAI接続を直接担当し、認証、暗号化、ストリーミング転送も適切に処理するため、ユーザーが介入する必要がありません。

以下にサンプルコードを示します。詳細はこちら公式文書。

七、まとめ

以上が私の試用内容の全てです。総体的な感想として、これらの完成された機能は小程序開発に大きな助けとなります。小程序を開発している方は、ぜひこれらの機能を試してみてください。

小程序のAI機能は、今後も継続して拡張されます。腾讯はクラウドのインフラストラクチャ、WeChat小程序、AI大規模モデルを統合し、小程序開発のハードルを下げ、効率を向上させたいと考えています。

腾讯の開発者によると、次の段階でいくつかの開発重点があります。

（1）AIでフルスタックの小程序を生成し、WeChat開発環境との連携をさらに強化します。

（2）AIのコード生成能力を強化し、小程序テンプレートとローコードエディタを組み合わせて、迅速に小程序を生成します。

（3）AIの助けを借りて、痛みなくデータベースにアクセスし、クラウド関数を呼び出す。

（4）クライアント、サーバー、大規模モデルの三者間のデータ交換の標準化と統一インターフェース。

上記の各点は、現在の小程序開発の課題を解決することができる。早く突破を見守りたい。

（完）