SlideShare a Scribd company logo
1 of 87
Download to read offline
Firefox OS Hackathon
@Firefox OS & Windows 8 Hackathon
by Tomoya Asai (dynamis)
about:me
Tomoya ASAI
Mozilla Japan
Technical Marketing (Evangelist)
dynamis @ community
dynamis.jp
@dynamitter
facebook.com/dynamis
mailto: Tomoya ASAI <dynamis mozilla-japan.org>@
今日の重要 URL
Firefox OS Simulator
https://addons.mozilla.org/firefox/addon/firefox-os-
simulator/
Firefox OS Boilerplate
https://hacks.mozilla.org/2013/01/introducing-the-
firefox-os-boilerplate-app/
http://robnyman.github.io/Firefox-OS-Boilerplate-App/
Firefox OS コミュニティサイト
http://fxos.org/
Background
既存のプラットフォーム
OS 毎にアプリ開発
言語や API は OS に依存
iOS/Windows は UI 制限も強い
WebView はサブセット
WebView << Native
追加 API が標準化されない
Web Platform への期待
次世代プラットフォーム
Web 技術で何でも可能に
マルチデバイス対応
開発言語や API の共通化
ベンダー非依存の標準
自由で持続性のある API
Web Platform の課題
機能的な制約
デバイスやシステム系の API 不足
パフォーマンス
Java などに比べても数倍遅い
アプリ配信と課金
Market や Payment の標準なし
マイクロベンチなら JS ~= Java に追いついたが実アプリレベルでは JS 遅い
Multitouch
Accelerometer
Cameras
Speaker
Microphone
Gyro
Hardware Keys
Bluetooth
Light Sensor
Proximity Sensor
USB Access
Vibration Motor
Native じゃないと使えない…
大きなアプリはかなり遅い
ベンチだけ速い JavaScript?
ベンチマーク用に開発してるの?
Firefox os hackathon
Firefox OS
Firefox os hackathon
Firefox os hackathon
Firefox OS - Web is the Platform
Web = アプリ環境
アプリはすべて Web 技術で
ドメイン = アプリの1:1対応
Web を進化させる
不足機能は API を定義・標準化
Web のセキュリティモデルなど
も実装・標準化していく
Web 技術 = Native へ
Web 技術が「ネイティブ」
HTML/CSS/JS ですべて可能に
新しい API は W3C 標準化
速度も Java に追いつく
単純な演算程度なら既に同程度
asm.js によって大幅な高速化
WebGL や DOMCrypt なども活用
Web 技術だけですべてが済むプラットフォームとなるよう発展中
ステータスバー (通知、
電波強度、電池残量...)も
カメラやラジオも
ビデオや音楽の再生も
マーケットプレイスも
システムの環境設定も
ホーム画面や壁紙も
電話や SMS の送受信も
もちろん ブラウザ も
その他なんでも...
すべて Web 技術で!
Firefox OS : Tizen : Android
Native
Framework
カーネル & HAL
Web Platform
Web
Framework
App Framework
Android
Runtime
Dalvik
WebKit
Java
アプリ
ブラウザ
アプリ
Native
Library
Web
アプリ
WebKit
Web
アプリ
Native
アプリ
OSP
etc...
DeviceAPI
WebRT
Web
アプリ
Packaged
Webアプリ
コアサービスGecko
DeviceAPI SystemAPI
Web に最適化
シンプル&スマート
ライブラリ
SGL etc.
Native
Interface
カーネル & HAL カーネル & HAL
X.org etc.
日経コミュニケーション 201305 への寄稿原稿から引用
進化を続ける Web 技術
問題はすべて解決してきた
速度遅い → 高速化
マルチコア → Workers
GPU 使えない → WebGL, WebCL
JS 嫌い → ECMA6th, Emscripten
×××できない → API を追加
Native なら… → Web が Native
写真は JavaScript の父であり Mozilla の CTO である Brendan Eich
ネイティブに近い処理速度へ
asm.js で C の 1/2 程度まで
Java や C# の処理速度と同程度
Unreal Engine on Browser
100 万行以上の C & OpenGL コードを 5 日で移植
LLVM + Emscripten で JS (asm.js) に変換
日経コミュニケーション 201306 への寄稿原稿から引用
開発パートナーと製品化
世界中に広がるパートナー
KDDI, Telefónica, Deutsche Telekom...
世界の主要 18 キャリア
ZTE, Alcatel, LG, Huawei, Sony,
Foxconn...
夏には 9 ヶ国以上で発売
ヨーロッパと南米からスタート
日本や北米では 2013~2014 のタイムフレームで発売予定
MWC で発表したパートナー
主要なキャリア、端末メーカー、チップメーカーなど
チップ&デバイスメーカー
Apps Dev
Firefox OS のアプリ開発
Web アプリです。
Web アプリです。
Web アプリです。
大事なこと3回
Firefox OS のアプリ開発
いつもの開発ツール
いつものエディタ
いつものライブラリ
アプリ開発の流れ
普通に Web 開発
デバッグもいつも通り
manifest ファイルを用意
メタ情報を JSON 形式で記載
シミュレータや実機テスト
一部の API は実機で確認
Android Firefox で殆ど大丈夫
https://github.com/dynamis/firefoxos/wiki/simulator
2つの方式のアプリ
Hosted (Web 読み込み型)
従来の OS ではブラウザ上で動作
動作や権限は従来の Web と同じ
オフライン対応アプリも開発可能
Packaged (ダウンロード型)
従来のスマホアプリに相当する
マーケット審査を経て追加権限取得
サイト全体を ZIP して配布する形式
Packaged
Web アプリ
Hosted
Web アプリ
Internet
Server
端末
詳細: https://developer.mozilla.org/ja/docs/Web/Apps/Packaged_apps
manifest.webapp ファイル
https://developer.mozilla.org/en-US/docs/Apps/Manifest
manifest のその他重要項目
csp
Content Security Policy の設定変更
fullscreen, orientation
フルスクリーン起動するか?縦横回転どうするか?
installs_allowed_from
インストール元として許可するサイト (Market)
type, permissions
デフォルト許可以外の API 使用許可を求める
詳細はこちら: https://developer.mozilla.org/en-US/docs/Apps/Manifest
アプリ間連携 (Activities) の登録
https://developer.mozilla.org/en-US/docs/Apps/Manifest
追加権限の要求
https://developer.mozilla.org/en-US/docs/Apps/Manifest
方式 種類 概要
Hosted
(Web から
読み込む)
Web Content
Web サイトそのもの。
ブラウザ内でアクセスして使う。Hosted
(Web から
読み込む) Installed Web
Web サイトをインストールしたもの。
ブラウザの UI なしで単独起動する。
Packaged
(従来の OS 同
様端末にイン
ストールする)
Plain
Packaged
Web サイト全体を ZIP パッケージに
しているが追加権限を要求しないもの
Packaged
(従来の OS 同
様端末にイン
ストールする)
Privileged
マーケット審査を受けて追加の権限を
許可されたアプリ
Packaged
(従来の OS 同
様端末にイン
ストールする)
Certified
通信事業者や端末メーカーが特別に高
い権限を許可している組み込みアプリ
Firefox OS でのアプリの分類
種類 利用可能な API 例
Web
Content
PC や Android 等のブラウザでできることそのまま
位置情報、画面方向、加速度・近接・環境光センサー、
電池情報、振動、データベース (IndexedDB) など
Installed
Web
OS に登録されることでアラーム、Push 通知、Web
Activities などの API が使えるようになる
Plain
Packaged
追加 API なし (Installed Web と同じ権限)
Privileged
アドレス帳、SD カードの読み書き、CORS に関わらず任
意ドメインへの XHR、TCP Socket
Certified
電話、SMS、ボイスメールなど料金の発生するサービス
その他 Bluetooth、Background Service など
アプリの分類と権限
Content Security Policy
Same Origin Policy (同一生成源ポリシー)
● 従来からの Web のセキュリティポリシー
● スクリプトからは他のドメインにアクセス不可
(CORS で明示的に許可しているドメインは除く)
● ドメイン=セキュリティ境界=アプリの境界
Content Security Policy
● 安全性を高める新しいセキュリティポリシー
● JavaScript、CSS、画像、オブジェクト、フォントなど
ファイルの種類毎にドメイン制限が可能
● インラインスクリプト禁止により XSS も防止可能
詳細: https://developer.mozilla.org/en-US/docs/Security/CSP
アプリの種類と CSP 設定
Privileged, Certified アプリは CSP 必須
● Web から JavaScript を直接読み込んで実行できない
● Privileged アプリのデフォルト: default-src *; script-src 'self';
object-src 'none'; style-src 'self' 'unsafe-inline'
● Certified アプリのデフォルト: default-src *; script-src 'self';
object-src 'none'; style-src 'self'
● JavaScript、CSS、オブジェクトファイルはパッケージ外か
ら読み込み不可能 (画像埋め込みは可能) という設定
CSP 設定変更は Manifest に記載
● マーケットで審査する側が確認可能
詳細: https://developer.mozilla.org/ja/docs/Web/Apps/Packaged_apps
Simulator
Firefox OS Simulator
再起動不要の拡張機能
https://addons.mozilla.org/ja/
firefox/addon/firefox-os-simulator/
ポチッと押すだけ
Web 開発メニューに追加される
Firefox デスクトップビルド+
プロファイル+Alpha
4.0 リリース: https://dev.mozilla.jp/firefox-os-simulator-4-0-released/
全言語版シュミレータ
非公式ですがあります
http://r2d2b2g.flod.org/
起動したら言語設定を変更
Settings → Languages
Gaia アプリの UI だけでなく
Accept-Languages HTTP ヘッダ
なども切り変わります
正式版よりリリース遅れることもあるので適当に使い分けてね
Firefox OS Simulator
プロファイル付きデスクトップビルドにホームボタンを追加
コンソールやディレクトリからアプリケーションを読み込む機能も
シミュレータにインストール
Add Directory ボタン
manifest ファイルを選択すると
zip して Packaged App として
インストールされる
Update ボタンで更新
元のディレクトリのファイルを
zip し直して、起動する
ショートカット: Ctrl-R (Cmd-R)
https://github.com/dynamis/firefoxos/wiki/simulator
シミュレータでデバッグ
Connect
シュミレータでアプリを起動して
リモートデバッグを行う
コンソール、スタイルエディタ、
デバッガ、ネットワークモニタ、
プロファイラ…
コンソール
エラーメッセージの確認はできるが
任意スクリプト実行させるのはまだ…
スタイルエディタ
普通にライブエディットできます
何かちゃんと読み込めないことも…
JavaScript デバッガ
普通にブレークポイント設定してデバッグ
スコープ変数とかまだバグってるかも…
ネットワークモニタ
時間、ヘッダ、レスポンス、Cookie etc 確認
Connect してから Refresh すれば起動時から確認
ブラウザ機能はない
戻るボタンはありません
別ドメインには別ウィンドウで
Content Security Policy
Privileged 以上では CSP が必須
になることに注意が必要です
制限緩和は manifest に記載を
アプリ開発の注意事項
Simulator で使えない API 例
Telephony
WebSMS
WebBluetooth
Ambient Light
Proximity
Network Information
Vibration
オフラインイベント
もっと知りたい貴方へ…
使い方
https://developer.mozilla.org/ja/
docs/Tools/Firefox_OS_Simulator
簡単なチュートリアル
https://developer.mozilla.org/ja/
docs/Tools/
Firefox_OS_Simulator/
Simulator_Walkthrough
開発される方は取りあえず目を通しておくのも良いかもしれません
Debug with
Android Firefox
Android に Web アプリ環境を
Web App = Native App に
ホームスクリーンへの追加
独立してフル画面起動
ネイティブ同様の利用体験
Firefox = WebRT for Android
ホームにインストール、アプリを起動した画面、マーケットをブラウズ
Android 版 Firefox で動作確認
1. Firefox をインストール
2. インストールページ用意
3. Firefox でページを開く
4. アプリをインストール
5. アプリを起動してテスト
アプリの公開
a. Marketplace に登録
Firefox Marketplace (後述)
b. 自分のサイトで配布
自分のサイトで install() 使う
自分のサイトで配布
install() 関数を使う
var Apps = navigator.mozApps;
Apps.install(url)
manifest ファイル URL を渡す
その他の Apps API:
Apps.getSelf(), Apps.getInstalled()
Apps.installPackage(url)
https://developer.mozilla.org/en-US/docs/Apps/Apps_JavaScript_API
navigator.mozApps.install(url)
Firefox OS
Phones
サポート対象端末 (少し古い?)
Tier 1 (強く推奨)
Keon, Inari, Unagi, Otoro, Pandaboard,
Emulator, Desktop (PC)
Tier 2 (ある程度動く)
Nexus S, Nexus S 4G
Tier 3 (起動はする)
Galaxy S2, Glaxy Nexus, Tara
ICS (Android 4.0)∼ の端末 (非推奨)
その他の端末は自分でビルド設定を用意
https://developer.mozilla.org/ja/docs/Mozilla/Firefox_OS/Firefox_OS_build_prerequisites
Developer Preview Phone
4/23 発売 (品切れ中)
Keon: 91€+tax+shipping
Snapdragon 1GHz, 4GB ROM,
512MB RAM, 3.5" HVGA
Peak: 149€+税+送料
Snapdragon 1.2GHz x2, 4GB ROM,
512MB RAM, 4.3" qHD
http://www.geeksphone.com/
Developer Preview Phone
Telefónica と Geeksphone が作る開発者向けテスト端末
ビルド環境
Mac OS X
XCode 4.3.1
64bit GNU/Linux
GCC 4.6.3
Ubuntu 12.04 が標準
Linux Mint 13, Debian 6,
Ubuntu 12.10, Fedora 16/17/18
標準ビルドは Ubuntu で作られてますが Mac でビルドするのが楽です
Firefox OS ビルド環境 (Mac)
https://github.com/dynamis/firefoxos/wiki/article#wiki-build
Firefox OS のビルド&書き込み
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Building
Marketplace
Firefox Marketplace
Device, OS 横断マーケット
Web Platform のためのストア
Firefox 限定にならない設計
現在開発者向けに公開中
Firefox OS と Android 版 Firefox
の開発版ユーザが対象
PC で使うには UA 書き換え...
https://marketplace.firefox.com/
オープンなアプリストア
全てを Web 技術で実装
安定・平等な環境を提供
Marketplace のソースも公開
ベンダー非依存
Firefox Marketplace 以外にも
ストア、認証、課金も自由に
https://marketplace.firefox.com/
Marketplace のパートナー
多数のパートナーのうち一例です
Firefox = WebRT (WebRunTime)
Gecko = アプリ環境
Firefox = Gecko で XUL/JS
WebApps = Gecko で HTML/JS
マルチデバイス対応
PC, Android, Firefox OS...
同じコードでどこでも動く
マーケットもマルチデバイス
Android に Web アプリ環境を
Web App = Native App に
ホームスクリーンへの追加
独立してフル画面起動
ネイティブ同様の利用体験
Firefox = WebRT for Android
ホームにインストール、アプリを起動した画面、マーケットをブラウズ
PC にも Web アプリ環境を
Web App = Native App に
プログラムフォルダ (アプリケー
ションディレクトリ) への追加
ウィンドウはもちろんプロセスも
データも全て独立
Firefox = WebRT for PC
Web = Marketplace へ
Marketplace に縛られない
Web はアクセスすれば使える
Marketplace のアプリでなくとも
アプリ内課金 API が利用可能
Web/Marketplace 横断検索
Firefox Marketplace に登録されて
いないアプリも見つけられる
アプリも「ぐぐる」時代へ
"まずインストール" は古い
ディレクトリ(分類)だけのマーケ
ットでは Google 以前の Web
動的な Web アプリ環境
インストール不要で使える
検索も Market / Web 横断検索
*1 everything.me ってサービスだから正確には「えぶる」かも?
*1
Marketplace
Web
アプリ内に直接ジャンプ
Marketplace に登録
1. アカウント作成 (無料)
2. manifest.webapp を登録
3. アプリ情報を記載
4. レビュー完了を待つ
オープンなレビューシステム
コミュニティレビューへ
Firefox のアドオンと同じに
レビュー基準もレビュアーもすべ
てオープンで公平なマーケット
動作まではレビューしない
あくまで最低限のフィルタ
https://developer.mozilla.org/en-US/docs/Apps/Marketplace_review_criteria
For More Info
Firefox OS コミュニティ!
http://FxOS.org/
イベントやドキュメントをご案内
http://FxOS.org/ml
(https://groups.google.com/group/
firefoxos にリダイレクト)
Firefox os hackathon
See Also...
Firefox OS
Web is the Platform
Firefox OS の概要
Web 技術がネイティブ
Web 全体が Marketplace
http://r.dynamis.jp/fxos
Web 技術 2012 年の変化
最新 Web 技術動向
2012 年に進化した点やブラウザ
ベンダーの動向を紹介
HTML5 から HTML5.1 へ
HTML の仕様は進化と安定化が
同時平行で続けられる
開発者ツール紹介
一通りの機能と使い方
Firefox 標準の開発者ツール
隠し設定やビルトイン関数のリ
ファレンスなども含めています
Firebug とその拡張機能
アイコンや背景画像を変更する
カスタマイズにも言及してます
http://r.dynamis.jp/devtools
CSS 最新機能紹介
CSS の新機能紹介
新機能や 2011 年から変わった点
http://r.dynamis.jp/css2012
JavaScript.Next
JavaScript の最新仕様
ECMAScript 5th のポイント
JavaScript 次世代仕様
ECMAScript 6th や Harmony
http://r.dynamis.jp/jsnext
セキュリティ関連機能紹介
セキュリティ大事!
知っておくべき機能です
Content Security Policy
次世代セキュリティポリシー
Same Origin Policy はもう古い
http://r.dynamis.jp/sec

