JS/CSS コンポーネント
JS/CSS コンポーネントとは、 プロジェクトに追加する JavaScript と CSS ライブラリー群 ( jQuery、jQuery mobile、Onsen UI など ) を指します。
JavaScript/CSS ライブラリーを追加する場合、次の手順に従います。
1. Monaca クラウド IDEから
設定 → JS/CSS コンポーネントの追加と削除 を選択します。2.
JS/CSS コンポーネントの追加と削除 画面が表示されます。画面上では、複数のライブラリーが一覧化されています。必要なライブラリーを見つけられない場合には、検索ボックスを使用します。
3. Angularを検索する場合、
検索 ボタンをクリックすると、一致するライブラリのリストが表示されます。
4.
追加 ボタンをクリックし、対象のライブラリを追加します。 次に、プロジェクトに追加するライブラリのバージョンを選択できます。
5. 追加するライブラリのファイルを選択し、
インストール をクリックします。
6. 追加したライブラリーが一覧上に表示されていることを確認します。ライブラリのバージョンと選択したファイルを変更する場合には、
設定 をクリックします。
ライブラリーを追加すると、そのファイルは、
www/components フォルダーに追加されます。また、次の JavaScript ファイルと CSS ファイルも自動的に更新されます。プロジェクトに追加したライブラリーの種類にかかわらず、こちらのファイル は、常にこのフォルダー内に置かれています。ファイル名 | 説明 |
loader.js | Monaca が JavaScript ライブラリを読み込むために使用する JavaScript ファイル |
loader.css | Monaca が CSS ライブラリを読み込むために使用するスタイルシートファイル |
HTML ファイルから、上記の 2 つのファイルを参照するだけで、ライブラリーの読み込みを行うことができます。HTML ファイルの
<head> タグ内で、次の記述を行うことで、ライブラリーを使用することができます。<script src="components/loader.js"></script>
<link rel="stylesheet" href="components/loader.css">
loader.js ファイルから cordova.js ファイルがロードされます。ライブラリー内の画像を使用する場合は、
components フォルダーから対象の画像ファイルを直接読み込めます。最終更新 1yr ago