SlideShare a Scribd company logo
さわってみよう Firefox OS in 福岡




                   2012/12/06
自己紹介

   Twitter: @masap
   職業: 組み込みプログラマ(主に Wi-Fi)
   ハッシュタグ: #FirefoxOSjp
Firefox OS の概要
開発状況

   Firefox OS バージョン 1 に向けて開発中
    ●   テスター達によるテスト段階。
    ●   新規機能の取り込みはしない。
    ●   2013年初頭にブラジルにて発売予定。
Firefox OSの構造

   3層構造

      Gaia     ユーザーインターフェイス層


     Gecko      レンダリングエンジン     ユーザ空間


                ハードウェア仮想化層

      Gonk

                 Linux カーネル    カーネル空間
Gaia

   Gaia とは
    ●   HTML5 (+ CSS + JavaScript) で書かれた UI。
    ●   UI 自体が HTML5 で書かれているのは Firefox OS だ
        け。
    ●   HTML5 を使っているのでカスタマイズが容易。今日の
        テーマは Gaia のカスタマイズ。
Firefox OS を変えてみる

   UI は全て Gaia で描かれている
   実機にて変えてみる
    ●   起動画面
    ●   壁紙
エミュレータインストール
    (Mac 編)
r2d2b2g のインストール

   USBメモリ内のファイルを使用
        r2d2b2g-mac.xpi ファイルを Firefox にドラッグ&ドロップす
         る。
        下記メッセージが表示されるので「今すぐインストール」ボタン
         を押す。
r2d2b2g起動

   Firefoxから起動
         ツール → Web開発->Firefox OS Simulator
エミュレータ画面起動

   起動
        Simulatorと書かれたスイッチをスライドしてRunningに変更。
        図のようにロック画面が表示されればOK。
エミュレータインストール
 (Windows XP 編)
r2d2b2g のインストール

   USBメモリ内のファイルを使用
        r2d2b2g-windows.xpi ファイルを Firefox にドラッグ&ドロップ
         する。
        下記メッセージが表示されるので「今すぐインストール」ボタン
         を押す。
r2d2b2g起動

   Firefoxから起動
         Firefoxボタン → Web開発->Firefox OS Simulator
エミュレータ画面起動

   起動
        Simulatorと書かれたスイッチをスライドしてRunningに変更。
        図のようにロック画面が表示されればOK。
起動画面のカスタマイズ
(Mac/Windows 共通)
フォルダを開く

   フォルダの場所を探す
        FirefoxのURL に about:support と入力。
        「アプリケーション基本情報」の「フォルダを開く」ボタンを押
         す。
        extensions/r2d2b2g@mozilla.org/profile/webapps/system
         .gaiamobile.orgを開く。
起動画面のカスタマイズ

   ソースコードの書き換え
        application.zip をコピーして application.zip.bak としてバック
         アップ。
        application.zip を解凍。
        application/index.html をエディタで開く。
        #initlogoの中のbackgroundの
         bottom, right を center に変更。
        applicationフォルダの下をzipで圧縮。
        ※フォルダを圧縮しないように注意!
        エミュレーターを再起動。
        Mozillaの文字が中央に表示されていれば成功。
壁紙の追加
壁紙の追加

   ソースコードの書き換え
        extensions/r2d2b2g@mozilla.org/profile/webapps/wallpap
         er.gaiamobile.orgを開く。
        application.zipをバックアップする。
        application/resources/320x480/に追加したい壁紙ファイル
         を置く。
         ※サイズは320x480。
        application/pick.html をエディタで開く。
        div id=wallpapers の中に img 要素を追加。
壁紙の確認

   壁紙の追加を確認

More Related Content

What's hot

Windowsストア アプリケーション概要(紹介編)
Windowsストア アプリケーション概要(紹介編)Windowsストア アプリケーション概要(紹介編)
Windowsストア アプリケーション概要(紹介編)
Makoto Nishimura
 
「WindowsデスクトップでWeb開発 改訂版」サンプル
「WindowsデスクトップでWeb開発 改訂版」サンプル「WindowsデスクトップでWeb開発 改訂版」サンプル
「WindowsデスクトップでWeb開発 改訂版」サンプル
Hiroyuki Ohnaka
 