More Related Content

What's hot

Try Firefox OS
Try Firefox OSTry Firefox OS
Try Firefox OSdynamis
 
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own PathFirefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Pathdynamis
 
Firefox Marketplace Reviewers
Firefox Marketplace ReviewersFirefox Marketplace Reviewers
Firefox Marketplace Reviewersdynamis
 
Firefox Marketplace and Payment
Firefox Marketplace and PaymentFirefox Marketplace and Payment
Firefox Marketplace and Paymentdynamis
 
Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Honma Masashi
 
Firefox FAQ
Firefox FAQFirefox FAQ
Firefox FAQdynamis
 
Firefox OS and Open Web Board - IGGG Meetup 2015 Spring
Firefox OS and Open Web Board - IGGG Meetup 2015 SpringFirefox OS and Open Web Board - IGGG Meetup 2015 Spring
Firefox OS and Open Web Board - IGGG Meetup 2015 SpringGunma University
 
Firefox OS Updates 201308
Firefox OS Updates 201308Firefox OS Updates 201308
Firefox OS Updates 201308dynamis
 
20141018 osc tokyo_fall_firefox osってなぁに?
20141018 osc tokyo_fall_firefox osってなぁに?20141018 osc tokyo_fall_firefox osってなぁに?
20141018 osc tokyo_fall_firefox osってなぁに?Masami Yabushita
 
