Getting Started with Create React App について
Create React App で初期化されたプロジェクトです。README には開発、テスト、ビルド、設定の eject 手順が記載されていますが、タグラインにあるセキュリティエージェントや MCP サーバーの実装情報はありません。
主な機能
- 01開発サーバーの起動
- 02テストの実行
- 03本番ビルドの作成
- 04ビルド設定の eject
活用シーン
- 01React プロジェクトのローカル実行
- 02対話形式のテスト実行
- 03本番ビルドの生成
- 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 のドキュメントをご覧ください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。