Java GUI Programming
Java GUI ProgrammingJava GUI Programming
Java GUI Programming
Noritaka Kagei
 
Firefox OS 2012 年まとめ
Firefox OS 2012 年まとめFirefox OS 2012 年まとめ
Firefox OS 2012 年まとめHonma Masashi
 
Windows Insider Program という取り組みについて ~ Creators Update を踏まえて
Windows Insider Program という取り組みについて ~ Creators Update を踏まえてWindows Insider Program という取り組みについて ~ Creators Update を踏まえて
Windows Insider Program という取り組みについて ~ Creators Update を踏まえて
日本マイクロソフト株式会社 Windows & デバイス本部
 
Windows insider meetup in japan 2 Lightning Talk
Windows insider meetup in japan 2 Lightning TalkWindows insider meetup in japan 2 Lightning Talk
Windows insider meetup in japan 2 Lightning Talk
Kenshiro Fukuda
 
20120616 i os24hvol1資料
20120616 i os24hvol1資料20120616 i os24hvol1資料
20120616 i os24hvol1資料
Makoto Nishimura
 
スマホ開発を始める前に知っておきたいこと色々
スマホ開発を始める前に知っておきたいこと色々スマホ開発を始める前に知っておきたいこと色々
スマホ開発を始める前に知っておきたいこと色々
Takuto Nishioka
 
Peak+が出荷されなかった俺はしぶしぶZTE Openの注文を決意しました。
Peak+が出荷されなかった俺はしぶしぶZTE Openの注文を決意しました。Peak+が出荷されなかった俺はしぶしぶZTE Openの注文を決意しました。
Peak+が出荷されなかった俺はしぶしぶZTE Openの注文を決意しました。
星影 月夜
 
Firefox OSのカスタムROM開発を始めてみた
Firefox OSのカスタムROM開発を始めてみたFirefox OSのカスタムROM開発を始めてみた
Firefox OSのカスタムROM開発を始めてみたandroid sola
 
Windows10推進資料
Windows10推進資料Windows10推進資料
Windows10推進資料
shiki_magata
 
Tizen web app について調べたよ
Tizen web app について調べたよTizen web app について調べたよ
Tizen web app について調べたよNaruto TAKAHASHI
 
Uwpに至る道
Uwpに至る道Uwpに至る道
Uwpに至る道
Makoto Nishimura
 
piskel chap-1 導入 ② インストール Win編
piskel chap-1 導入 ② インストール Win編piskel chap-1 導入 ② インストール Win編
piskel chap-1 導入 ② インストール Win編
takashi Ohsaka
 
Firefox os動画再生アプリの舞台裏
Firefox os動画再生アプリの舞台裏Firefox os動画再生アプリの舞台裏
Firefox os動画再生アプリの舞台裏Takaumi Kimura
 
Windows10上にWSL2環境を構築する
Windows10上にWSL2環境を構築するWindows10上にWSL2環境を構築する
Windows10上にWSL2環境を構築する
KokiNakayama
 
FirefoxOSアプリ環境構築
FirefoxOSアプリ環境構築FirefoxOSアプリ環境構築
FirefoxOSアプリ環境構築
Shin O
 
Windows PhoneについてGdgd話すよ Rev 2
Windows PhoneについてGdgd話すよ Rev 2Windows PhoneについてGdgd話すよ Rev 2
Windows PhoneについてGdgd話すよ Rev 2
Kenji Wada
 
Windows Insider Program という取り組みについて ~ Fall Creators Update を踏まえて
Windows Insider Program という取り組みについて ~ Fall Creators Update を踏まえてWindows Insider Program という取り組みについて ~ Fall Creators Update を踏まえて
Windows Insider Program という取り組みについて ~ Fall Creators Update を踏まえて
日本マイクロソフト株式会社 Windows & デバイス本部
 

What's hot (20)

Windowsストア アプリケーション概要(紹介編)
Windowsストア アプリケーション概要(紹介編)Windowsストア アプリケーション概要(紹介編)
Windowsストア アプリケーション概要(紹介編)
 
「WindowsデスクトップでWeb開発 改訂版」サンプル
「WindowsデスクトップでWeb開発 改訂版」サンプル「WindowsデスクトップでWeb開発 改訂版」サンプル
「WindowsデスクトップでWeb開発 改訂版」サンプル
 
