8.2. 新しい HTML5 jQuery Mobile ファイルの追加

HTML5 jQuery Mobile ファイルテンプレートは、ファイルの HTML ヘッダーに挿入される JavaScript および CSS ライブラリー参照で構成されます。このテンプレートは、jQuery Mobile ページのスケルトンや、ファイルの HTML ボディーの listview ウィジェットも挿入します。

既存のプロジェクトに新しい HTML5 jQuery Mobile ファイルを追加する方法を説明します。

前提条件

  • 設定済みのサーバー。

    ローカルランタイムサーバーの設定およびアプリケーションのローカルランタイムサーバーへのデプロイメントに関する詳細は、「ローカルサーバーの設定」 を参照してください。

CodeReady Studio は、アプリケーションをデプロイするすべてのサーバーに対して設定する必要があります。これには、アプリケーションサーバーの場所およびタイプ、カスタム設定、カスタム管理設定などが含まれます。

手順

  1. CodeReady Studio を起動します。

  2. Ctrl+N キーを押します。

    Select a wizard ウインドウが表示されます。

    crs html file wizard
  3. 検索フィールドに HTML と入力します。
  4. HTML File を選択します。

  5. Next をクリックします。

    New HTML File ウインドウが表示されます。

    crs naming html file
  6. ファイルの場所を選択します。
  7. ファイルに名前を付けます。

  8. Next をクリックします。

    Select HTML Template ウインドウが表示されます。

    crs selecting html template
  9. テンプレートを選択します。
  10. Finish をクリックします。

新たに作成された HTML ファイルが CodeReady Studio エディターに表示されます。