NoCodeはnocode.cnにある美団のノーコード開発基盤で、コードの代わりに説明を使います。ページの種類と構造を伝えると、モデルが動作するフロントエンドコードを出力してその場で描画し、直したい場所をクリックして調整し、仕上がったら共有リンクを生成します。SQL自動生成付きのデータベース、ファイル保存、スマホからのWeChatミニプログラム制作、会話のみのモード、出力を揃える知識設定も備え、非技術職が素早く使えるページを得るのに向いています。
これは何か
一行でいうと、「フロントエンドを三か月学んで、ページに二週間かける」を「欲しいものを正確に説明する」に圧縮する仕組みです。
NoCodeは美団が提供するノーコードAIアプリ開発基盤で、入口はnocode.cn、美団アプリかWeChatのコード読み取りでログインします。ドラッグ＆ドロップのエディタではなく、自然言語で要件を伝えると、モデルが動作するフロントエンドコードを出力し、入力欄の横でリアルタイムに描画します。公式は「1秒で200行のコードを生成」とうたい、基盤はフロントエンド向けに最適化された自社の1000億パラメータモデルLongCatです。
主な機能
- 自然言語プログラミング：コードを書かず、ページの種類と構造を説明するだけでアプリを生成します。
- リアルタイムプレビュー：生成後すぐ描画されるので、結果を見てから直す箇所を決められます。エディタとブラウザを行き来する必要はありません。
- 部分修正：文言を一つ直すのにページ全体を作り直す必要はなく、一部だけ調整できます。バージョン比較と復帰を組み合わせれば試行錯誤のコストは低く済みます。
- ワンクリック配信：完成後に共有リンクを生成します。サーバーを借りたりドメインを設定したりする必要はありません。
- DatabaseとSQL自動生成：接続すればデータを保存・管理できます。画面で要望を伝えるとSQLが生成され、ワンクリックで実行でき、フロントエンドが後から適合します。
- ファイル保存：画像や音声をアップロードし、呼び出して管理できます。構造を自動判別してテーブルを生成する機能は近日公開とされています。
- WeChatミニプログラム：スマホから制作・共有・管理でき、パソコンは不要です。
- 会話のみモード：ページ生成を飛ばしてAIアシスタントと開発上の問題を話し合えます。成果物よりも思考の整理に向きます。
- 知識設定：業界用語や書式の規範を「知識」として設定し、何度生成しても出力がぶれないようにできます。同じプロンプトを貼り直す手間が減ります。
はじめ方
ログインする。 公式サイトを開き、美団アプリかWeChatでコードを読み取ります。
何を作るか伝える。 ホームの入力欄にページの種類を書きます。たとえば「オンラインフォーム」「商品紹介ページ」などです。
構造を補う。 全体の枠組みを説明します。たとえば「上部にナビゲーションバー、中央にコンテンツ領域、下部にボタン」。ここが具体的なほど初版が狙いに近づきます。
素材を送る。 入力欄のアップロードボタンで画像を選び、どこに差し込むかを伝えます。
送信して確認する。 生成を待ち、プレビュー上で該当箇所をクリックして修正するか、会話で調整を続けます。
保存して共有する。 保存するとコードがリポジトリに入り、共有リンクが生成されます。
保存機能が必要なら、先にDatabaseを申請して接続し、上記のとおり画面からSQLを生成します。ファイルは保存モジュールでアップロードし、指示で作品に組み込み、編集と削除はDatabaseの管理画面で行います。
向いている人
プロダクトマネージャーの試作、マーケティングのキャンペーンページ、教員の小さなツール、創業者のアイデア検証、そして「欲しい画面は分かっているが、そのためにフレームワークを学ぶ気はない」人。環境構築、ビルド設定、配信という純粋なエンジニアリング工程を飛ばせるため、「アイデアから触れるものまで」の区間が特に速いです。
使う前に知っておきたいこと
- URLを確認する：ログインはnocode.cnのみです。コード読み取り時にドメインを確認し、模倣サイトで認可しないでください。
- ノーコードはノーメンテナンスではない：生成されたコードもブラウザ互換、モバイル対応、アクセシビリティという現実の問題に直面します。公開前に自分で確認が必要です。
- データ機能には条件がある：Databaseは申請と接続が必要で、ページ生成と同時に自動で存在するわけではありません。ファイル保存の自動テーブル生成も近日公開のままです。
- 複雑な業務は天井に当たる：複数役割の権限、複雑な状態遷移、外部決済といった要件では会話型生成の信頼性が明らかに落ち、最終的にはコードに戻ることが多いです。
- 「1秒200行」は生成速度：コード量と実用性は別物で、初版が動いても業務ロジックは一つずつ検証が要ります。
- 無料枠と商用条件：資料に課金方式や商用ライセンスの範囲が示されていないため、対外業務に使う前にサイト内で確認してください。
よくある質問
プログラミングは必要ですか？
不要ですが、HTMLとCSSの基礎があると説明も修正も速くなります。
どのモデルを使っていますか？
フロントエンド生成に最適化された美団の1000億パラメータモデルLongCatです。
データベースは使えますか？
使えます。接続すると画面がSQLを生成し、ワンクリックで実行できます。
作ったものはどう共有しますか？
保存でリンクが生成され、ミニプログラムはスマホから管理できます。
変更は取り消せますか？
取り消せます。バージョン比較と復帰に対応しています。
よくある質問
プログラミングは必要ですか？
不要です。説明し、生成し、プレビューで調整する流れです。ただしHTMLとCSSを少し知っていると効率は明らかに上がります。生成された構造を読め、変更箇所を正確に伝えられるからです。
どのモデルを使っていますか？
美団が自社開発した1000億パラメータのLongCatで、フロントエンド向けに最適化されています。公式は大規模モデルと小規模モデルを組み合わせ、複数システム間で連携させてHTML、CSS、JavaScriptを生成すると説明しています。
データベースに接続できますか？
できます。Databaseに接続するとデータを保存・管理でき、リアルタイムに更新されます。画面で要望を伝えるとSQLが自動生成され、ワンクリックで実行でき、その後にフロントエンドのコードが保存ロジックに合わせて調整されます。
作ったものはどう共有しますか？
保存すると共有リンクが生成されます。これが配信にあたります。ミニプログラムならスマホから制作・共有・管理でき、パソコンに戻る必要はありません。
失敗した変更は戻せますか？
戻せます。バージョンの比較と復帰に対応しており、部分修正で悪くなった場合は前の版に戻せます。ページを何度も調整するときに効きます。
