SlideShare ist ein Scribd-Unternehmen logo
1 von 14
Downloaden Sie, um offline zu lesen
第 2 回 Tizen 勉強会
 Naruto TAKAHASHI
 Naruto   TAKAHASHI(@TNaruto)




 EFL(Enlightenment   Foundation Library) の
  追っかけ
 Tizen SDK 歴 10日
 HTML 歴 10日
 Javascript 歴 10日
 Eclipse 歴 10日
 Tizenのアプリケーションは HTML5 +
 javascript で作成できます!

 作成には    Tizen SDK(eclipse) が必要です。

 私のオペレーションを見ていただいて皆様に
 は自信をつけていただきたい。
 Windows   XP SP3 or 7
    32bit 版 java をインストールすれば 64ビット環
     境で動作可能です。


 デュアルコア        2GHz CPU
    (vt-x がサポートされてるとよし)


 2GB 以上のメモリ
 3GB 以上の空き容量
 1280x1024 以上の解像度
 32bit   版 oracle java v6 以上
    http://www.oracle.com/technetwork/java/javas
     e/downloads/java-se-jdk-7-download-
     432154.html
 Google   chrome ブラウザ
    ウェブシミュレータ用
    http://www.google.co.jp/chrome/intl/ja/landin
     g_ch.html
 QuickTime   player v7.7.1 以上
  リモートインスペクター用
 http://www.apple.com/jp/quicktime/download/
 Tizen   SDK インストーラのダウンロード
    https://developer.tizen.org/sdk


 tizen_sdk.exe   を実行
    ネットワーク越しにパッケージをダウンロードし
     ます。
    夜に実行するとなぜか頻繁に失敗する…
 HTML5    でアプリを作るとはどういうこと?
    HTML で記述すること。
        マークアップ言語でページのレイアウトを記述するこ
         と。
 定番の   hello world を書いてみます。
 プロジェクトの作成
 コーディング
 動作確認
 Web   シミュレータを使う。
    開発機上のブラウザで Tizen をシミュレート!


 Tizen   Emlator を使用する。
    実際実機で使ってみる。
    Web シミュレータと Tizen 上での動作が異なるこ
     とがあるので最終確認すること!


 シミュレートとエミュレートって何が違う
 ん?
 Hello
    word のテキストだけではさすがにひど
 いのでモバイルアプリ用の GUI のウィジット
 を使ってみます。

 Tizen
    App の UI には jQuery mobile にウィ
 ジットを追加したものが用意されてる。
 Tizenのサイトから落としてみよう
    https://developer.tizen.org/resources/sample-
     web-applications
 Tizen
    SDK があれば Tizen Web Appが作成でき
 ます。

              Tizen プラット
 ブラウザで動作するアプリが
 フォームで動作するインパクトを体験してく
 ださい。

 HTML5   すごい
Tizen web app について調べたよ

Weitere ähnliche Inhalte

Was ist angesagt?

Touhou Project on JavaScript
Touhou Project on JavaScriptTouhou Project on JavaScript
Touhou Project on JavaScriptsairoutine
 
milkcocoa入門@milkcocoa meetup#1
milkcocoa入門@milkcocoa meetup#1milkcocoa入門@milkcocoa meetup#1
milkcocoa入門@milkcocoa meetup#1Syuhei Hiya
 
Milkcocoa のSDKを作る話
Milkcocoa のSDKを作る話Milkcocoa のSDKを作る話
Milkcocoa のSDKを作る話Masaki Yamamoto
 
Vagrantでwindows仮想環境を構築しよう
Vagrantでwindows仮想環境を構築しようVagrantでwindows仮想環境を構築しよう
Vagrantでwindows仮想環境を構築しようYuta Matsumura
 
ConoHa WINGを支える技術(UI編) 「コンパネの基礎となる3つの柱」
ConoHa WINGを支える技術(UI編) 「コンパネの基礎となる3つの柱」ConoHa WINGを支える技術(UI編) 「コンパネの基礎となる3つの柱」
ConoHa WINGを支える技術(UI編) 「コンパネの基礎となる3つの柱」GMO HosCon
 
Gruntでフロントの生産性up
Gruntでフロントの生産性upGruntでフロントの生産性up
Gruntでフロントの生産性upKazuyoshi Goto
 
Gcpug begginers #1LT startup scriptとshutdown script
Gcpug begginers #1LT startup scriptとshutdown scriptGcpug begginers #1LT startup scriptとshutdown script
Gcpug begginers #1LT startup scriptとshutdown scripttsukasa tamaru
 
