最近Firefox OSの記事をよく見かけるので自分も開発をしてみようと思っています。
家ではandroidの開発を進めているけどJava未経験の自分には調べながらやっているので
若干時間が掛かってしまう。
Firefox OSであればHTML5がベースとなっているので自分にとっては敷居がandroidよりも低い気がする。
あとまだやってる人が少ないってのも探り探りで楽しい感じがしますね☆
というわけで早速開発環境を用意してみる。
Firefoxのアドオンでシミュレータがインストールできる
https://addons.mozilla.org/ja/firefox/addon/firefox-os-simulator/
Firefoxのアドオンなので端末の全てのAPIを利用することは出来ないみたいです。
FirefoxのアプリはWebサーバーからWebアプリを提供する「Hosted Apps」と
Webアプリに必要なファイルをまとめてユーザーのローカル環境にインストールする「Packaged App」の2種類存在する。
Hosted Appsはネットワーク接続が必須となり、Packaged Appはオフラインでも動作する。
※Chrome Web Storで提供されているアプリも同じ概念なのだろうか？
では早速サンプルを作ってみます。
まず必要なものとして
マニフェストファイル（manifest.webapp）、HTMLファイル、アイコンを用意します。
※マニフェストファイルについてはこちら
manifest.webapp
“name”: “TEST App”,
“description”: “SAMPLE”,
“launch_path”: “/index.html”,
“icons”: {
“128”: “/img/icon_5p_64.png”
},
“developer”: {
“name”: “びのっち”,
“url”: “http://bino.hotcom-web.com/wordpress/”
},
“default_locale”: “en”
}
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8>
<title>Hello World</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
準備が出来たらシミュレータのAdd Directoryボタンからマニフェストファイルを選択すれば完了です！！
Webの知識があれば簡単に作成できますね。
追加したアプリもちゃんと表示されます。
Post Footer automatically generated by Add Post Footer Plugin for wordpress.
関東圏で活動しているとてもマイペースなSEです。
コメントを残す