Firefox os app dev
Firefox os app devFirefox os app dev
Firefox os app devdynamis
 
Reborn as Firefox OS
Reborn as Firefox OSReborn as Firefox OS
Reborn as Firefox OSdynamis
 
携帯Webアプリケーション開発の基本とフレームワーク「mobylet」の紹介
携帯Webアプリケーション開発の基本とフレームワーク「mobylet」の紹介携帯Webアプリケーション開発の基本とフレームワーク「mobylet」の紹介
携帯Webアプリケーション開発の基本とフレームワーク「mobylet」の紹介Shin Takeuchi
 
Web is the OS (Firefox OS)
Web is the OS (Firefox OS)Web is the OS (Firefox OS)
Web is the OS (Firefox OS)dynamis
 
Firefox os動画再生アプリの舞台裏
Firefox os動画再生アプリの舞台裏Firefox os動画再生アプリの舞台裏
Firefox os動画再生アプリの舞台裏Takaumi Kimura
 
Web技術を幅広く
Web技術を幅広くWeb技術を幅広く
Web技術を幅広くWakasa Masao
 
Firefox OSの何が嬉しいか
Firefox OSの何が嬉しいかFirefox OSの何が嬉しいか
Firefox OSの何が嬉しいかTakao Sumitomo
 

What's hot (20)