料理人になれなかったphperへ贈る Vagrantとあんしぼぉ(Ansible)で 開発環境構築
料理人になれなかったphperへ贈る Vagrantとあんしぼぉ(Ansible)で 開発環境構築料理人になれなかったphperへ贈る Vagrantとあんしぼぉ(Ansible)で 開発環境構築
料理人になれなかったphperへ贈る Vagrantとあんしぼぉ(Ansible)で 開発環境構築Maki Koiwa
 
Meteorというフレームワーク
MeteorというフレームワークMeteorというフレームワーク
Meteorというフレームワークrukiadia
 
Microsoft azureとdockerとansibleと
Microsoft azureとdockerとansibleとMicrosoft azureとdockerとansibleと
Microsoft azureとdockerとansibleとKinoshita Miku
 
Sflt17 meteorではじめる最速ウェブアプリ開発
Sflt17 meteorではじめる最速ウェブアプリ開発Sflt17 meteorではじめる最速ウェブアプリ開発
Sflt17 meteorではじめる最速ウェブアプリ開発Hironao Sekine
 
Project Tiny + Photon Realtime
Project Tiny +  Photon RealtimeProject Tiny +  Photon Realtime
Project Tiny + Photon RealtimeToru Nayuki
 
Flash Playerの作り方
Flash Playerの作り方Flash Playerの作り方
Flash Playerの作り方Yu Kobayashi
 
Milkcocoa meetup #2 Unityでmilkcocoaを使ってみる
Milkcocoa meetup #2 Unityでmilkcocoaを使ってみるMilkcocoa meetup #2 Unityでmilkcocoaを使ってみる
Milkcocoa meetup #2 Unityでmilkcocoaを使ってみるMasaki Yamamoto
 
Jenkins study 7 2013-01-28
Jenkins study 7 2013-01-28Jenkins study 7 2013-01-28
Jenkins study 7 2013-01-28Ato ARAKI
 

Was ist angesagt? (20)

jenkinsで遊ぶ
jenkinsで遊ぶjenkinsで遊ぶ
jenkinsで遊ぶ
 
Touhou Project on JavaScript
Touhou Project on JavaScriptTouhou Project on JavaScript
Touhou Project on JavaScript
 
milkcocoa入門@milkcocoa meetup#1
milkcocoa入門@milkcocoa meetup#1milkcocoa入門@milkcocoa meetup#1
milkcocoa入門@milkcocoa meetup#1
 
Serverless on GCP
Serverless on GCPServerless on GCP
Serverless on GCP
 
Datalab and colaboratory
Datalab and colaboratoryDatalab and colaboratory
Datalab and colaboratory
 
Milkcocoa のSDKを作る話
Milkcocoa のSDKを作る話Milkcocoa のSDKを作る話
Milkcocoa のSDKを作る話
 
Vagrantでwindows仮想環境を構築しよう
Vagrantでwindows仮想環境を構築しようVagrantでwindows仮想環境を構築しよう
Vagrantでwindows仮想環境を構築しよう
 
ConoHa WINGを支える技術(UI編) 「コンパネの基礎となる3つの柱」
ConoHa WINGを支える技術(UI編) 「コンパネの基礎となる3つの柱」ConoHa WINGを支える技術(UI編) 「コンパネの基礎となる3つの柱」
ConoHa WINGを支える技術(UI編) 「コンパネの基礎となる3つの柱」
 
Gruntでフロントの生産性up
Gruntでフロントの生産性upGruntでフロントの生産性up
Gruntでフロントの生産性up
 
Gcpug begginers #1LT startup scriptとshutdown script
Gcpug begginers #1LT startup scriptとshutdown scriptGcpug begginers #1LT startup scriptとshutdown script
Gcpug begginers #1LT startup scriptとshutdown script
 
料理人になれなかったphperへ贈る Vagrantとあんしぼぉ(Ansible)で 開発環境構築
料理人になれなかったphperへ贈る Vagrantとあんしぼぉ(Ansible)で 開発環境構築料理人になれなかったphperへ贈る Vagrantとあんしぼぉ(Ansible)で 開発環境構築
料理人になれなかったphperへ贈る Vagrantとあんしぼぉ(Ansible)で 開発環境構築
 
Meteorというフレームワーク
MeteorというフレームワークMeteorというフレームワーク
Meteorというフレームワーク
 
