ページの先頭行へ戻る
Interstage Mobile Application Server V1.1.0 アプリケーション開発ガイド
FUJITSU Software

13.1.2 アプリケーションの組み込み方法

jQuery Mobileは、アプリケーションに組み込んで使用します。


  1. インストール先の、jQuery Mobileが格納されたディレクトリをアプリケーションの直下にコピーします。

    Windows版サーバの場合:

        <製品インストールフォルダー>\development\jquerymobile\runtime

    Linux版サーバの場合:

        /opt/FJSVimaps/development/jquerymobile/runtime

  1. HTMLの<head>~</head>に以下の記述を追加します。

    <link rel="stylesheet" href="runtime/jquery.mobile-1.4.2.min.css"/>
    <script src="runtime/jquery-2.1.0.min.js"> </script>
    <script src="runtime/jquery.mobile-1.4.2.min.js"> </script>
  2. アプリケーションをパッケージ化します。


以下は、Webアプリケーションのディレクトリ構成例です。

index.jsp
/runtime/jquery.mobile-1.4.2.min.css
/runtime/jquery-2.1.0.min.js
/runtime/jquery.mobile-1.4.2.min.js
/runtime/images/ajax-loader.gif
/runtime/images/icons-png
/runtime/images/icons-svg
/WEB-INF/web.xmlなど

以下は、IMAPSアプリケーションのディレクトリ構成例です。

index.html
imapp-def.xml
/runtime/~  Webアプリケーションと同じ内容

以下は、ハイブリッドアプリケーション(AndroidのCordovaアプリケーション)のディレクトリ構成例です。

/assets/www配下

index.html
/runtime/~  Webアプリケーションと同じ内容