Try Firefox OS
Try Firefox OSTry Firefox OS
Try Firefox OS
 
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own PathFirefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
 
Firefox Marketplace Reviewers
Firefox Marketplace ReviewersFirefox Marketplace Reviewers
Firefox Marketplace Reviewers
 
Firefox Marketplace and Payment
Firefox Marketplace and PaymentFirefox Marketplace and Payment
Firefox Marketplace and Payment
 
Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成
 
Firefox FAQ
Firefox FAQFirefox FAQ
Firefox FAQ
 
Firefox OS and Open Web Board - IGGG Meetup 2015 Spring
Firefox OS and Open Web Board - IGGG Meetup 2015 SpringFirefox OS and Open Web Board - IGGG Meetup 2015 Spring
Firefox OS and Open Web Board - IGGG Meetup 2015 Spring
 
Firefox OS Updates 201308
Firefox OS Updates 201308Firefox OS Updates 201308
Firefox OS Updates 201308
 
20141018 osc tokyo_fall_firefox osってなぁに?
20141018 osc tokyo_fall_firefox osってなぁに?20141018 osc tokyo_fall_firefox osってなぁに?
20141018 osc tokyo_fall_firefox osってなぁに?
 
Firefox os app dev
Firefox os app devFirefox os app dev
Firefox os app dev
 
