- 追加された行はこの色です。
- 削除された行はこの色です。
[[FrontPage]]にもどる
#title(Firefox OSのイロイロ)
Mozillaが開発しているWeb技術をベースとしたOS。HTML/CSS/JavaScriptで、デスクトップからスマホ・WoTまで対応。
#contents
* コンセプト [#c371d943]
-[[ネットはわたしたちのもの──Mozilla会長ミッチェル・ベイカー « WIRED.jp:http://wired.jp/2015/02/07/aftermath01/]]
-[[パナソニックのテレビに採用される「Firefox OS」。その特徴と可能性をMozillaに聞く - Phile-web:http://www.phileweb.com/review/article/201501/28/1516.html]]
- 「商売抜き」auがFirefoxスマホで思い描く世界（石野純也氏寄稿） - 週アスPLUS
-- http://weekly.ascii.jp/elem/000/000/286/286468/
- 佐野正弘のスマホビジネス文化論：「Fx0」で注目されるFirefox OS――Web技術が主役の“スマートOS”は何を狙うのか - ITmedia Mobile
-- http://www.itmedia.co.jp/mobile/articles/1501/30/news022.html
* アプリの例 [#s1dbaf7b]
-[[じつはパソコンでも楽しめる、Firefox OSアプリ ゲーム10選 #fxos | Placebo Effect:http://www.catch.jp/blog2a/2015/02/21/fx-os_app_games/]]
-[[さらにスゴい! じつはパソコンでも楽しめる、Firefox OSアプリ ゲーム開発編 #fxos | Placebo Effect:http://www.catch.jp/blog2a/2015/03/01/firefox-os/]]
-[[またまた、パソコンでも楽しめるFirefox アプリ 便利ツール編 #fxos | Placebo Effect:http://www.catch.jp/blog2a/2015/03/08/fx-os_app_tools/]]
-[[au Fx0 Creator Showcase:http://showcase.kddi.com/csc/]]
-[[Firefox Marketplace:https://marketplace.firefox.com/]]
* アプリ開発 [#e721c0fb]
-[[[FIrefox OS][FxDevCon] Firefox Developers Conference 2014 in Kyotoの資料 | GCG研究所:http://www.gcg.bz/labo_blog/?p=855]] 入門用に、よくまとまっている資料
** コミュニティ [#dfbb4cc5]
-[[Mozilla Developer Network:https://developer.mozilla.org/ja/]] 公式情報
-[[Firefox OS コミュニティ！:http://fxos.org/]]
-[[Firefox OS - Google グループ:https://groups.google.com/forum/?fromgroups#!forum/firefoxos]]
-[[Mozilla Developer Street (modest):https://dev.mozilla.jp/]]
-[[Mozillaドキュメント翻訳の始め方>mozilla/docfest]]
** Firefox OS アプリハンズオン [#w8e6be46]
アプリ開発の体験会レポート
-[[Firefox OS アプリハンズオン 〜関東Firefox OS勉強会 7.5〜 に参加しました | Time to live forever:http://unsolublesugar.com/20150119/151547/]]
-[[”Hello World” on Firefox OS:http://www.slideshare.net/chikoski/20150118-firefoxoshandsonhelloworld]] 5分でできるHello World。おすすめ。
-[[FirefoxOSのシミュレーターでhello worldまで - YouTube:https://www.youtube.com/watch?v=nAi9P20nSIk]] これはビデオ。SHIFT+F8でWebIDEを立ち上げてから、シミュレータでHelloWorld出すまで１分。
-[[Firefox os 目覚ましアプリ forハンズオン:http://www.slideshare.net/meco300/firefox-os-for]] スライド
--[[ソースコード:https://github.com/meco300/AlarmAppForFirefoxOS]]
-[[fxos-jp/オープンソースカンファレンス2015 Tokyo/Spring Firefox OSハンズオン:https://github.com/fxos-jp/OSC-2015-FirefoxOS-Handson]]
** アプリの開発サンプル [#n22d554b]
-[[アプリ開発を始めよう - アプリセンター | MDN:https://developer.mozilla.org/ja/Apps/Getting_Started]]
-[[Web アプリの基本 - アプリセンター | MDN:https://developer.mozilla.org/ja/Apps/Basics]] ガイドやらチュートリアルやら。
-[[クイックスタート - アプリセンター | MDN:https://developer.mozilla.org/ja/Apps/Quickstart]]
-[[リファレンスアプリ - アプリセンター | MDN:https://developer.mozilla.org/ja/Apps/Reference_apps]] サンプル集
** ゲームの開発サンプル [#bf4fa399]
-[[Introduction to HTML5 Game Development with Phaser and the Device Orientation API - Game development | MDN:https://developer.mozilla.org/en-US/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation]]
-[[Cyber Orb:http://orb.enclavegames.com/]] サンプルゲーム
-[[ソースコード:https://github.com/EnclaveGames/Cyber-Orb]]
-[[Phaserのはじめ方:HTML5/Javascript 2Dゲームエンジン>Phaser]]
-[[EnclaveGames Github:https://github.com/EnclaveGames]]
-[[OpenHTML5Games.com - Free mobile HTML5 web games with open source code:http://openhtml5games.com/]]
** 入門記事 [#ne948567]
かなり早めにチャレンジした例や、ちょっと古い情報もあるかも。
-[[Firefox OSで動くパッケージ型のHello worldアプリを作ってみる - 酢ろぐ！:http://blog.ch3cooh.jp/entry/20141014/1413250200]] 2014年10月
-[[はじめての Firefox OS アプリ開発 〜Hello Worldアプリを作ってみた〜 | Time to live forever:http://unsolublesugar.com/20130724/174146/]] 2013年07月
-[[Firefox OSのアプリを作ってみました - Intelligent Technology's Technical Blog:http://iti.hatenablog.jp/entry/2013/10/09/184848]] 2013年10月
-[[Firefox OS向けのアプリを公開しました - えんたつの記録:http://blog.livedoor.jp/tattyamm/archives/4592353.html]] 2013年09月
-[[UXClip（34）：Firefox OSのアプリ開発は思ったより簡単？〜関東Firefox OS勉強会レポート - ＠IT:http://www.atmarkit.co.jp/ait/articles/1307/11/news017.html]] 2013年07月
**解説記事 [#n9ffada2]
-[[続・Firefox OSアプリ開発マニュアル：連載｜gihyo.jp … 技術評論社:http://gihyo.jp/dev/serial/01/firefoxos]]
-[[FirefoxブラウザとWebの技術ですぐ作れる！ HTML5で手軽にFirefox OSアプリ開発：CodeZine:http://codezine.jp/article/detail/8476]]
**クロスプラットフォーム開発（Cordova/PhoneGap） [#k91430e9]
-[[Cordova を利用して Firefox OS アプリを作成しよう！ | Mozilla Japan ブログ:http://www.mozilla.jp/blog/entry/10376/]]
--[[Building Cordova apps for Firefox OS ✩ Mozilla Hacks – the Web developer blog:https://hacks.mozilla.org/2014/02/building-cordova-apps-for-firefox-os/]] オリジナル版
--[[JasonWeathersby/cordovasample :https://github.com/JasonWeathersby/cordovasample]] ソースコード
** WebIDE [#b57d89a6]
Firefox OS アプリの作成や開発のための編集環境を提供。Firefox OS Simulator や Firefox OS の実機を使用して Firefox OS アプリの実行やデバッグができる。Android 版 Firefox や Android 版 Chrome や iOS 版 Safari といったさまざまな他ブラウザに、Firefox の開発ツールを接続することもできる。
-[[WebIDE - 開発ツール | MDN:https://developer.mozilla.org/ja/docs/Tools/WebIDE]]
-[[開発版 Firefox で WebIDE が利用できるようになりました | Mozilla Japan ブログ:http://www.mozilla.jp/blog/entry/10412/]]
-[[MozillaのFirefoxブラウザにHTML5アプリケーションの開発環境WebIDEが一体化される - TechCrunch:http://jp.techcrunch.com/2014/06/24/20140623mozilla-brings-built-in-html5-development-environment-to-firefox-nightly/]]
-[[Firefox OSアプリの開発機能「WebIDE」を搭載した「Firefox 34」ベータ版が公開 - 窓の杜:http://www.forest.impress.co.jp/docs/news/20141017_671874.html]]
** Firefox Developer Edition [#yb4fece6]
-[[Firefox Developer Edition ― Mozilla:https://www.mozilla.org/ja/firefox/developer/]]
- ウェブ開発やデザインが超絶捗る開発者のためのウェブブラウザ「Firefox Developer Edition」が登場 - GIGAZINE
-- http://gigazine.net/news/20141111-firefox-developer-edition/
** books [#cc1bc214]
-[[HTML5でつくる Firefox OSアプリケーション開発入門｜書籍情報｜秀和システム:http://www.shuwasystem.co.jp/products/7980html/3871.html]] サンプル多数
--[[Amazonへのリンク:http://www.amazon.co.jp/gp/product/4798038717/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=4798038717&linkCode=as2&tag=plaseboeffect-22]]
-[[Firefox OSアプリ開発マニュアル:http://www.amazon.co.jp/gp/product/B00D8EAI7K/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00D8EAI7K&linkCode=as2&tag=plaseboeffect-22]] Amazonへのリンク
-[[続・Firefox OSアプリ開発マニュアル：連載｜gihyo.jp … 技術評論社:http://gihyo.jp/dev/serial/01/firefoxos]]
-[[Firefox OS ウヱブアプリ開発読本 - TechBooster - BOOTH（同人誌通販・ダウンロード）:https://techbooster.booth.pm/items/75036]]
* Firefoxスマホ [#l9a56586]
** Fx0 [#xb8a24b0]
auブランドで提供されているFirefox OS スマホ。というより、Firefox OSにスマホ機能をビルトインした感じ。
-[[au Firefox OS Portal Site:http://au-fx.kddi.com/]]
-[[au Firefox OS 関連技術情報:http://opensource.kddi.com/]]
-[[LG LGL25 - Fx0 | 携帯電話/スマートフォン | LGエレクトロニクス・ジャパン:http://www.lg.com/jp/mobile-phone/lg-LGL25]]
** 紹介記事 [#gcadf7f3]
- auがFirefox OS搭載スマホ「Fx0」を発表した「au Firefox OS Event」まとめ - GIGAZINE
-- http://gigazine.net/news/20141223-au-firefox-os-event/
- ギークのためのFirefox OS搭載スマホ「Fx0」で何ができるのかを示すハッカソンの様子はこんな感じ - GIGAZINE
-- http://gigazine.net/news/20141223-au-firefox-os-fx0-hackathon/
- サンタさんがFirefoxスマホ『Fx0』を目の前に置いた件 - 週アスPLUS
-- http://weekly.ascii.jp/elem/000/000/287/287051/
- 池澤あやかちゃんに密着！ Firefoxスマホ『Fx0』発表会レポート - 週アスPLUS
-- http://weekly.ascii.jp/elem/000/000/286/286561/
- Mozilla、Firefox OS端末を使ったハッカソンイベントを開催 - ケータイ Watch
-- http://k-tai.impress.co.jp/docs/news/20141127_677714.html
-[[au FirefoxOS Eventに行ってFx0(LGL25)の発表を見て懇親してきた | さかどん記録:http://sakadon.net/2014/12/24/372]]
-[[いろんな意味で熱いスマホ『Fx0』。その使いこなしセミナーにお邪魔した - 週アスPLUS:http://weekly.ascii.jp/elem/000/000/300/300537/]]
-[[【レビュー】ギーク?な俺が「Fx0」のデザインを考える! - 「何かの始まり」を感じずにはいられない外観に、田中プロに心を見透かされたオレ | マイナビニュース:http://news.mynavi.jp/articles/2015/02/01/fx0/]]
-[[Fx0の機能は誰のハートに届くのか? - 「オレは一味ちがうぜ」という人にオススメなスマホだった。ユーザーインターフェースは極めてシンプル | マイナビニュース:http://news.mynavi.jp/articles/2015/02/01/fx0_02/]]
-[[Firefox OSのここがわからない - そんな人へKDDIが"Fx0使いこなしセミナー" | マイナビニュース:http://news.mynavi.jp/articles/2015/02/06/fx0/]]
** 購入 [#rc71fdd9]
-[[Firefox OS搭載の『Fx0』を並んでゲット 気になる格安SIMは？【訂正あり】 - 週アスPLUS:http://weekly.ascii.jp/elem/000/000/287/287239/]]
-[[LGL25 Fx0おトク割はフラット契約不要、IS01デビュー割の再来で新規一括2円維持が可能に | すまコジ:http://smakoji.info/archives/4771]]
-[[3円維持で「真の発売日」を待つau Fx0 LGL25、本日発売も店頭販売分に意外な行列でプレミア化？オンラインなら在庫有るwww:http://mnpwhitebelt.blog.fc2.com/blog-entry-1230.html]]
-[[Fx0 LGL25 口コミ・評価・不具合・ケース（カバー）【au】【FireFox OS】 - NAVER まとめ:http://matome.naver.jp/odai/2141964763509544501]]
-[[きままなたぐりぶろ（日記）: Fx0を買った！(前編):http://lumitaglibro.blogspot.jp/2014/12/fx0-1.html]]
-[[きままなたぐりぶろ（日記）: Fx0を買った！(後編):http://lumitaglibro.blogspot.jp/2014/12/fx0.html]]
** 格安SIMによる運用 [#j743c4cb]
Fx0の場合、使えるのは、au系の格安SIMだけ。つまり、今のところは、''[[mineo:http://mineo.jp/]]（マイネオ）''か''[[UQ mobile:http://www.uqmobile.jp/]]''の2択。
まぎらわしいけど、''橋本環奈がCMしている[[U-mobile:http://umobile.jp/]]ではない''。
-[[Firefox OS搭載『Fx0』で格安SIM“mineo”の運用に成功 - 週アスPLUS:http://weekly.ascii.jp/elem/000/000/288/288273/index.html]]
-[[SIM通：auのスマホで格安SIMを使うには？ - ITmedia Mobile:http://www.itmedia.co.jp/mobile/articles/1409/17/news022.html]]
-[[auから発売された初のFirefox OSスマホ「Fx0 LGL25」を格安SIMのmineoで使ってみた！ひとクセある設定方法を紹介【レポート】 - S-MAX:http://s-max.jp/archives/1644687.html]]
-[[【au】月額1,000円前後のau系格安SIM一覧 - NAVER まとめ:http://matome.naver.jp/odai/2140021503982179301]]
** Framin [#t6085797]
Fx0用のロックスクリーン作成アプリ
- [[Framin(フレーミン)の使い方>framin]]
- Framin
-- http://framin.kddi.com/pc/
- アプリを作るアプリ「Framin」で作ったロックスクリーンアプリを手で振ると景色が変化 - YouTube
-- https://www.youtube.com/watch?v=wUkRu4dxOBY
- [Fx0でアプリを作る]Framinを起動させてビューに画像を追加するまでの覚書 | WP-kyoto
-- http://wp-kyoto.net/make-app-view-using-framin/
-[[「Framin」でFirefox OSアプリの開発に挑戦 - ケータイ Watch:http://k-tai.impress.co.jp/docs/column/minna/20150305_690695.html]]
** Gluin [#h80c9836]
-[[Gluin:http://opensource.kddi.com/gluin/]] モノと人をWebで繋ぐためのWoT(Web of Things)のためのサービス
** Open Web Board [#h9cb9805]
- au Firefox OS 関連技術情報 - Open Web Board
-- http://opensource.kddi.com/owb/
- KDDI、Firefox OS採用の開発ボードOpen Web Boardを無料配布。GUI開発環境Gluinも用意 - Engadget Japanese
-- http://japanese.engadget.com/2014/10/02/kddi-firefox-os-open-web-board-gui-gluin/
- 『Open Web Board』 『Gluin』 ハンズオン＆ラピッドプロトタイピング - Togetterまとめ
-- http://togetter.com/li/739520
- JavaScript - Open Web Boardを使ってFirefox OSアプリ開発に入門してみた！ - Qiita
-- http://qiita.com/tadfmac/items/eaf2d1b31f18936532b9
- infoジャー 特別コラム | au未来研究所
-- http://aufl.kddi.com/magazines/detail/279
* Android版Firefox / デスクトップ版Firefox [#i15208ef]
-[[米Mozilla、AndroidでFirefox OSアプリ動作を可能に -INTERNET Watch:http://internet.watch.impress.co.jp/docs/news/20140616_653512.html]]
-[[Firefox OSのアプリがAndroid対応になったのでさっそく遊んでみた - 週アスPLUS:http://weekly.ascii.jp/elem/000/000/230/230404/]] 2014年06月
* Makerムーブメントっぽいところ [#af8fd6c9]
- Mozilla Open Web Day in Tokyo | Mozilla Japan
-- http://www.mozilla.jp/events/2014/open-web-day/
-[[MozOpenHardware:https://www.facebook.com/groups/305208196333685/]]
- Fabble
-- なにか作ったときのストーリを投稿するメディア
-- http://gitfab.org/
-[[MakersHub:https://makershub.jp/]]
-- メイカーズのための作品・ガジェットショーケース
- fabnavi
-- モノづくりの過程を手軽に記録／共有／再生する、次世代「ファブ」基盤を目指したシステム
-- http://fabnavi.org/
-[[Mozilla Factory:http://ja.mozillafactory.org/]]
- コモジラ研究所
-- http://co.mozillafactory.org/
-[[アイロンビーズの2D/3Dフォクすけの作り方を公開しました #fabnavi #foxkeh - ぬんびりぶろぐ:http://smartphoneg.hatenablog.com/entry/perler-fabnavi-foxkeh]]
-[[Web的日曜大工。開発が身近になるKDDI×Firefox OSなSFCの授業に未来を見る : ギズモード・ジャパン:http://www.gizmodo.jp/2014/12/wot.html]]
- Firefox OSが拡げるオープンソースコミュニティの輪 〜Mozilla Open Web Day in Tokyo レポート〜（前編）
-- http://news.goo.ne.jp/article/wirelesswire/business/wirelesswire_201410081230.html
* Matchstick: Firefox OS 搭載のストリーミングデバイス [#y63eee3b]
-[[Matchstick:http://www.matchstick.tv/]]
-[[モジラ、ストリーミング端末「Matchstick」を提供へ--小売価格は25ドル - CNET Japan:http://japan.cnet.com/news/service/35054521/]]
-[[Matchstick: Firefox OS 搭載のストリーミングデバイス | Mozilla Japan ブログ:http://www.mozilla.jp/blog/entry/10428/]]
* 情報源 [#gd534fb5]
- Firefox OS Advent Calendar 2014 - Adventar
-- http://www.adventar.org/calendars/411
- Firefox OS Advent Calendar 2013 - Adventar
-- http://www.adventar.org/calendars/103
- #fxosに関するツイート
-- https://twitter.com/hashtag/fxos?src=hash
- #FxOSに関するツイート
-- https://twitter.com/hashtag/FxOS?src=hash
- #Fx0に関するツイート
-- https://twitter.com/hashtag/Fx0?src=hash
-[[#openwebboardに関するツイート:https://twitter.com/hashtag/openwebboard?src=hash]]
* 対抗馬 [#n746e9df]
** NW.js／node-webkit [#kf6e33d0]
node-webkitはネイティブアプリ作成のためにwebkitが改造されたwebブラウザで、HTML/JavaScript/CSSが実行できるだけでなくnode.jsのAPIもそのまま呼び出せる。
-[[NW.js:http://nwjs.io/]]
--[[node-webkitとは何か:http://azu.github.io/slide/udonjs/node-webkit.html]]
--[[HTML5/JavaScript/CSS3 でデスクトップ GUI アプリを作れるフレームワークの決定版を見つけた（かもしれない）件 - bearmini's blog:http://bearmini.hatenablog.com/entry/2013/11/01/135003]]
--[[Web制作者でもネイティブアプリが作れる！node-webkitを使ってみよう | 株式会社LIG:http://liginc.co.jp/web/programming/node-js/129596]]
--[[透過がサポートされたnode-webkit（NW.js）でガジェットを作ろう : アシアルブログ:http://blog.asial.co.jp/1350]]
--[[HTML5＋CSS3＋JSでネイティブGUIアプリが作れる、node-webkitを触ってみる : アシアルブログ:http://blog.asial.co.jp/1305]]
--[[NW.js – node-webkitが改名:http://www.softantenna.com/wp/software/nw-js/]]
--[[橋本商会 » node-webkitでNHK Newsを連続自動再生するアプリ作った:http://shokai.org/blog/archives/8586]]
** Windows8 MetroUI [#x5e5eb27]
-[[［速報］HTML5/JavaScriptでWindows 8対応アプリを作る「Visual Studio」「Expression Blend」登場。BUILD 2011 − Publickey:http://www.publickey1.jp/blog/11/html5javascriptwindows_8visual_studioexpression_blendbuild_2011.html]]
-[[HTML、CSS、Javascriptだけで開発できる Windows8アプリをリリースするまでにやった事。 | Last Day. jp:http://www.lastday.jp/2013/11/15/windows-8-app-release]]
-[[ウェブ制作者向けWindows8アプリ開発:http://windows8.submit.ne.jp/]]
-[[JavaScriptで作ろう! Windows 8 アプリ・プログラミング入門:http://libro.tuyano.com/index2?id=1025004]]
** Chromebook [#zd409a5b]
-[[Chromebook - Wikipedia:http://ja.wikipedia.org/wiki/Chromebook]]
-[[Chromebook入門：まだ知らない人のためのChromebook（2014年12月更新版） (1/2) - ＠IT:http://www.atmarkit.co.jp/ait/articles/1402/26/news022.html]]
-[[Chromebook購入後に、究極のPCへ変貌させるWebサービスたちが完璧過ぎ！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ）:http://plus.appgiga.jp/masatolan/2014/11/12/54451/]]
-[[チュートリアル: Chrome アプリを作成する - Chrome for Business ヘルプ:https://support.google.com/chrome/a/answer/2714278?hl=ja]]
-[[Chrome Apps（Chrome Packaged Apps）を作って動かすための4ステップ - Intelligent Technology's Technical Blog:http://iti.hatenablog.jp/entry/2013/10/10/115550]]
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
