tizen web app を firefox os へ移植する方法を考えた

37
Naruto TAKAHASHI [email protected] ターボシステムズ株式会社 さわってみよう Firefox OS

Upload: naruto-takahashi

Post on 11-Nov-2014

4.000 views

Category:

Technology


4 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Tizen web app を FireFox OS へ移植する方法を考えた

Naruto [email protected]

ターボシステムズ株式会社さわってみよう Firefox OS

Page 2: Tizen web app を FireFox OS へ移植する方法を考えた

Naruto TAKAHASHI(@TNaruto)◦ [email protected]◦ http://eflmemo.hatenablog.com/

Software Engineer Interesting keywords◦ EFL(Enlightenment Foundation Libraries)◦ Tizen◦ NPAPI◦ NFC◦ HTML5◦ Firefox OS

Page 3: Tizen web app を FireFox OS へ移植する方法を考えた
Page 4: Tizen web app を FireFox OS へ移植する方法を考えた
Page 5: Tizen web app を FireFox OS へ移植する方法を考えた
Page 6: Tizen web app を FireFox OS へ移植する方法を考えた
Page 7: Tizen web app を FireFox OS へ移植する方法を考えた
Page 8: Tizen web app を FireFox OS へ移植する方法を考えた

Gecko と WebKit の挙動の違い

プラットフォームの数だけある WebKit の実装

本当にどこでも動く互換性があるの?◦ ブラウザ戦争時代はどうだった?

そんなもの(互換性)はない。

Page 9: Tizen web app を FireFox OS へ移植する方法を考えた
Page 10: Tizen web app を FireFox OS へ移植する方法を考えた
Page 11: Tizen web app を FireFox OS へ移植する方法を考えた

Firefox OS◦ Gecko の html5 platform

Tizen◦ Webkit の html5 platform

Tizen Web App を Firefox OS へ移植◦ “Write once, run anywhere” の検証◦ …するための基礎知識の共有

Tizen について

Firefox OS について

移植作業は午後からやる…かも。(時間あれば)

Page 12: Tizen web app を FireFox OS へ移植する方法を考えた

プラットフォーム紹介◦ Firefox OS

◦ Tizen

Web Application の紹介

Tizen Web App について

Firefox OS App について

Page 13: Tizen web app を FireFox OS へ移植する方法を考えた

Introduction Tizen and Firefox OS platforms.

Page 14: Tizen web app を FireFox OS へ移植する方法を考えた

「Web がプラットフォーム」◦ Web(ブラウザ) からデバイスを触りたい

Web の技術ですべてを作る◦ 電話アプリ、メールアプリなど全て HTML + Javascript

◦ Gonk層(OS部分)は Android を利用

レンダリングエンジンは Gecko

Page 15: Tizen web app を FireFox OS へ移植する方法を考えた

「Tizen the True Open Platform」◦ どんなデバイスでも動くようにしたい。

◦ HTML5 は App の選択肢の一つ

必要に応じた App タイプの選択◦ Web App と Native App を作れる。

◦ 電話アプリ、メールアプリは Native App

レンダリングエンジンは WebKit

Page 16: Tizen web app を FireFox OS へ移植する方法を考えた

Firefox OS◦ Web 技術を主体と考える

◦ ブラウザからデバイスを触りたい

Tizen◦ 色々なデバイスでも動作する

◦ HTML5 は選択肢の一つ

両者、HTML5 の見方が異なる。

Page 17: Tizen web app を FireFox OS へ移植する方法を考えた

Webコンテンツをどこに置くか

Page 18: Tizen web app を FireFox OS へ移植する方法を考えた

HTML + JS のソースをサーバへアップロード

クライアントのブラウザからサーバへアクセス◦ 従来の Web ページ

Page 19: Tizen web app を FireFox OS へ移植する方法を考えた

HTML + JS のソースをローカルへ格納

クライアントのブラウザからローカルへアクセス◦ 従来のオフライン Web ページ

Page 20: Tizen web app を FireFox OS へ移植する方法を考えた

HTML + JS をアーカイブでパッケージング◦ 配布用?

コンテンツ情報を設定ファイル(XML)に記述

仕様書◦ Widget Packaging and XML Configuration

◦ http://www.w3.org/TR/widgets/

Page 21: Tizen web app を FireFox OS へ移植する方法を考えた

他に Web Application ってあります?

Page 22: Tizen web app を FireFox OS へ移植する方法を考えた
Page 23: Tizen web app を FireFox OS へ移植する方法を考えた

W3C Widget に準拠

Tizen のローカルへのインストール◦ W3C Widget をインストール

外部サーバへの接続アプリ◦ 外部サーバへ接続する W3C Widget をインストール

Tizen Web Framework を用意◦ jQuery + tizen original widget◦ Globalize

Page 24: Tizen web app を FireFox OS へ移植する方法を考えた

Tizen SDK◦ Eclipse の開発環境

◦ W3C Widget のパッケージング

◦ W3C Widget の転送、インストール

Page 25: Tizen web app を FireFox OS へ移植する方法を考えた
Page 26: Tizen web app を FireFox OS へ移植する方法を考えた

Tizen Web Simulator◦ Google Chrome で動作する

Tizen Device Emulator◦ Qemu で動作する◦ Tizen のデバイスをエミュレート

Tizen Dev Phone◦ Tizen が動作するデバイス◦ ただし、手に入れるのが難しいです。◦ Origen Board へ移植を検討中

Page 27: Tizen web app を FireFox OS へ移植する方法を考えた
Page 28: Tizen web app を FireFox OS へ移植する方法を考えた

ごめんなさい、起動する環境を失っている状況です。M(_ _)M

Page 29: Tizen web app を FireFox OS へ移植する方法を考えた

実際に触ってみるので写真は省略…。

Page 30: Tizen web app を FireFox OS へ移植する方法を考えた

スーパー質問タイム!!

Page 31: Tizen web app を FireFox OS へ移植する方法を考えた

W3C Widget に対応している?

ローカルへのインストール方法は?

外部サーバ接続へのアプリの作成は?

Firefox OS 専用の Framework とかある?

Page 32: Tizen web app を FireFox OS へ移植する方法を考えた

開発専用 SDK は?

App の動作環境への転送などはカバーしている?

Page 33: Tizen web app を FireFox OS へ移植する方法を考えた

r2d2b2g◦ Firefox で動作する Firefox OS エミュレータ

Firefox OS Phone◦ Android が動作するデバイス

◦ 手に入れるのが比較的容易

Page 34: Tizen web app を FireFox OS へ移植する方法を考えた
Page 35: Tizen web app を FireFox OS へ移植する方法を考えた

実際に触ってみるので写真は省略…。

Page 36: Tizen web app を FireFox OS へ移植する方法を考えた
Page 37: Tizen web app を FireFox OS へ移植する方法を考えた

ここを読んでいるということは識者の回答のおかげで Firefox OS App について詳しくなっていることであろう…健闘を祈る!