mcpField
G
Getting Started with Create React App

Getting Started with Create React App

ローカル
github.com/VillanChセキュリティ087 週間前に更新

Getting Started with Create React App について

Create React App で初期化されたプロジェクトです。README には開発、テスト、ビルド、設定の eject 手順が記載されていますが、タグラインにあるセキュリティエージェントや MCP サーバーの実装情報はありません。

主な機能

  1. 01開発サーバーの起動
  2. 02テストの実行
  3. 03本番ビルドの作成
  4. 04ビルド設定の eject

活用シーン

  1. 01React プロジェクトのローカル実行
  2. 02対話形式のテスト実行
  3. 03本番ビルドの生成
  4. 04ビルド設定のカスタマイズ

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

インストール方法は未掲載です

このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。

リポジトリ

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

Create React App を使い始める

このプロジェクトは Create React App で初期化されています。

利用可能なスクリプト

プロジェクトディレクトリで、次のコマンドを実行できます。

npm start

開発モードでアプリを実行します。
http://localhost:3000 を開くと、ブラウザーで表示できます。

編集すると、ページが再読み込みされます。
コンソールには lint エラーも表示されます。

npm test

インタラクティブなウォッチモードでテストランナーを起動します。
詳細については、テストの実行のセクションをご覧ください。

npm run build

本番環境向けにアプリをビルドし、build フォルダーに出力します。
React を本番モードで正しくバンドルし、最高のパフォーマンスが得られるよう最適化します。

ビルドは圧縮され、ファイル名にはハッシュが含まれます。
アプリをデプロイする準備ができました!

詳細については、デプロイのセクションをご覧ください。

npm run eject

注意:これは元に戻せない操作です。一度 eject すると、元に戻すことはできません!

ビルドツールや設定の選択に満足できない場合は、いつでも eject を実行できます。このコマンドを実行すると、プロジェクトから単一のビルド依存関係が削除されます。

代わりに、すべての設定ファイルと推移的依存関係(webpack、Babel、ESLint など)がプロジェクト内にコピーされ、完全に管理できるようになります。eject 以外のすべてのコマンドは引き続き機能しますが、コピーされたスクリプトを参照するようになるため、必要に応じて変更できます。この時点からは、ご自身で管理する必要があります。

eject を使う必要はありません。厳選された機能セットは小規模から中規模のデプロイに適しているため、この機能を使わなければならないと感じる必要はありません。ただし、必要なときにカスタマイズできなければ、このツールは役に立たないことも理解しています。

詳細はこちら

詳しくは、Create React App のドキュメントをご覧ください。

React を学ぶには、React のドキュメントをご覧ください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。