スタータ・テンプレートを使用してOracle JET仮想DOMアプリを作成します。

はじめに

このチュートリアルでは、basicスタータ・テンプレートを使用するOracle JavaScript Extension Toolkit (Oracle JET)仮想DOMアプリケーションを作成する方法を示します。npx Node.jsパッケージ・ランナーを使用して、Oracle JETコマンドライン・インタフェース・パッケージによって提供されるcreateコマンドにアクセスします。

Oracle JETを使用した仮想DOMアプリケーションの開発は簡単で効率的です。開始に役立つように、Oracle JETには、事前構成済ページおよび多数のコンポーネントを追加するbasicスタータ・テンプレートが用意されています。

Oracle JETコマンドライン・インタフェース・パッケージに含まれているOracle JETツールを使用して、ターミナル・ウィンドウからOracle JET仮想DOMアプリケーションを作成および実行できます。アプリケーション・エラーや警告などのコマンド出力を端末ウィンドウに表示することもできます。

目的

このチュートリアルでは、basicテンプレートを使用するOracle JET仮想DOMアプリケーションを作成し、ローカルWebブラウザで実行します。

前提条件

Node.jsのインストールを含むOracle JET仮想DOMアプリケーションを作成するように設定された開発環境

タスク1: 基本的なStarterテンプレートの開始

  1. ファイル・システムで、Oracle JET仮想DOMアプリケーションが存在する場所にあるターミナル・ウィンドウを開き、アプリケーションを作成します。

    npx @oracle/ojet-cli create JET-Virtual-DOM-app --template=basic --vdom

    Oracle JETツールは、JET-Virtual-DOM-appフォルダにアプリケーションを作成し、終了するまで進捗メッセージを表示します。

  2. 確認待ち。

    Your app is ready! Change to your new app directory 'JET-Virtual-DOM-app'
and try 'ojet build' and 'ojet serve'.

タスク2: 仮想DOMアプリケーションの実行

  1. ターミナル・ウィンドウで、JET-Virtual-DOM-appディレクトリに移動し、アプリケーションを実行します。

    npx ojet serve

    Oracle JETツールは、テストおよびデバッグを実行できるローカルWebブラウザで仮想DOMアプリケーションを実行します。

  2. ブラウザ・ウィンドウを閉じます。
  3. ターミナル・ウィンドウでCtrl+Cを押し、プロンプトが表示されたらyと入力してOracle JETツール・バッチ・ジョブを終了します。

次のステップ

このモジュールの次のチュートリアルに進みます。

このチュートリアルは、「最初のOracle JET仮想DOMアプリケーション」モジュールの一部です。

仮想DOM学習パスのメイン・ページに戻ると、仮想DOMアプリケーションの構築に関するすべてのモジュールにアクセスできます。

その他の学習リソース

docs.oracle.com/learnで他のラボを確認するか、Oracle Learning YouTubeチャネルで無料のラーニング・コンテンツにアクセスしてください。また、education.oracle.com/learning-explorerにアクセスして、Oracle Learning Explorerになります。

製品ドキュメントについては、Oracle Help Centerを参照してください。