Smile basic
Smile basicSmile basic
Smile basic
 
Java GUI Programming
Java GUI ProgrammingJava GUI Programming
Java GUI Programming
 
Firefox OS 2012 年まとめ
Firefox OS 2012 年まとめFirefox OS 2012 年まとめ
Firefox OS 2012 年まとめ
 
Windows Insider Program という取り組みについて ~ Creators Update を踏まえて
Windows Insider Program という取り組みについて ~ Creators Update を踏まえてWindows Insider Program という取り組みについて ~ Creators Update を踏まえて
Windows Insider Program という取り組みについて ~ Creators Update を踏まえて
 
Windows insider meetup in japan 2 Lightning Talk
Windows insider meetup in japan 2 Lightning TalkWindows insider meetup in japan 2 Lightning Talk
Windows insider meetup in japan 2 Lightning Talk
 
20120616 i os24hvol1資料
20120616 i os24hvol1資料20120616 i os24hvol1資料
20120616 i os24hvol1資料
 
スマホ開発を始める前に知っておきたいこと色々
スマホ開発を始める前に知っておきたいこと色々スマホ開発を始める前に知っておきたいこと色々
スマホ開発を始める前に知っておきたいこと色々
 
Peak+が出荷されなかった俺はしぶしぶZTE Openの注文を決意しました。
Peak+が出荷されなかった俺はしぶしぶZTE Openの注文を決意しました。Peak+が出荷されなかった俺はしぶしぶZTE Openの注文を決意しました。
Peak+が出荷されなかった俺はしぶしぶZTE Openの注文を決意しました。
 
Firefox OSのカスタムROM開発を始めてみた
Firefox OSのカスタムROM開発を始めてみたFirefox OSのカスタムROM開発を始めてみた
Firefox OSのカスタムROM開発を始めてみた
 
Windows10推進資料
Windows10推進資料Windows10推進資料
Windows10推進資料
 
Tizen web app について調べたよ
Tizen web app について調べたよTizen web app について調べたよ
Tizen web app について調べたよ
 
Uwpに至る道
Uwpに至る道Uwpに至る道
Uwpに至る道
 
piskel chap-1 導入 ② インストール Win編
piskel chap-1 導入 ② インストール Win編piskel chap-1 導入 ② インストール Win編
piskel chap-1 導入 ② インストール Win編
 
Firefox os動画再生アプリの舞台裏
Firefox os動画再生アプリの舞台裏Firefox os動画再生アプリの舞台裏
Firefox os動画再生アプリの舞台裏
 
Windows10上にWSL2環境を構築する
Windows10上にWSL2環境を構築するWindows10上にWSL2環境を構築する
Windows10上にWSL2環境を構築する
 
FirefoxOSアプリ環境構築
FirefoxOSアプリ環境構築FirefoxOSアプリ環境構築
FirefoxOSアプリ環境構築
 
Windows PhoneについてGdgd話すよ Rev 2
Windows PhoneについてGdgd話すよ Rev 2Windows PhoneについてGdgd話すよ Rev 2
Windows PhoneについてGdgd話すよ Rev 2
 
Windows Insider Program という取り組みについて ~ Fall Creators Update を踏まえて
Windows Insider Program という取り組みについて ~ Fall Creators Update を踏まえてWindows Insider Program という取り組みについて ~ Fall Creators Update を踏まえて
Windows Insider Program という取り組みについて ~ Fall Creators Update を踏まえて
 

Viewers also liked

Keresőmarketing jövője
Keresőmarketing jövőjeKeresőmarketing jövője
Keresőmarketing jövője
Mihaly Bobaly
 
Presentazione g1 telematica ver22
Presentazione g1 telematica ver22Presentazione g1 telematica ver22
Presentazione g1 telematica ver22
Francesco_Motta
 
Нестандартные задачи
Нестандартные задачиНестандартные задачи
Нестандартные задачиEOS-soft
 
Infografía: Transformacion digital
Infografía: Transformacion digitalInfografía: Transformacion digital
Infografía: Transformacion digital
TEUNO
 
150916_CSR_Activities_Report_en
150916_CSR_Activities_Report_en150916_CSR_Activities_Report_en
150916_CSR_Activities_Report_enDessy Myrold
 