Microsoft azureとdockerとansibleと
Microsoft azureとdockerとansibleとMicrosoft azureとdockerとansibleと
Microsoft azureとdockerとansibleと
 
LOUPEStudy#10
LOUPEStudy#10LOUPEStudy#10
LOUPEStudy#10
 
Go+revel
Go+revelGo+revel
Go+revel
 
Sflt17 meteorではじめる最速ウェブアプリ開発
Sflt17 meteorではじめる最速ウェブアプリ開発Sflt17 meteorではじめる最速ウェブアプリ開発
Sflt17 meteorではじめる最速ウェブアプリ開発
 
Project Tiny + Photon Realtime
Project Tiny +  Photon RealtimeProject Tiny +  Photon Realtime
Project Tiny + Photon Realtime
 
Flash Playerの作り方
Flash Playerの作り方Flash Playerの作り方
Flash Playerの作り方
 
Milkcocoa meetup #2 Unityでmilkcocoaを使ってみる
Milkcocoa meetup #2 Unityでmilkcocoaを使ってみるMilkcocoa meetup #2 Unityでmilkcocoaを使ってみる
Milkcocoa meetup #2 Unityでmilkcocoaを使ってみる
 
Jenkins study 7 2013-01-28
Jenkins study 7 2013-01-28Jenkins study 7 2013-01-28
Jenkins study 7 2013-01-28
 

Ähnlich wie Tizen web app について調べたよ

Tizen web app を FireFox OS へ移植する方法を考えた
Tizen web app を FireFox OS へ移植する方法を考えたTizen web app を FireFox OS へ移植する方法を考えた
Tizen web app を FireFox OS へ移植する方法を考えたNaruto TAKAHASHI
 
Windows 8 Developers カンファレンス
Windows 8 Developers カンファレンスWindows 8 Developers カンファレンス
Windows 8 Developers カンファレンスKaoru NAKAMURA
 
MetroStyleAppsさわってみた わんくま
MetroStyleAppsさわってみた わんくまMetroStyleAppsさわってみた わんくま
MetroStyleAppsさわってみた わんくまc-mitsuba
 
.NET Coreとツール類の今
.NET Coreとツール類の今.NET Coreとツール類の今
.NET Coreとツール類の今Yuki Igarashi
 
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Atsushi Harada
 
Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版Yoshito Tabuchi
 
LightSwitchで遊んでみた
LightSwitchで遊んでみたLightSwitchで遊んでみた
LightSwitchで遊んでみたYoshitaka Seo
 
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことHTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことMasakazu Muraoka
 
DLR言語によるSilverlightプログラミング
DLR言語によるSilverlightプログラミングDLR言語によるSilverlightプログラミング
DLR言語によるSilverlightプログラミングterurou
 
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)Tokuhiro Matsuno
 
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」Takashi Endo
 
Tizen 2.0 alpha でサポートされなかった native api
Tizen 2.0 alpha でサポートされなかった native apiTizen 2.0 alpha でサポートされなかった native api
Tizen 2.0 alpha でサポートされなかった native apiNaruto TAKAHASHI
 
Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Honma Masashi
 
Kinect Camp with TMCN / Kinect入門ハンズオン 2015.06.06
Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06
Kinect Camp with TMCN / Kinect入門ハンズオン 2015.06.06Akira Hatsune
 
HTML5 & The Web Platform
HTML5 & The Web PlatformHTML5 & The Web Platform
HTML5 & The Web PlatformMasataka Yakura
 

Ähnlich wie Tizen web app について調べたよ (20)

Tizen web app を FireFox OS へ移植する方法を考えた
Tizen web app を FireFox OS へ移植する方法を考えたTizen web app を FireFox OS へ移植する方法を考えた
Tizen web app を FireFox OS へ移植する方法を考えた
 
Windows 8 Developers カンファレンス
Windows 8 Developers カンファレンスWindows 8 Developers カンファレンス
Windows 8 Developers カンファレンス
 
MetroStyleAppsさわってみた わんくま
MetroStyleAppsさわってみた わんくまMetroStyleAppsさわってみた わんくま
MetroStyleAppsさわってみた わんくま
 
.NET Coreとツール類の今
.NET Coreとツール類の今.NET Coreとツール類の今
.NET Coreとツール類の今
 
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
 
Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版
 
LightSwitchで遊んでみた
LightSwitchで遊んでみたLightSwitchで遊んでみた
LightSwitchで遊んでみた
 
