SlideShare uma empresa Scribd logo
1 de 21
Baixar para ler offline
Androidアプリ移植
株式会社グローバルサイバーグループ
丸山耕平
本日の発表内容

現在普及している携帯電話用のOSといえば
Android

既存アプリの数が多いのもAndroid

これを参考に出来ればアプリ開発も捗る?

FxOSで、AndroidのAPIみたいなことができないの
か、調べてみました
本日の発表内容

Toast

ちょっとしたお知らせに使う

通知

バックグラウンド動作中にお知らせがある場合などに
使う

サーバとの通信

外部サーバへのデータ送受信
Toast

小さなウィンドウが出る

ユーザーが何もしなくても消える

→FirefoxOSでは似たようなものがあるのか?
Toast

FirefoxOSのUI機能を探す

→Building Firefox OS

(http://buildingfirefoxos.com/)

メニュー、ボタン、ツールバー等はある

だが、直接そのものToastみたいな機能はない
Toast

似てるのは?

statusが近い
Toast

statusを時間経過で消してみた

こんな感じに
Toast

コード量はどうなのか?

実装量は多くない(cssはダウンロード可能)

やはり、APIとして纏まってないので書かないとい
けない

できるけど面倒
HTML
JavaScript
通知

ステータスバーにアイコンが出る

ステータスバーをスワイプで詳細情報

これはFirefoxOSにあるのか?
通知

ありました

mozNotification

タイトル、表示内容、アイコン画像を指定できる
JavaScript
manifest.webapp
通知

実行すると上から出てくる

ステータスバーから引き出して確認もOK
通知

APIとしてあるので、実装簡単

但し…

ステータスバーに表示するアイコンは変えられな
い
変更可能!
変更不可!
サーバとの通信

FirefoxOSアプリはJavaScriptで書ける

JavaScriptでサーバとの通信はできる

なら当然できるだろう

やってみました
サーバとの通信

XMLHttpRequestでやってみる
manifest.webapp
javaScript
サーバとの通信

失敗…

レスポンスがおかしい

成功時はhttpstatusが200だが、0!?
サーバとの通信

0とはなにか?

以下なら分かるが…

403:Forbidden (リクエストが拒否された)

404:Not Found (接続先が見つからない)

500:Internal Server Error (サーバがおかしい)

結局、よく分からない

サーバの問題ではない?
サーバとの通信

FirefoxOS独自の書き方があるのか?

ありました
この一文が
必要!
サーバとの通信

これでレスポンス200

サーバへJSONデータを送る

サーバからの返答を取ってくる

通常のJavaScript同様に使えた
まとめ

Toast

既存にないので面倒

通知

APIとしてあるし、使えるが、

一部のカスタマイズができない

サーバとの通信

あの1行に注意すれば、使える
まとめ

弊社サイト「GCG研究所」にて、FirefoxOS関
連の記事を記載しております

(http://www.gcg.bz/labo_blog/)
おわり

ご静聴ありがとうございました!

Mais conteúdo relacionado

Mais procurados

20150411コードリーディング
20150411コードリーディング20150411コードリーディング
20150411コードリーディングAkihiko Kigure
 
Windows PhoneについてGdgd話すよ Rev 2
Windows PhoneについてGdgd話すよ Rev 2Windows PhoneについてGdgd話すよ Rev 2
Windows PhoneについてGdgd話すよ Rev 2Kenji Wada
 
5月13日 JapanAndroidGroup - Hamamatsu c# go
5月13日 JapanAndroidGroup - Hamamatsu c# go5月13日 JapanAndroidGroup - Hamamatsu c# go
5月13日 JapanAndroidGroup - Hamamatsu c# goAtsuya Tsuchikawa
 
PPTテロップシステム発表スライド
PPTテロップシステム発表スライドPPTテロップシステム発表スライド
PPTテロップシステム発表スライドssusereb2186
 
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)星影 月夜
 

Mais procurados (7)

20150411コードリーディング
20150411コードリーディング20150411コードリーディング
20150411コードリーディング
 
C#_GO ABC spring 2017
C#_GO ABC spring 2017C#_GO ABC spring 2017
C#_GO ABC spring 2017
 
Windows PhoneについてGdgd話すよ Rev 2
Windows PhoneについてGdgd話すよ Rev 2Windows PhoneについてGdgd話すよ Rev 2
Windows PhoneについてGdgd話すよ Rev 2
 
20110903 file api
20110903 file api20110903 file api
20110903 file api
 
5月13日 JapanAndroidGroup - Hamamatsu c# go
5月13日 JapanAndroidGroup - Hamamatsu c# go5月13日 JapanAndroidGroup - Hamamatsu c# go
5月13日 JapanAndroidGroup - Hamamatsu c# go
 
PPTテロップシステム発表スライド
PPTテロップシステム発表スライドPPTテロップシステム発表スライド
PPTテロップシステム発表スライド
 
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
 

Semelhante a Firefox os

Androidのいろはにほへと
AndroidのいろはにほへとAndroidのいろはにほへと
Androidのいろはにほへと高見 知英
 
Androidが変えたもの
Androidが変えたものAndroidが変えたもの
Androidが変えたものYuki Yamakido
 
2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」Takashi Endo
 
Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版
Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版
Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版Masami Yabushita
 
パッチを書いてみよう(第17回Nseg勉強会LT)
パッチを書いてみよう(第17回Nseg勉強会LT)パッチを書いてみよう(第17回Nseg勉強会LT)
パッチを書いてみよう(第17回Nseg勉強会LT)Masahiro Yamada
 
[Potatotips]クロスプラットフォーム開発Tips
[Potatotips]クロスプラットフォーム開発Tips[Potatotips]クロスプラットフォーム開発Tips
[Potatotips]クロスプラットフォーム開発TipsKenichi Kambara
 
声で使おうスマートフォン
声で使おうスマートフォン声で使おうスマートフォン
声で使おうスマートフォン高見 知英
 
Androidアプリ開発の極意
Androidアプリ開発の極意Androidアプリ開発の極意
Androidアプリ開発の極意Daisaku Yamamoto
 
レスポンシブWebデザインのディレクション方法
レスポンシブWebデザインのディレクション方法レスポンシブWebデザインのディレクション方法
レスポンシブWebデザインのディレクション方法株式会社ロックウェーブ
 
Androidとは。ちょっと変った視点から
Androidとは。ちょっと変った視点からAndroidとは。ちょっと変った視点から
Androidとは。ちょっと変った視点からdemuyan
 
Firefox OS 1.0 Application Development
Firefox OS 1.0 Application DevelopmentFirefox OS 1.0 Application Development
Firefox OS 1.0 Application Developmentdynamis
 
Firefox FAQ
Firefox FAQFirefox FAQ
Firefox FAQdynamis
 
Windows8の概要とストアアプリについて
Windows8の概要とストアアプリについてWindows8の概要とストアアプリについて
Windows8の概要とストアアプリについてMakoto Nishimura
 
Smartphone Market(OS, Devices, Apps)
Smartphone Market(OS, Devices, Apps)Smartphone Market(OS, Devices, Apps)
Smartphone Market(OS, Devices, Apps)Naoko Tsubaki
 
OSC Hiroshima 2013
OSC Hiroshima 2013OSC Hiroshima 2013
OSC Hiroshima 2013Yuya Adachi
 
複数言語に触れてIoTの表現の幅を広げよう
複数言語に触れてIoTの表現の幅を広げよう複数言語に触れてIoTの表現の幅を広げよう
複数言語に触れてIoTの表現の幅を広げようCore Concept Technologies
 

Semelhante a Firefox os (20)

Androidのいろはにほへと
AndroidのいろはにほへとAndroidのいろはにほへと
Androidのいろはにほへと
 
Androidが変えたもの
Androidが変えたものAndroidが変えたもの
Androidが変えたもの
 
2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」
 
K1hash20121024
K1hash20121024K1hash20121024
K1hash20121024
 
Androidのイマ
AndroidのイマAndroidのイマ
Androidのイマ
 
Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版
Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版
Firefox OSアーキテクチャクイックツアー - FxOSコードリーディングミートアップ#21向け追記版
 
パッチを書いてみよう(第17回Nseg勉強会LT)
パッチを書いてみよう(第17回Nseg勉強会LT)パッチを書いてみよう(第17回Nseg勉強会LT)
パッチを書いてみよう(第17回Nseg勉強会LT)
 
[Potatotips]クロスプラットフォーム開発Tips
[Potatotips]クロスプラットフォーム開発Tips[Potatotips]クロスプラットフォーム開発Tips
[Potatotips]クロスプラットフォーム開発Tips
 
声で使おうスマートフォン
声で使おうスマートフォン声で使おうスマートフォン
声で使おうスマートフォン
 
Androidアプリ開発の極意
Androidアプリ開発の極意Androidアプリ開発の極意
Androidアプリ開発の極意
 
レスポンシブWebデザインのディレクション方法
レスポンシブWebデザインのディレクション方法レスポンシブWebデザインのディレクション方法
レスポンシブWebデザインのディレクション方法
 
Androidとは。ちょっと変った視点から
Androidとは。ちょっと変った視点からAndroidとは。ちょっと変った視点から
Androidとは。ちょっと変った視点から
 
Firefox OS 1.0 Application Development
Firefox OS 1.0 Application DevelopmentFirefox OS 1.0 Application Development
Firefox OS 1.0 Application Development
 
SnapDishの事例
SnapDishの事例SnapDishの事例
SnapDishの事例
 
Firefox FAQ
Firefox FAQFirefox FAQ
Firefox FAQ
 
Android Push
Android PushAndroid Push
Android Push
 
Windows8の概要とストアアプリについて
Windows8の概要とストアアプリについてWindows8の概要とストアアプリについて
Windows8の概要とストアアプリについて
 
Smartphone Market(OS, Devices, Apps)
Smartphone Market(OS, Devices, Apps)Smartphone Market(OS, Devices, Apps)
Smartphone Market(OS, Devices, Apps)
 
OSC Hiroshima 2013
OSC Hiroshima 2013OSC Hiroshima 2013
OSC Hiroshima 2013
 
複数言語に触れてIoTの表現の幅を広げよう
複数言語に触れてIoTの表現の幅を広げよう複数言語に触れてIoTの表現の幅を広げよう
複数言語に触れてIoTの表現の幅を広げよう
 

Firefox os