For AI agents: the complete documentation index is available at https://docs.dataplatform.ovh.net/ja/llms.txt, the full documentation bundle is available at https://docs.dataplatform.ovh.net/ja/llms-full.txt, and this page is available as Markdown at https://docs.dataplatform.ovh.net/ja/tutorials-app-development-build.md.
  • 🇯🇵 日本語
  • 外部リポジトリを使用してアプリを構築する

    ここでは、Reactアプリケーションをセットアップしてローカルで実行する方法を学びます

    目的

    ここでは、Reactアプリケーションをセットアップしてローカルで実行する方法を学びます。

    このガイドを終えるまでに、アプリケーションをローカルで実行し、Platformのエコシステムに接続し、gitリポジトリでデプロイすることができるようになります。

    必要条件

    始める前に、いくつか必要なものがあります:

    • Analytics App Getting Startedガイドこのまで進めてください。ここがAPIを公開するところです。
    • gitをインストールします。
    • Node.jsをインストールします。
    • yarn(推奨)またはnpmをインストールします。
    • npxをインストールします。
    • テキストエディタが必要です。HTML、CSS、JavaScriptを書くことになります。
    Info

    Data Platformプロジェクトとアプリの間の通信ポイントは、Application Servicesで公開したData Platform APIです。そのため、Getting StartedガイドをデータとクエリをAPIで公開する部分まで完了する必要があります。

    アプリケーションのセットアップとData Platformへの接続

    既存のテンプレートを使用してアプリを作成する

    このリポジトリをクローンして開きます:

    git clone https://github.com/forepaas/getting-started.git
    cd getting-started/

    release/basicブランチに切り替えます。

    git checkout release/basic

    Nodeモジュールをインストールする前に、マップ関連の依存関係が現在の環境に対して構成されていることを確認する必要があります。package.jsonファイルを開き、依存関係セクションに次の行を追加するか、既に存在する場合は更新します:

    	"dependencies": {
    	    // ... other existing dependencies
    	    "leaflet": "^1.6.0",
    	    "react-leaflet": "^2.7.0",
    	    "react-leaflet-markercluster": "^2.0.0"
    	  },

    Nodeモジュールをインストールします:

    yarn
    Warning

    yarnをインストールする際に証明書に関するエラーが発生した場合、IT部門に連絡して問題を解決してください。

    npxをインストールします(グローバルに既にインストールしている場合はこのステップをスキップしてください):

    yarn global add npx

    Platformモジュールをインストールします。

    npm run fppm i
    Warning

    モジュールのインストールに問題が生じた場合、NodeJSの設定が原因かもしれません。NodeJSをアンインストールして再インストールして問題を解決してください。

    Warning

    問題が解決しない場合、NodeJSのバージョン互換性が原因かもしれません。問題を解決するにはNodeJS v16.20.2をインストールしてください。

    アプリを実行します:

    yarn start
    Info

    http://localhost:3333を開いてアプリを確認してください。エラーは表示されないが画面が空白の場合は心配しないでください! パネルを表示する前にアプリの設定を調整する必要があります。空白の画面はアプリが起動して実行されていることを意味します。

    プラットフォームにgitリポジトリを接続する(オプション)

    gitリポジトリをプラットフォームにリンクするには、このガイドに従ってください。

    Info

    アプリを作成して起動する方法を学んだので、次はそのアーキテクチャを理解する時です。

    アプリのアーキテクチャと設定ファイルを理解する

    さらに深く掘り下げる

    当社のソリューションを実装するためのトレーニングや技術サポートが必要な場合は、営業担当者にお問い合わせください、またはこのリンクをクリックして見積もりを依頼し、当社のプロフェッショナルサービスの専門家にプロジェクトのカスタム分析を依頼してください。

    Data Platformを構築するチームと直接やり取りし、質問をしたり、フィードバックを送信したり、Discordの専用チャネルで交流したりしてください。

    OVHcloudサービスについてサポートが必要な場合は、ヘルプセンターでリクエストを作成してください。

    ユーザーコミュニティに参加してください。