Mvc conf session_5_isami
Mvc conf session_5_isamiMvc conf session_5_isami
Mvc conf session_5_isami
 
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なことHTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
 
DLR言語によるSilverlightプログラミング
DLR言語によるSilverlightプログラミングDLR言語によるSilverlightプログラミング
DLR言語によるSilverlightプログラミング
 
Azure de debian
Azure de debianAzure de debian
Azure de debian
 
Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)Javaで1から10まで書いた話(sanitized)
Javaで1から10まで書いた話(sanitized)
 
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
 
Tizen native application
Tizen native applicationTizen native application
Tizen native application
 
Tizen 2.0 alpha でサポートされなかった native api
Tizen 2.0 alpha でサポートされなかった native apiTizen 2.0 alpha でサポートされなかった native api
Tizen 2.0 alpha でサポートされなかった native api
 
Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成
 
Ma8 Caravan 大阪 rev1
Ma8 Caravan 大阪 rev1Ma8 Caravan 大阪 rev1
Ma8 Caravan 大阪 rev1
 
Kinect Camp with TMCN / Kinect入門ハンズオン 2015.06.06
Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06
Kinect Camp with TMCN / Kinect入門ハンズオン 2015.06.06
 
20021007
2002100720021007
20021007
 
HTML5 & The Web Platform
HTML5 & The Web PlatformHTML5 & The Web Platform
HTML5 & The Web Platform
 

Mehr von Naruto TAKAHASHI

CMake multiplatform build-tool
CMake multiplatform build-toolCMake multiplatform build-tool
CMake multiplatform build-toolNaruto TAKAHASHI
 
Tizen の未来と可能性
Tizen の未来と可能性Tizen の未来と可能性
Tizen の未来と可能性Naruto TAKAHASHI
 
せっかくだから俺はこの NPAPI の話をするぜ
せっかくだから俺はこの NPAPI の話をするぜせっかくだから俺はこの NPAPI の話をするぜ
せっかくだから俺はこの NPAPI の話をするぜNaruto TAKAHASHI
 
Report of linuxcon japan 2013
Report of linuxcon japan 2013Report of linuxcon japan 2013
Report of linuxcon japan 2013Naruto TAKAHASHI
 
Rust samurai lightning talk
Rust samurai lightning talkRust samurai lightning talk
Rust samurai lightning talkNaruto TAKAHASHI
 
How to add nfc web api to android by using npapi
How to add nfc web api to android by using npapiHow to add nfc web api to android by using npapi
How to add nfc web api to android by using npapiNaruto TAKAHASHI
 
Japanese input environment on Tizen 2.0 Alpha
Japanese input environment on Tizen 2.0 AlphaJapanese input environment on Tizen 2.0 Alpha
Japanese input environment on Tizen 2.0 AlphaNaruto TAKAHASHI
 
猫でも分かる Android WebKit
猫でも分かる Android WebKit猫でも分かる Android WebKit
猫でも分かる Android WebKitNaruto TAKAHASHI
 
猫でも分かる Android WebKit ice break
猫でも分かる Android WebKit ice break猫でも分かる Android WebKit ice break
猫でも分かる Android WebKit ice breakNaruto TAKAHASHI
 
Tizen 2.0 alpha でサポートされなかった native api icebreak
Tizen 2.0 alpha でサポートされなかった native api icebreakTizen 2.0 alpha でサポートされなかった native api icebreak
Tizen 2.0 alpha でサポートされなかった native api icebreakNaruto TAKAHASHI
 
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法Naruto TAKAHASHI
 
Linux ユーザーからみた tizen
Linux ユーザーからみた tizenLinux ユーザーからみた tizen
Linux ユーザーからみた tizenNaruto TAKAHASHI
 

Mehr von Naruto TAKAHASHI (18)

CMake multiplatform build-tool
CMake multiplatform build-toolCMake multiplatform build-tool
CMake multiplatform build-tool
 
Tizen & Crosswalk
Tizen & CrosswalkTizen & Crosswalk
Tizen & Crosswalk
 
Tizen の未来と可能性
Tizen の未来と可能性Tizen の未来と可能性
Tizen の未来と可能性
 
せっかくだから俺はこの NPAPI の話をするぜ
せっかくだから俺はこの NPAPI の話をするぜせっかくだから俺はこの NPAPI の話をするぜ
せっかくだから俺はこの NPAPI の話をするぜ
 
Tizenについて
TizenについてTizenについて
Tizenについて
 
