git clone https://github.com/mozilla/mortar-app-stub.git template01
template01/www/manifest.webapp
tempate01
├── README.md
├── node_modules
├── package.json
├── tools
├── volofile
└── www
www/
├── css
│ ├── app.css
│ └── install-button.css
├── favicon.ico
├── img
│ ├── glyphicons-halflings-white.png
│ ├── glyphicons-halflings.png
│ └── icons
│ ├── mortar-128.png
│ ├── mortar-16.png
│ └── mortar-48.png
├── index.html
├── js
│ ├── app.js
│ ├── init.js
│ ├── install-button.js
│ └── lib
│ ├── install.js
│ ├── receiptverifier.js
│ ├── require.js
│ └── zepto.js
└── manifest.webapp
アプリ起動↓
index.htmlが読み込まれる↓
index.html下部のscriptタグでjs/lib/require.jsが読み込まれる↓
js/lib/require.jsの読み込み完了後、data-mainに指定したjs/init.jsが読み込まれる↓
js/init.js内でRequireJSのbaseUrlを"js/lib"にセットし、js/app.jsを読み込む↓
js/app.jsでモジュールをdefineする。内部ではzeptoをrequireし、大分ややこしいですね。今回のmortar-app-stubだと複雑な構造ながら特にjs周りでは何もやっていません。javascriptによって画面の操作などを行う場合は、js/app.jsに書いて行くことになります。RequireJSを使ってわざわざ色んなファイルを段階的に読み込むのは、index.htmlに記述するであろう他のscriptタグ等と競合しない為です。js/app.js内に記述した変数や処理等はindex.html内の他のscriptからは見えませんし、操作も出来ません。これによってscript間の衝突を防ぎます。この辺りはCommonJSのModules/AsynchronousDefinition(AMD)で定義されています。CommonJSはjavascriptでのアプリケーション作成(サーバサイド含む)の為の標準仕様を策定する為のプロジェクトです。
js/lib/receiptverifier.jsとjs/install-button.jsを読み込んでいる
git clone https://github.com/mozilla/mortar-app-stub.git template01
template01/www/manifest.webapp
tempate01
├── README.md
├── node_modules
├── package.json
├── tools
├── volofile
└── www
www/
├── css
│ ├── app.css
│ └── install-button.css
├── favicon.ico
├── img
│ ├── glyphicons-halflings-white.png
│ ├── glyphicons-halflings.png
│ └── icons
│ ├── mortar-128.png
│ ├── mortar-16.png
│ └── mortar-48.png
├── index.html
├── js
│ ├── app.js
│ ├── init.js
│ ├── install-button.js
│ └── lib
│ ├── install.js
│ ├── receiptverifier.js
│ ├── require.js
│ └── zepto.js
└── manifest.webapp
アプリ起動↓
index.htmlが読み込まれる↓
index.html下部のscriptタグでjs/lib/require.jsが読み込まれる↓
js/lib/require.jsの読み込み完了後、data-mainに指定したjs/init.jsが読み込まれる↓
js/init.js内でRequireJSのbaseUrlを"js/lib"にセットし、js/app.jsを読み込む↓
js/app.jsでモジュールをdefineする。内部ではzeptoをrequireし、大分ややこしいですね。今回のmortar-app-stubだと複雑な構造ながら特にjs周りでは何もやっていません。javascriptによって画面の操作などを行う場合は、js/app.jsに書いて行くことになります。RequireJSを使ってわざわざ色んなファイルを段階的に読み込むのは、index.htmlに記述するであろう他のscriptタグ等と競合しない為です。js/app.js内に記述した変数や処理等はindex.html内の他のscriptからは見えませんし、操作も出来ません。これによってscript間の衝突を防ぎます。この辺りはCommonJSのModules/AsynchronousDefinition(AMD)で定義されています。CommonJSはjavascriptでのアプリケーション作成(サーバサイド含む)の為の標準仕様を策定する為のプロジェクトです。
js/lib/receiptverifier.jsとjs/install-button.jsを読み込んでいる
Firefox OS Simulatorでアプリの開発環境を整える
www
├── js
│ └── *.js
├── css
│ └── *.css
├── img
│ └── *.png
├── index.html
├── favicon.ico
└── manifest.webapp
helloworld/
├── index.html
└── manifest.webapp
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
{
"version": "0.1",
"name": "Hello World!",
"description": "first firefox app.",
"launch_path": "/index.html",
"icons": {
},
"developer": {
"name": "Hello",
"url": "http://yourawesomeapp.com"
},
"default_locale": "ja"
}
Open Web Apps を始めよう – なぜ、そしてどのように アプリ開発を始めよう MOZILLA DEVELOPER NETWORK -アプリマニフェスト-
Firefox OS Simulatorでアプリの開発環境を整える
www
├── js
│ └── *.js
├── css
│ └── *.css
├── img
│ └── *.png
├── index.html
├── favicon.ico
└── manifest.webapp
helloworld/
├── index.html
└── manifest.webapp
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
{
"version": "0.1",
"name": "Hello World!",
"description": "first firefox app.",
"launch_path": "/index.html",
"icons": {
},
"developer": {
"name": "Hello",
"url": "http://yourawesomeapp.com"
},
"default_locale": "ja"
}
Open Web Apps を始めよう – なぜ、そしてどのように アプリ開発を始めよう MOZILLA DEVELOPER NETWORK -アプリマニフェスト-
cd "apkをダウンロードしたディレクトリ"
adb install -r fennec-21.0a2.ja.android-arm.apk
cd "apkをダウンロードしたディレクトリ"
adb install -r fennec-21.0a2.ja.android-arm.apk
Android KitKat Hacks プロが教えるテクニック & ツール
株式会社ブリリアントサービス 著
NFC Hacks プロが教えるテクニック＆ツール
株式会社ブリリアントサービス 著
Androidプログラミングの教科書
藤田 竜史、要 徳幸、住友 孝郎、日高 正博、小林 慎治、木村 尭海 著
入門Androidアプリケーションテスト
瀬戸 直喜／株式会社ブリリアントサービス 著
実践スマートフォンアプリケーション開発
株式会社ブリリアントサービス、八木 俊広、原 昇平、かわかみ ひろき 著
ジオモバイルプログラミング
郷田まり子／宅間俊志／近藤昭雄 著
ANDROID HACKS プロが教えるテクニック＆ツール
株式会社ブリリアントサービス 著