TECNOLOGÍAS VISUALES Y ACÚSTICAS
TECNOLOGÍAS VISUALES Y ACÚSTICASTECNOLOGÍAS VISUALES Y ACÚSTICAS
TECNOLOGÍAS VISUALES Y ACÚSTICAS
cielochamorro
 
Introduction to Parameters in Foreman
Introduction to Parameters in ForemanIntroduction to Parameters in Foreman
Introduction to Parameters in Foreman
Tomer Brisker
 
Joanna magoch
Joanna magochJoanna magoch
Joanna magochyvind
 
A Business Guide to Workplace Inspections
A Business Guide to Workplace InspectionsA Business Guide to Workplace Inspections
A Business Guide to Workplace Inspections
Drake International
 
Rancangan kerangka dasar
Rancangan kerangka dasarRancangan kerangka dasar
Rancangan kerangka dasarSuaidin -Dompu
 
African children
African childrenAfrican children
African childrenmakarolia
 
Kleureneconomie bij Nacht van de Nieuwe Macht
Kleureneconomie bij Nacht van de Nieuwe MachtKleureneconomie bij Nacht van de Nieuwe Macht
Kleureneconomie bij Nacht van de Nieuwe Macht
Barry Barry
 
Clothes
ClothesClothes
Clothes
brudes
 
MSc Desertation Sanjit
MSc Desertation SanjitMSc Desertation Sanjit
MSc Desertation SanjitSanjit Vinayak
 
Janusz korczak prezentacja książek
Janusz korczak prezentacja książekJanusz korczak prezentacja książek
Janusz korczak prezentacja książekpompon22
 

Viewers also liked (20)

Asean thai handout
Asean thai handoutAsean thai handout
Asean thai handout
 
Fancy binder
Fancy binderFancy binder
Fancy binder
 
Makalah ptk
Makalah ptkMakalah ptk
Makalah ptk
 
Keresőmarketing jövője
Keresőmarketing jövőjeKeresőmarketing jövője
Keresőmarketing jövője
 
Presentazione g1 telematica ver22
Presentazione g1 telematica ver22Presentazione g1 telematica ver22
Presentazione g1 telematica ver22
 
üBung eva
üBung evaüBung eva
üBung eva
 
Нестандартные задачи
Нестандартные задачиНестандартные задачи
Нестандартные задачи
 
Infografía: Transformacion digital
Infografía: Transformacion digitalInfografía: Transformacion digital
Infografía: Transformacion digital
 
150916_CSR_Activities_Report_en
150916_CSR_Activities_Report_en150916_CSR_Activities_Report_en
150916_CSR_Activities_Report_en
 
TECNOLOGÍAS VISUALES Y ACÚSTICAS
TECNOLOGÍAS VISUALES Y ACÚSTICASTECNOLOGÍAS VISUALES Y ACÚSTICAS
TECNOLOGÍAS VISUALES Y ACÚSTICAS
 
Introduction to Parameters in Foreman
Introduction to Parameters in ForemanIntroduction to Parameters in Foreman
Introduction to Parameters in Foreman
 
Joanna magoch
Joanna magochJoanna magoch
Joanna magoch
 
A Business Guide to Workplace Inspections
A Business Guide to Workplace InspectionsA Business Guide to Workplace Inspections
A Business Guide to Workplace Inspections
 
Rancangan kerangka dasar
Rancangan kerangka dasarRancangan kerangka dasar
Rancangan kerangka dasar
 
African children
African childrenAfrican children
African children
 
Kleureneconomie bij Nacht van de Nieuwe Macht
Kleureneconomie bij Nacht van de Nieuwe MachtKleureneconomie bij Nacht van de Nieuwe Macht
Kleureneconomie bij Nacht van de Nieuwe Macht
 
Clothes
ClothesClothes
Clothes
 
Carshare
CarshareCarshare
Carshare
 
MSc Desertation Sanjit
MSc Desertation SanjitMSc Desertation Sanjit
MSc Desertation Sanjit
 
Janusz korczak prezentacja książek
Janusz korczak prezentacja książekJanusz korczak prezentacja książek
Janusz korczak prezentacja książek
 