Report of linuxcon japan 2013
Report of linuxcon japan 2013Report of linuxcon japan 2013
Report of linuxcon japan 2013
 
Rust samurai lightning talk
Rust samurai lightning talkRust samurai lightning talk
Rust samurai lightning talk
 
Tizen 2.0 overview
Tizen 2.0 overviewTizen 2.0 overview
Tizen 2.0 overview
 
Tizen API
Tizen APITizen API
Tizen API
 
How to add nfc web api to android by using npapi
How to add nfc web api to android by using npapiHow to add nfc web api to android by using npapi
How to add nfc web api to android by using npapi
 
Japanese input environment on Tizen 2.0 Alpha
Japanese input environment on Tizen 2.0 AlphaJapanese input environment on Tizen 2.0 Alpha
Japanese input environment on Tizen 2.0 Alpha
 
猫でも分かる Android WebKit
猫でも分かる Android WebKit猫でも分かる Android WebKit
猫でも分かる Android WebKit
 
猫でも分かる Android WebKit ice break
猫でも分かる Android WebKit ice break猫でも分かる Android WebKit ice break
猫でも分かる Android WebKit ice break
 
Tizen 2.0 alpha でサポートされなかった native api icebreak
Tizen 2.0 alpha でサポートされなかった native api icebreakTizen 2.0 alpha でサポートされなかった native api icebreak
Tizen 2.0 alpha でサポートされなかった native api icebreak
 
NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法NPAPIを使ったandroid標準ブラウザの拡張方法
NPAPIを使ったandroid標準ブラウザの拡張方法
 
Tizen application
Tizen applicationTizen application
Tizen application
 
Tizen web app
Tizen web appTizen web app
Tizen web app
 
Linux ユーザーからみた tizen
Linux ユーザーからみた tizenLinux ユーザーからみた tizen
Linux ユーザーからみた tizen
 

Tizen web app について調べたよ

  • 1. 第 2 回 Tizen 勉強会 Naruto TAKAHASHI
  • 2.  Naruto TAKAHASHI(@TNaruto)  EFL(Enlightenment Foundation Library) の 追っかけ  Tizen SDK 歴 10日  HTML 歴 10日  Javascript 歴 10日  Eclipse 歴 10日
  • 3.  Tizenのアプリケーションは HTML5 + javascript で作成できます!  作成には Tizen SDK(eclipse) が必要です。  私のオペレーションを見ていただいて皆様に は自信をつけていただきたい。
  • 4.  Windows XP SP3 or 7  32bit 版 java をインストールすれば 64ビット環 境で動作可能です。  デュアルコア 2GHz CPU  (vt-x がサポートされてるとよし)  2GB 以上のメモリ  3GB 以上の空き容量  1280x1024 以上の解像度
  • 5.  32bit 版 oracle java v6 以上  http://www.oracle.com/technetwork/java/javas e/downloads/java-se-jdk-7-download- 432154.html  Google chrome ブラウザ  ウェブシミュレータ用  http://www.google.co.jp/chrome/intl/ja/landin g_ch.html  QuickTime player v7.7.1 以上  リモートインスペクター用 http://www.apple.com/jp/quicktime/download/
  • 6.  Tizen SDK インストーラのダウンロード  https://developer.tizen.org/sdk  tizen_sdk.exe を実行  ネットワーク越しにパッケージをダウンロードし ます。  夜に実行するとなぜか頻繁に失敗する…
  • 7.  HTML5 でアプリを作るとはどういうこと?  HTML で記述すること。  マークアップ言語でページのレイアウトを記述するこ と。
  • 8.  定番の hello world を書いてみます。
  • 10.  Web シミュレータを使う。  開発機上のブラウザで Tizen をシミュレート!  Tizen Emlator を使用する。  実際実機で使ってみる。  Web シミュレータと Tizen 上での動作が異なるこ とがあるので最終確認すること!  シミュレートとエミュレートって何が違う ん?
  • 11.  Hello word のテキストだけではさすがにひど いのでモバイルアプリ用の GUI のウィジット を使ってみます。  Tizen App の UI には jQuery mobile にウィ ジットを追加したものが用意されてる。
  • 12.  Tizenのサイトから落としてみよう  https://developer.tizen.org/resources/sample- web-applications
  • 13.  Tizen SDK があれば Tizen Web Appが作成でき ます。 Tizen プラット  ブラウザで動作するアプリが フォームで動作するインパクトを体験してく ださい。  HTML5 すごい