SpeechPlatform with Kinect
SpeechPlatform with KinectSpeechPlatform with Kinect
SpeechPlatform with Kinect
 
Reborn as Firefox OS
Reborn as Firefox OSReborn as Firefox OS
Reborn as Firefox OS
 
Kmcn demo
Kmcn demoKmcn demo
Kmcn demo
 
携帯Webアプリケーション開発の基本とフレームワーク「mobylet」の紹介
携帯Webアプリケーション開発の基本とフレームワーク「mobylet」の紹介携帯Webアプリケーション開発の基本とフレームワーク「mobylet」の紹介
携帯Webアプリケーション開発の基本とフレームワーク「mobylet」の紹介
 
Web is the OS (Firefox OS)
Web is the OS (Firefox OS)Web is the OS (Firefox OS)
Web is the OS (Firefox OS)
 
Firefox OS アプリ開発
Firefox OS アプリ開発Firefox OS アプリ開発
Firefox OS アプリ開発
 
Firefox os動画再生アプリの舞台裏
Firefox os動画再生アプリの舞台裏Firefox os動画再生アプリの舞台裏
Firefox os動画再生アプリの舞台裏
 
[FlashAir Developers Summit] FlashAirの紹介
[FlashAir Developers Summit] FlashAirの紹介[FlashAir Developers Summit] FlashAirの紹介
[FlashAir Developers Summit] FlashAirの紹介
 