Similar to さわってみよう Firefox OS in 福岡

Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Honma Masashi
 
Code igniterでテスト駆動開発 資料作成中
Code igniterでテスト駆動開発 資料作成中Code igniterでテスト駆動開発 資料作成中
Code igniterでテスト駆動開発 資料作成中
Takako Miyagawa
 
KEONとPEAKが無くてもFirefox OS開発出来る
KEONとPEAKが無くてもFirefox OS開発出来るKEONとPEAKが無くてもFirefox OS開発出来る
KEONとPEAKが無くてもFirefox OS開発出来るandroid sola
 
Secret of Firefox
Secret of FirefoxSecret of Firefox
Secret of Firefox
dynamis
 
Slug 3-windows phone7helloworld-classmethod-ryuichi-nonaka
Slug 3-windows phone7helloworld-classmethod-ryuichi-nonakaSlug 3-windows phone7helloworld-classmethod-ryuichi-nonaka
Slug 3-windows phone7helloworld-classmethod-ryuichi-nonakaRyuichi Nonaka
 
Firefox os hackathon
Firefox os hackathonFirefox os hackathon
Firefox os hackathon
dynamis
 
Firefox FAQ
Firefox FAQFirefox FAQ
Firefox FAQ
dynamis
 
まっつんチャレンジ OSC出張編 45分でわかる PHP+Eclipseによるテスト駆動開発環境の構築
まっつんチャレンジ OSC出張編 45分でわかる PHP+Eclipseによるテスト駆動開発環境の構築まっつんチャレンジ OSC出張編 45分でわかる PHP+Eclipseによるテスト駆動開発環境の構築
まっつんチャレンジ OSC出張編 45分でわかる PHP+Eclipseによるテスト駆動開発環境の構築Hideharu MATSUFUJI
 
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法Naruto TAKAHASHI
 
go.mobile で Android 開発
go.mobile で Android 開発go.mobile で Android 開発
go.mobile で Android 開発
Hiroshi Kurokawa
 
20150317 firefox os勉強会
20150317 firefox os勉強会20150317 firefox os勉強会
20150317 firefox os勉強会
Naoki Sekiguchi
 
Firefox OS Updates 201311
Firefox OS Updates 201311Firefox OS Updates 201311
Firefox OS Updates 201311
dynamis
 
Firefox OS アプリケーション チュートリアル
Firefox OS アプリケーション チュートリアルFirefox OS アプリケーション チュートリアル
Firefox OS アプリケーション チュートリアル
funakky
 
冬だからAndroid再入門
冬だからAndroid再入門冬だからAndroid再入門
冬だからAndroid再入門
Katsumi Honda
 
Titanium実装最初の一歩.
Titanium実装最初の一歩. Titanium実装最初の一歩.
Titanium実装最初の一歩.
Yasuhiro Matsubayashi
 
Addon sdkはじめの一歩
Addon sdkはじめの一歩Addon sdkはじめの一歩
Addon sdkはじめの一歩EnsekiTT
 
Firefox OSについて
Firefox OSについてFirefox OSについて
Firefox OSについて
BeMarble
 
「寝ながら作るXojo」ハンズオンテキスト
「寝ながら作るXojo」ハンズオンテキスト「寝ながら作るXojo」ハンズオンテキスト
「寝ながら作るXojo」ハンズオンテキスト
Yoshimasa Kawano
 
FreeCAD OpenFOAM Workbenchセットアップ方法と課題
FreeCAD OpenFOAM Workbenchセットアップ方法と課題FreeCAD OpenFOAM Workbenchセットアップ方法と課題
FreeCAD OpenFOAM Workbenchセットアップ方法と課題
murai1972
 
Firefox mobile for android internals
Firefox mobile for android internalsFirefox mobile for android internals
Firefox mobile for android internalsMakoto Kato
 

Similar to さわってみよう Firefox OS in 福岡 (20)

Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成
 
Code igniterでテスト駆動開発 資料作成中
Code igniterでテスト駆動開発 資料作成中Code igniterでテスト駆動開発 資料作成中
Code igniterでテスト駆動開発 資料作成中
 
KEONとPEAKが無くてもFirefox OS開発出来る
KEONとPEAKが無くてもFirefox OS開発出来るKEONとPEAKが無くてもFirefox OS開発出来る
KEONとPEAKが無くてもFirefox OS開発出来る
 
