NILTO

ヘルプセンター

NILTO MCPでフロントエンド開発用のテストデータを100件作成する

はじめに

フロントエンド開発において、UIの挙動を確認するための「テストデータ作成」は意外と時間のかかる作業です。

このチュートリアルでは、NILTO MCP を使用して簡単な指示だけで「フリマサイトのよくある質問」100件を一括生成する手順を紹介します。面倒な単純作業をAIに任せて、開発効率を向上させましょう。

事前準備1：NILTOのスペース・モデルを設定

今回は架空のフリマサイトのサポートサイトとして「よくある質問」を作成します。
そのため「よくある質問」に必要なスペース「フリマサイトサポート」とモデル「よくある質問カテゴリ」、「よくある質問」を作成します。

スペースの作成

「組織 > スペース > 新規作成」からフリマサイトサポートのスペースを作成します。

モデルの作成

以下の構成でモデルを作成します。

よくある質問カテゴリの構成

フィールド種別

フィールド名

1行テキスト

カテゴリ名

1行テキスト

スラッグ

よくある質問の構成

フィールド種別

フィールド名

1行テキスト

質問文

複数行テキスト

回答文

コンテンツ参照

カテゴリ

これでスペースとモデルの準備ができました。

事前準備2：MCPクライアントの設定

MCPクライアントでNILTO MCPを利用するための設定が必要です。詳しくは以下のページをご参照ください。

使い方 |

MCP

NILTO MCPセットアップガイド（Claude)

使い方 |

MCP

NILTO MCPセットアップガイド（ChatGPT)

NILTO MCPでよくある質問カテゴリを作成する

よくある質問を作成する前によくある質問のカテゴリを作成します。

以下のように指示をしてよくある質問カテゴリを4つ作成します。

NILTOのフリマサイトサポートのよくある質問カテゴリを4件作成して

承知いたしました。スペース「フリマサイトサポート」に、モデル「よくある質問カテゴリ」を使用してコンテンツを作成します。

作成するコンテンツは「下書き」と「公開」のどちらの状態にしますか？

以下の４つのカテゴリを作成しますが、よろしいでしょうか？

ー　出品について
ー　購入について
ー　トラブルについて
ー　登録情報について

下書き・公開などのステータスの確認と作成するカテゴリ案が提案されます。
今回はステータスは公開、カテゴリ案はOKと回答します。

ステータスは公開、カテゴリ案はOKです。

以下の４つのFAQカテゴリをNILTOのフリマサイトサポートに作成しました。

ー　出品について
ー　購入について
ー　トラブルについて
ー　登録情報について

作業が完了したようなので、NILTOの管理画面で確認してみます。

よくある質問カテゴリが4件作成されていることを確認できました。

NILTO MCPでよくある質問100件を一括作成する

では本題となるフロントエンド開発用のテストデータとして、よくある質問100件の作成を以下の内容で指示します。

NILTOのフリマサイトサポートのよくある質問をリアルな内容でカテゴリ別に25件ずつ、合計100件作成して

承知いたしました。NILTOのフリマサイトサポートに、4つのカテゴリ（「出品について」「購入について」「トラブルについて」「登録情報について」）それぞれに25件ずつ、合計100件のリアルな「よくある質問」を作成します。

まず作成に必要な「よくある質問」モデルの情報を取得します。

「よくある質問」モデルの情報を確認しました。質問文、回答文、カテゴリの3つのフィールドで構成されています。

これから、100件のFAQ作成をカテゴリ毎に順番に開始します。

これでテストデータとしてよくある質問100件の作成処理が開始されます。
作成完了までしばらく待機します。

ご依頼のあった4カテゴリについて、それぞれ25件ずつ、合計100件の「よくある質問」の作成がすべて完了しました。

すべてのテストデータ作成が完了しました。

NILTOの管理画面を確認してみます。

無事100件作成されていることが確認できました！

フロントエンドに組み込んで確認する

では作成したテストデータを、NILTOのDeveloperAPIを利用して取得し、実際にフロントエンドに組み込んで表示してみます。

問題なく表示できました。

まとめ

NILTO MCP を活用し、自然言語の指示だけで100件ものテストデータを瞬時に用意することができました。

これまで手作業で行っていたデータ入力時間をゼロにできるだけでなく、AIが生成する「リアルな内容」によって、より本番に近い環境での動作検証が可能になります。

今回は「よくある質問」を作成しましたが、ブログ記事やニュースリリースなど、他のモデルでも同様に応用可能です。

ぜひこの快適な開発フローを、実際のプロジェクトでも活用してみてください。

NILTO MCPの詳細は以下をご覧ください。

NILTO MCP特設ページ

お困りごとは解決しましたか？

解決しない場合は、サポートへお問い合わせください。

サポートに問い合わせる

目次