Web技術を幅広く
Web技術を幅広くWeb技術を幅広く
Web技術を幅広く
 
Firefox OSの何が嬉しいか
Firefox OSの何が嬉しいかFirefox OSの何が嬉しいか
Firefox OSの何が嬉しいか
 

Similar to Firefox os hackathon

Secret of Firefox
Secret of FirefoxSecret of Firefox
Secret of Firefoxdynamis
 
Apps for Web Platform
Apps for Web PlatformApps for Web Platform
Apps for Web Platformdynamis
 
Firefox OSアプリの概要@gunma.web
Firefox OSアプリの概要@gunma.webFirefox OSアプリの概要@gunma.web
Firefox OSアプリの概要@gunma.webHayato Hiratori
 
さわってみよう Firefox OS in 大阪
さわってみよう Firefox OS in 大阪さわってみよう Firefox OS in 大阪
さわってみよう Firefox OS in 大阪Honma Masashi
 
Basis of Firefox Apps
Basis of Firefox AppsBasis of Firefox Apps
Basis of Firefox Appsdynamis
 
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)Monaca
 
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法Naruto TAKAHASHI
 
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」Noritada Shimizu
 
Cordovaの最近ホットな話題と地雷をまとめて紹介
Cordovaの最近ホットな話題と地雷をまとめて紹介Cordovaの最近ホットな話題と地雷をまとめて紹介
Cordovaの最近ホットな話題と地雷をまとめて紹介アシアル株式会社
 
Firefox Ecosystem in Kagoshima
Firefox Ecosystem in KagoshimaFirefox Ecosystem in Kagoshima
Firefox Ecosystem in Kagoshimadynamis
 
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalkShozo Okada
 
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalkShozo Okada
 
Firefox OSについて
Firefox OSについてFirefox OSについて
Firefox OSについてBeMarble
 