Secret of Firefox
Secret of FirefoxSecret of Firefox
Secret of Firefox
 
Slug 3-windows phone7helloworld-classmethod-ryuichi-nonaka
Slug 3-windows phone7helloworld-classmethod-ryuichi-nonakaSlug 3-windows phone7helloworld-classmethod-ryuichi-nonaka
Slug 3-windows phone7helloworld-classmethod-ryuichi-nonaka
 
Firefox os hackathon
Firefox os hackathonFirefox os hackathon
Firefox os hackathon
 
Firefox FAQ
Firefox FAQFirefox FAQ
Firefox FAQ
 
まっつんチャレンジ OSC出張編 45分でわかる PHP+Eclipseによるテスト駆動開発環境の構築
まっつんチャレンジ OSC出張編 45分でわかる PHP+Eclipseによるテスト駆動開発環境の構築まっつんチャレンジ OSC出張編 45分でわかる PHP+Eclipseによるテスト駆動開発環境の構築
まっつんチャレンジ OSC出張編 45分でわかる PHP+Eclipseによるテスト駆動開発環境の構築
 
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法
 
go.mobile で Android 開発
go.mobile で Android 開発go.mobile で Android 開発
go.mobile で Android 開発
 
20150317 firefox os勉強会
20150317 firefox os勉強会20150317 firefox os勉強会
20150317 firefox os勉強会
 
Firefox OS Updates 201311
Firefox OS Updates 201311Firefox OS Updates 201311
Firefox OS Updates 201311
 
Firefox OS アプリケーション チュートリアル
Firefox OS アプリケーション チュートリアルFirefox OS アプリケーション チュートリアル
Firefox OS アプリケーション チュートリアル
 
冬だからAndroid再入門
冬だからAndroid再入門冬だからAndroid再入門
冬だからAndroid再入門
 
Titanium実装最初の一歩.
Titanium実装最初の一歩. Titanium実装最初の一歩.
Titanium実装最初の一歩.
 
Addon sdkはじめの一歩
Addon sdkはじめの一歩Addon sdkはじめの一歩
Addon sdkはじめの一歩
 
Firefox OSについて
Firefox OSについてFirefox OSについて
Firefox OSについて
 
「寝ながら作るXojo」ハンズオンテキスト
「寝ながら作るXojo」ハンズオンテキスト「寝ながら作るXojo」ハンズオンテキスト
「寝ながら作るXojo」ハンズオンテキスト
 
FreeCAD OpenFOAM Workbenchセットアップ方法と課題
FreeCAD OpenFOAM Workbenchセットアップ方法と課題FreeCAD OpenFOAM Workbenchセットアップ方法と課題
FreeCAD OpenFOAM Workbenchセットアップ方法と課題
 
Firefox mobile for android internals
Firefox mobile for android internalsFirefox mobile for android internals
Firefox mobile for android internals
 

More from Honma Masashi

ROS.js の紹介
ROS.js の紹介ROS.js の紹介
ROS.js の紹介
Honma Masashi
 
Fxos for Embedded Systems (English version)
Fxos for Embedded Systems (English version)Fxos for Embedded Systems (English version)
Fxos for Embedded Systems (English version)
Honma Masashi
 
Firefox OS for Embedded System
Firefox OS for Embedded SystemFirefox OS for Embedded System
Firefox OS for Embedded System
Honma Masashi
 
HTML5 によるロボット制御
HTML5 によるロボット制御HTML5 によるロボット制御
HTML5 によるロボット制御
Honma Masashi
 
Photo hack day Japan 2014 プレゼン資料
Photo hack day Japan 2014 プレゼン資料Photo hack day Japan 2014 プレゼン資料
Photo hack day Japan 2014 プレゼン資料Honma Masashi
 
Firefox OS 日本語 IME 開発状況
Firefox OS 日本語 IME 開発状況Firefox OS 日本語 IME 開発状況
Firefox OS 日本語 IME 開発状況Honma Masashi
 
Firefox OS を使って HTML5 でハードウェアを動かしてみよう
Firefox OS を使って HTML5 でハードウェアを動かしてみようFirefox OS を使って HTML5 でハードウェアを動かしてみよう
Firefox OS を使って HTML5 でハードウェアを動かしてみようHonma Masashi
 
