ついに国内での商用端末も発売になった Firefox OS。その特徴はアプリがHTML5 を使って作成できることです。HTMLやCSS、JavaScriptを使って作成したページ にマニフェストを足すだけでアプリとなります。このセッションではFirefox OS とそのエコシステムを、アプリ作成という視点から概観します。Firefox OSの仕 組みやAPIだけではなく、開発環境の構築からFirefox Marketplace へのアプリ の登録、公開されたアプリのバージョンアップといった、アプリの作成の流れを 一通りご紹介します。このセッションが契機となって、Firefox OSのアプリ作成 に興味をお持ちの方が一人でも増えれば幸いです。

13. {
"name": "My App",
"description": "My elevator pitch goes here",
"launch_path": "/index.html",
"icons": {
"16": "/img/icon-16.png",
…
},
"developer": {
"name": "Your name or organization",
"url": "http://your-homepage-here.org"
},
"default_locale": "ja"
}

15. https://developer.mozilla.org/Apps/Design/Firefox_OS_building_blocks

16. https://github.com/mozilla-b2g/gaia/tree/v2.0/shared/style

19. https://developer.mozilla.org/docs/Tools/WebIDE

25. • 普通のFirefoxでも開発できますが、
開発者が必要とする機能が充実しているため、
こちらのほうが効率良く開発が行えます。
• https://mozilla.org/firefox/channel/
よりダウンロードできます

33. var sdcard = navigator.getDeviceStorage("sdcard");
var file = new Blob(["This is a text file."], {type: "text/plain"});
var request = sdcard.addNamed(file, "my-file.txt");
request.onsuccess = function () {
var name = this.result;
console.log('File "' + name + '" successfully wrote on the sdcard
storage area');
}
// An error typically occur if a file with the same name already exist
request.onerror = function () {
console.warn('Unable to write the file: ' + this.error);
}

34. var name = navigator.mozCamera.getListOfCameras()[0];
var streamReady = function(stream){
var display = document.querySelector("video");
display.mozSrcObject = stream;
display.play();
};
var success = function(camera){
camera.getPreviewStream(size, streamReady);
};
var fail = function(error){};
navigator.mozCameras.getCamera(name, {}, success, fail);

36. var req = new MozActivity({
name: "pick",
data: {
type: "audio/mpeg"
}
});
req.onsuccess = success;
var success = function(){
var music = this.result;
// do something
};

46. https://marketplace.firefox.com/