[SC10] 自社開発モバイルアプリの DLP 対応化を Microsoft Intune で可能に
[SC10] 自社開発モバイルアプリの DLP 対応化を Microsoft Intune で可能に[SC10] 自社開発モバイルアプリの DLP 対応化を Microsoft Intune で可能に
[SC10] 自社開発モバイルアプリの DLP 対応化を Microsoft Intune で可能にde:code 2017
 
Android勉強会 1
Android勉強会 1Android勉強会 1
Android勉強会 1shotaueda3
 
20150117 gunmaweb Firefox OSの紹介
20150117 gunmaweb Firefox OSの紹介20150117 gunmaweb Firefox OSの紹介
20150117 gunmaweb Firefox OSの紹介Akihiko Kigure
 
MozOpenHardプロジェクトと そのコア技術について
MozOpenHardプロジェクトと そのコア技術についてMozOpenHardプロジェクトと そのコア技術について
MozOpenHardプロジェクトと そのコア技術について Takagi Koichi
 
次期Office製品群の新しい開発モデルの解説
次期Office製品群の新しい開発モデルの解説次期Office製品群の新しい開発モデルの解説
次期Office製品群の新しい開発モデルの解説kumo2010
 
ngCore engine for mobage platform
ngCore engine for mobage platformngCore engine for mobage platform
ngCore engine for mobage platformToru Yamaguchi
 
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu TouchHonma Masashi
 

Similar to Firefox os hackathon (20)

Secret of Firefox
Secret of FirefoxSecret of Firefox
Secret of Firefox
 
Apps for Web Platform
Apps for Web PlatformApps for Web Platform
Apps for Web Platform
 
Firefox OSアプリの概要@gunma.web
Firefox OSアプリの概要@gunma.webFirefox OSアプリの概要@gunma.web
Firefox OSアプリの概要@gunma.web
 
さわってみよう Firefox OS in 大阪
さわってみよう Firefox OS in 大阪さわってみよう Firefox OS in 大阪
さわってみよう Firefox OS in 大阪
 
Basis of Firefox Apps
Basis of Firefox AppsBasis of Firefox Apps
Basis of Firefox Apps
 
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
 
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法
 
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
 
Cordovaの最近ホットな話題と地雷をまとめて紹介
Cordovaの最近ホットな話題と地雷をまとめて紹介Cordovaの最近ホットな話題と地雷をまとめて紹介
Cordovaの最近ホットな話題と地雷をまとめて紹介
 
Firefox Ecosystem in Kagoshima
Firefox Ecosystem in KagoshimaFirefox Ecosystem in Kagoshima
Firefox Ecosystem in Kagoshima
 
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
 
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
 
Firefox OSについて
Firefox OSについてFirefox OSについて
Firefox OSについて
 
[SC10] 自社開発モバイルアプリの DLP 対応化を Microsoft Intune で可能に
[SC10] 自社開発モバイルアプリの DLP 対応化を Microsoft Intune で可能に[SC10] 自社開発モバイルアプリの DLP 対応化を Microsoft Intune で可能に
[SC10] 自社開発モバイルアプリの DLP 対応化を Microsoft Intune で可能に
 
Android勉強会 1
Android勉強会 1Android勉強会 1
Android勉強会 1
 
20150117 gunmaweb Firefox OSの紹介
20150117 gunmaweb Firefox OSの紹介20150117 gunmaweb Firefox OSの紹介
20150117 gunmaweb Firefox OSの紹介
 
MozOpenHardプロジェクトと そのコア技術について
MozOpenHardプロジェクトと そのコア技術についてMozOpenHardプロジェクトと そのコア技術について
MozOpenHardプロジェクトと そのコア技術について
 
次期Office製品群の新しい開発モデルの解説
次期Office製品群の新しい開発モデルの解説次期Office製品群の新しい開発モデルの解説
次期Office製品群の新しい開発モデルの解説
 
ngCore engine for mobage platform
ngCore engine for mobage platformngCore engine for mobage platform
ngCore engine for mobage platform
 
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
 

More from dynamis

HTTP and 5G (fixed1)
HTTP and 5G (fixed1)HTTP and 5G (fixed1)
HTTP and 5G (fixed1)dynamis
 
HTTP and 5G
HTTP and 5GHTTP and 5G
HTTP and 5Gdynamis
 
HTTP and 5G partial draft
HTTP and 5G partial draftHTTP and 5G partial draft
HTTP and 5G partial draftdynamis
 