Designers hack 011 ウォシュレットのリモコンから UI を極力無くすには
Designers hack 011 ウォシュレットのリモコンから UI を極力無くすにはDesigners hack 011 ウォシュレットのリモコンから UI を極力無くすには
Designers hack 011 ウォシュレットのリモコンから UI を極力無くすにはHonma Masashi
 
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu TouchHonma Masashi
 
Firefox OS の Wi-Fi 機能改善
Firefox OS の Wi-Fi 機能改善Firefox OS の Wi-Fi 機能改善
Firefox OS の Wi-Fi 機能改善Honma Masashi
 
デザイナー目線で Firefox OS を変えよう
デザイナー目線で Firefox OS を変えようデザイナー目線で Firefox OS を変えよう
デザイナー目線で Firefox OS を変えようHonma Masashi
 

More from Honma Masashi (11)

ROS.js の紹介
ROS.js の紹介ROS.js の紹介
ROS.js の紹介
 
Fxos for Embedded Systems (English version)
Fxos for Embedded Systems (English version)Fxos for Embedded Systems (English version)
Fxos for Embedded Systems (English version)
 
Firefox OS for Embedded System
Firefox OS for Embedded SystemFirefox OS for Embedded System
Firefox OS for Embedded System
 
HTML5 によるロボット制御
HTML5 によるロボット制御HTML5 によるロボット制御
HTML5 によるロボット制御
 
Photo hack day Japan 2014 プレゼン資料
Photo hack day Japan 2014 プレゼン資料Photo hack day Japan 2014 プレゼン資料
Photo hack day Japan 2014 プレゼン資料
 
Firefox OS 日本語 IME 開発状況
Firefox OS 日本語 IME 開発状況Firefox OS 日本語 IME 開発状況
Firefox OS 日本語 IME 開発状況
 
Firefox OS を使って HTML5 でハードウェアを動かしてみよう
Firefox OS を使って HTML5 でハードウェアを動かしてみようFirefox OS を使って HTML5 でハードウェアを動かしてみよう
Firefox OS を使って HTML5 でハードウェアを動かしてみよう
 
Designers hack 011 ウォシュレットのリモコンから UI を極力無くすには
Designers hack 011 ウォシュレットのリモコンから UI を極力無くすにはDesigners hack 011 ウォシュレットのリモコンから UI を極力無くすには
Designers hack 011 ウォシュレットのリモコンから UI を極力無くすには
 
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
 
Firefox OS の Wi-Fi 機能改善
Firefox OS の Wi-Fi 機能改善Firefox OS の Wi-Fi 機能改善
Firefox OS の Wi-Fi 機能改善
 
デザイナー目線で Firefox OS を変えよう
デザイナー目線で Firefox OS を変えようデザイナー目線で Firefox OS を変えよう
デザイナー目線で Firefox OS を変えよう
 

Recently uploaded

論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
Toru Tamaki
 
FIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdfFIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance
 
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
iPride Co., Ltd.
 
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
Fukuoka Institute of Technology
 
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdfFIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance
 
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
yassun7010
 
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdfFIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance
 
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
NTT DATA Technology & Innovation
 
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
harmonylab
 
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
Matsushita Laboratory
 
【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow
Sony - Neural Network Libraries
 
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdfFIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance
 
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
atsushi061452
 
CS集会#13_なるほどわからん通信技術 発表資料
CS集会#13_なるほどわからん通信技術 発表資料CS集会#13_なるほどわからん通信技術 発表資料
CS集会#13_なるほどわからん通信技術 発表資料
Yuuitirou528 default
 
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
CRI Japan, Inc.
 
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdfFIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance
 

Recently uploaded (16)

論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
 
FIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdfFIDO Alliance Osaka Seminar: CloudGate.pdf
FIDO Alliance Osaka Seminar: CloudGate.pdf
 
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
 
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
単腕マニピュレータによる 複数物体の同時組み立ての 基礎的考察 / Basic Approach to Robotic Assembly of Multi...
 
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdfFIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
FIDO Alliance Osaka Seminar: LY-DOCOMO-KDDI-Mercari Panel.pdf
 
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
 
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdfFIDO Alliance Osaka Seminar: Welcome Slides.pdf
FIDO Alliance Osaka Seminar: Welcome Slides.pdf
 
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
 
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
【DLゼミ】XFeat: Accelerated Features for Lightweight Image Matching
 
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
 