Web App Platform Strategy
Web App Platform StrategyWeb App Platform Strategy
Web App Platform Strategydynamis
 
HTML5 & Renesas RZ/G
HTML5 & Renesas RZ/GHTML5 & Renesas RZ/G
HTML5 & Renesas RZ/Gdynamis
 
Life of html5 (osaka)
Life of html5 (osaka)Life of html5 (osaka)
Life of html5 (osaka)dynamis
 
Web updates 2017
Web updates 2017Web updates 2017
Web updates 2017dynamis
 
Life of HTML5
Life of HTML5Life of HTML5
Life of HTML5dynamis
 
Browsers in IoT Era
Browsers in IoT EraBrowsers in IoT Era
Browsers in IoT Eradynamis
 
New Norm of HTML5
New Norm of HTML5New Norm of HTML5
New Norm of HTML5dynamis
 
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)dynamis
 
OSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig TalkOSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig Talkdynamis
 
Demo for Gecko Embedded
Demo for Gecko EmbeddedDemo for Gecko Embedded
Demo for Gecko Embeddeddynamis
 
Project Gecko Embedded
Project Gecko EmbeddedProject Gecko Embedded
Project Gecko Embeddeddynamis
 
The New Norm of The Web
The New Norm of The WebThe New Norm of The Web
The New Norm of The Webdynamis
 
Progressive Mobile Web Apps
Progressive Mobile Web AppsProgressive Mobile Web Apps
Progressive Mobile Web Appsdynamis
 
Modern Mobile Web Apps
Modern Mobile Web AppsModern Mobile Web Apps
Modern Mobile Web Appsdynamis
 
Web Tech & Architecture
Web Tech & ArchitectureWeb Tech & Architecture
Web Tech & Architecturedynamis
 
Java script.trend(spec)
Java script.trend(spec)Java script.trend(spec)
Java script.trend(spec)dynamis
 
Data Privacy meeting
Data Privacy meetingData Privacy meeting
Data Privacy meetingdynamis
 

More from dynamis (20)

HTTP and 5G (fixed1)
HTTP and 5G (fixed1)HTTP and 5G (fixed1)
HTTP and 5G (fixed1)
 
HTTP and 5G
HTTP and 5GHTTP and 5G
HTTP and 5G
 
HTTP and 5G partial draft
HTTP and 5G partial draftHTTP and 5G partial draft
HTTP and 5G partial draft
 
Web App Platform Strategy
Web App Platform StrategyWeb App Platform Strategy
Web App Platform Strategy
 
HTML5 & Renesas RZ/G
HTML5 & Renesas RZ/GHTML5 & Renesas RZ/G
HTML5 & Renesas RZ/G
 
Life of html5 (osaka)
Life of html5 (osaka)Life of html5 (osaka)
Life of html5 (osaka)
 
Web updates 2017
Web updates 2017Web updates 2017
Web updates 2017
 
Life of HTML5
Life of HTML5Life of HTML5
Life of HTML5
 
Browsers in IoT Era
Browsers in IoT EraBrowsers in IoT Era
Browsers in IoT Era
 
New Norm of HTML5
New Norm of HTML5New Norm of HTML5
New Norm of HTML5
 
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
 
OSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig TalkOSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig Talk
 
Demo for Gecko Embedded
Demo for Gecko EmbeddedDemo for Gecko Embedded
Demo for Gecko Embedded
 
Project Gecko Embedded
Project Gecko EmbeddedProject Gecko Embedded
Project Gecko Embedded
 
The New Norm of The Web
The New Norm of The WebThe New Norm of The Web
The New Norm of The Web
 
Progressive Mobile Web Apps
Progressive Mobile Web AppsProgressive Mobile Web Apps
Progressive Mobile Web Apps
 
Modern Mobile Web Apps
Modern Mobile Web AppsModern Mobile Web Apps
Modern Mobile Web Apps
 
Web Tech & Architecture
Web Tech & ArchitectureWeb Tech & Architecture
Web Tech & Architecture
 
Java script.trend(spec)
Java script.trend(spec)Java script.trend(spec)
Java script.trend(spec)
 
Data Privacy meeting
Data Privacy meetingData Privacy meeting
Data Privacy meeting
 

Firefox os hackathon