【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow
 
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdfFIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
FIDO Alliance Osaka Seminar: PlayStation Passkey Deployment Case Study.pdf
 
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
 
CS集会#13_なるほどわからん通信技術 発表資料
CS集会#13_なるほどわからん通信技術 発表資料CS集会#13_なるほどわからん通信技術 発表資料
CS集会#13_なるほどわからん通信技術 発表資料
 
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
 
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdfFIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
FIDO Alliance Osaka Seminar: NEC & Yubico Panel.pdf
 

さわってみよう Firefox OS in 福岡

  • 1. さわってみよう Firefox OS in 福岡 2012/12/06
  • 2. 自己紹介  Twitter: @masap  職業: 組み込みプログラマ(主に Wi-Fi)  ハッシュタグ: #FirefoxOSjp
  • 4. 開発状況  Firefox OS バージョン 1 に向けて開発中 ● テスター達によるテスト段階。 ● 新規機能の取り込みはしない。 ● 2013年初頭にブラジルにて発売予定。
  • 5. Firefox OSの構造  3層構造 Gaia ユーザーインターフェイス層 Gecko レンダリングエンジン ユーザ空間 ハードウェア仮想化層 Gonk Linux カーネル カーネル空間
  • 6. Gaia  Gaia とは ● HTML5 (+ CSS + JavaScript) で書かれた UI。 ● UI 自体が HTML5 で書かれているのは Firefox OS だ け。 ● HTML5 を使っているのでカスタマイズが容易。今日の テーマは Gaia のカスタマイズ。
  • 7. Firefox OS を変えてみる  UI は全て Gaia で描かれている  実機にて変えてみる ● 起動画面 ● 壁紙
  • 9. r2d2b2g のインストール  USBメモリ内のファイルを使用  r2d2b2g-mac.xpi ファイルを Firefox にドラッグ&ドロップす る。  下記メッセージが表示されるので「今すぐインストール」ボタン を押す。
  • 10. r2d2b2g起動  Firefoxから起動  ツール → Web開発->Firefox OS Simulator
  • 11. エミュレータ画面起動  起動  Simulatorと書かれたスイッチをスライドしてRunningに変更。  図のようにロック画面が表示されればOK。
  • 13. r2d2b2g のインストール  USBメモリ内のファイルを使用  r2d2b2g-windows.xpi ファイルを Firefox にドラッグ&ドロップ する。  下記メッセージが表示されるので「今すぐインストール」ボタン を押す。
  • 14. r2d2b2g起動  Firefoxから起動  Firefoxボタン → Web開発->Firefox OS Simulator
  • 15. エミュレータ画面起動  起動  Simulatorと書かれたスイッチをスライドしてRunningに変更。  図のようにロック画面が表示されればOK。
  • 17. フォルダを開く  フォルダの場所を探す  FirefoxのURL に about:support と入力。  「アプリケーション基本情報」の「フォルダを開く」ボタンを押 す。  extensions/r2d2b2g@mozilla.org/profile/webapps/system .gaiamobile.orgを開く。
  • 18. 起動画面のカスタマイズ  ソースコードの書き換え  application.zip をコピーして application.zip.bak としてバック アップ。  application.zip を解凍。  application/index.html をエディタで開く。  #initlogoの中のbackgroundの bottom, right を center に変更。  applicationフォルダの下をzipで圧縮。  ※フォルダを圧縮しないように注意!  エミュレーターを再起動。  Mozillaの文字が中央に表示されていれば成功。
  • 20. 壁紙の追加  ソースコードの書き換え  extensions/r2d2b2g@mozilla.org/profile/webapps/wallpap er.gaiamobile.orgを開く。  application.zipをバックアップする。  application/resources/320x480/に追加したい壁紙ファイル を置く。 ※サイズは320x480。  application/pick.html をエディタで開く。  div id=wallpapers の中に img 要素を追加。
  • 21. 壁紙の確認  壁紙の追加を確認