SlideShare a Scribd company logo

Onsen UIでアプリケーション作ってみた

•Download as PPTX, PDF•
•
T
Takahiro Maki

2016.04.26に行われたフロントエンド✕モバイルアプリ勉強会での発表資料となります。

Engineering
1 of 10
• Web
Onsen UIでアプリケーション作ってみた
Onsen UIでアプリケーション作ってみた
Onsen UIでアプリケーション作ってみた

Recommended

リア充専用アプリを作ってみた
リア充専用アプリを作ってみたリア充専用アプリを作ってみた
リア充専用アプリを作ってみた好洋 山崎
 
【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加！そのメディア体験を支えるインフラと運用の舞台裏」
【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加！そのメディア体験を支えるインフラと運用の舞台裏」【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加！そのメディア体験を支えるインフラと運用の舞台裏」
【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加！そのメディア体験を支えるインフラと運用の舞台裏」Shinichiro Yoshida
 
リアルタイム通信アプリはつくれる！『Red5 Media Server』の機能と事例のご紹介
リアルタイム通信アプリはつくれる！『Red5 Media Server』の機能と事例のご紹介リアルタイム通信アプリはつくれる！『Red5 Media Server』の機能と事例のご紹介
リアルタイム通信アプリはつくれる！『Red5 Media Server』の機能と事例のご紹介Shinichiro Yoshida
 
スキスキIonic
スキスキIonicスキスキIonic
スキスキIonicKon Yuichi
 
開発費0円でニコニコ生放送を作ってみた
開発費0円でニコニコ生放送を作ってみた開発費0円でニコニコ生放送を作ってみた
開発費0円でニコニコ生放送を作ってみたYusei Yamanaka
 
Onsen UI 2.0とUIライブラリの未来
Onsen UI 2.0とUIライブラリの未来Onsen UI 2.0とUIライブラリの未来
Onsen UI 2.0とUIライブラリの未来アシアル株式会社
 
20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て
20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て
20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全てOsamu Shimoda
 
Perl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバーPerl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバーHideo Kimura
 

Recommended

リア充専用アプリを作ってみた
リア充専用アプリを作ってみたリア充専用アプリを作ってみた
リア充専用アプリを作ってみた好洋 山崎
 
【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加！そのメディア体験を支えるインフラと運用の舞台裏」
【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加！そのメディア体験を支えるインフラと運用の舞台裏」【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加！そのメディア体験を支えるインフラと運用の舞台裏」
【DevLOVE現場甲子園2014】【守】「テレビ×スマホで視聴者が番組に参加！そのメディア体験を支えるインフラと運用の舞台裏」Shinichiro Yoshida
 
リアルタイム通信アプリはつくれる！『Red5 Media Server』の機能と事例のご紹介
リアルタイム通信アプリはつくれる！『Red5 Media Server』の機能と事例のご紹介リアルタイム通信アプリはつくれる！『Red5 Media Server』の機能と事例のご紹介
リアルタイム通信アプリはつくれる！『Red5 Media Server』の機能と事例のご紹介Shinichiro Yoshida
 
スキスキIonic
スキスキIonicスキスキIonic
スキスキIonicKon Yuichi
 
開発費0円でニコニコ生放送を作ってみた
開発費0円でニコニコ生放送を作ってみた開発費0円でニコニコ生放送を作ってみた
開発費0円でニコニコ生放送を作ってみたYusei Yamanaka
 
Onsen UI 2.0とUIライブラリの未来
Onsen UI 2.0とUIライブラリの未来Onsen UI 2.0とUIライブラリの未来
Onsen UI 2.0とUIライブラリの未来アシアル株式会社
 
20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て
20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て
20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全てOsamu Shimoda
 
Perl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバーPerl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバーHideo Kimura
 
Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門Kazuyuki Mori
 
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリAngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリアシアル株式会社
 
Xamarin ～ iOS/Android/Windows アプリを C# で作ろう～
Xamarin ～ iOS/Android/Windows アプリを C# で作ろう～Xamarin ～ iOS/Android/Windows アプリを C# で作ろう～
Xamarin ～ iOS/Android/Windows アプリを C# で作ろう～Fujio Kojima
 
Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017Adrian Roselli
 
10分でわかる無料になったXamarin
10分でわかる無料になったXamarin10分でわかる無料になったXamarin
10分でわかる無料になったXamarinYoshito Tabuchi
 
Xamarin 概要 ＠ 「Xamarin」って何？ Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Xamarin 概要 ＠ 「Xamarin」って何？ Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2Xamarin 概要 ＠ 「Xamarin」って何？ Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Xamarin 概要 ＠ 「Xamarin」って何？ Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2Yoshito Tabuchi
 
ほぼ1人でAzureからGCPに移行した話
ほぼ1人でAzureからGCPに移行した話ほぼ1人でAzureからGCPに移行した話
ほぼ1人でAzureからGCPに移行した話Takahiro Maki
 
フロントエンドエンジニアがフルスタックエンジニアもどきになる話
フロントエンドエンジニアがフルスタックエンジニアもどきになる話フロントエンドエンジニアがフルスタックエンジニアもどきになる話
フロントエンドエンジニアがフルスタックエンジニアもどきになる話Takahiro Maki
 
最近流行りのビルドツールとは
最近流行りのビルドツールとは最近流行りのビルドツールとは
最近流行りのビルドツールとはTakahiro Maki
 
WebComponentsとPolymer
WebComponentsとPolymerWebComponentsとPolymer
WebComponentsとPolymerTakahiro Maki
 
jspmを使ってES6を始めてみよう
jspmを使ってES6を始めてみようjspmを使ってES6を始めてみよう
jspmを使ってES6を始めてみようTakahiro Maki
 
簡単AngularJS（関西AngularJS勉強会）
簡単AngularJS（関西AngularJS勉強会）簡単AngularJS（関西AngularJS勉強会）
簡単AngularJS（関西AngularJS勉強会）Takahiro Maki
 

More Related Content

Viewers also liked

Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門Kazuyuki Mori
 
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリAngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリアシアル株式会社
 
Xamarin ～ iOS/Android/Windows アプリを C# で作ろう～
Xamarin ～ iOS/Android/Windows アプリを C# で作ろう～Xamarin ～ iOS/Android/Windows アプリを C# で作ろう～
Xamarin ～ iOS/Android/Windows アプリを C# で作ろう～Fujio Kojima
 
Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017Adrian Roselli
 
10分でわかる無料になったXamarin
10分でわかる無料になったXamarin10分でわかる無料になったXamarin
10分でわかる無料になったXamarinYoshito Tabuchi
 
Xamarin 概要 ＠ 「Xamarin」って何？ Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Xamarin 概要 ＠ 「Xamarin」って何？ Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2Xamarin 概要 ＠ 「Xamarin」って何？ Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Xamarin 概要 ＠ 「Xamarin」って何？ Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2Yoshito Tabuchi
 

Viewers also liked (6)

Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門
 
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリAngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
 
Xamarin ～ iOS/Android/Windows アプリを C# で作ろう～
Xamarin ～ iOS/Android/Windows アプリを C# で作ろう～Xamarin ～ iOS/Android/Windows アプリを C# で作ろう～
Xamarin ～ iOS/Android/Windows アプリを C# で作ろう～
 
Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017
 
10分でわかる無料になったXamarin
10分でわかる無料になったXamarin10分でわかる無料になったXamarin
10分でわかる無料になったXamarin
 
Xamarin 概要 ＠ 「Xamarin」って何？ Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Xamarin 概要 ＠ 「Xamarin」って何？ Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2Xamarin 概要 ＠ 「Xamarin」って何？ Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
Xamarin 概要 ＠ 「Xamarin」って何？ Wエバンジェリストによる特濃「Xamarin」勉強会 Rev2
 

More from Takahiro Maki

ほぼ1人でAzureからGCPに移行した話
ほぼ1人でAzureからGCPに移行した話ほぼ1人でAzureからGCPに移行した話
ほぼ1人でAzureからGCPに移行した話Takahiro Maki
 
フロントエンドエンジニアがフルスタックエンジニアもどきになる話
フロントエンドエンジニアがフルスタックエンジニアもどきになる話フロントエンドエンジニアがフルスタックエンジニアもどきになる話
フロントエンドエンジニアがフルスタックエンジニアもどきになる話Takahiro Maki
 
最近流行りのビルドツールとは
最近流行りのビルドツールとは最近流行りのビルドツールとは
最近流行りのビルドツールとはTakahiro Maki
 
WebComponentsとPolymer
WebComponentsとPolymerWebComponentsとPolymer
WebComponentsとPolymerTakahiro Maki
 
jspmを使ってES6を始めてみよう
jspmを使ってES6を始めてみようjspmを使ってES6を始めてみよう
jspmを使ってES6を始めてみようTakahiro Maki
 
簡単AngularJS（関西AngularJS勉強会）
簡単AngularJS（関西AngularJS勉強会）簡単AngularJS（関西AngularJS勉強会）
簡単AngularJS（関西AngularJS勉強会）Takahiro Maki
 

More from Takahiro Maki (6)

ほぼ1人でAzureからGCPに移行した話
ほぼ1人でAzureからGCPに移行した話ほぼ1人でAzureからGCPに移行した話
ほぼ1人でAzureからGCPに移行した話
 
フロントエンドエンジニアがフルスタックエンジニアもどきになる話
フロントエンドエンジニアがフルスタックエンジニアもどきになる話フロントエンドエンジニアがフルスタックエンジニアもどきになる話
フロントエンドエンジニアがフルスタックエンジニアもどきになる話
 
最近流行りのビルドツールとは
最近流行りのビルドツールとは最近流行りのビルドツールとは
最近流行りのビルドツールとは
 
WebComponentsとPolymer
WebComponentsとPolymerWebComponentsとPolymer
WebComponentsとPolymer
 
jspmを使ってES6を始めてみよう
jspmを使ってES6を始めてみようjspmを使ってES6を始めてみよう
jspmを使ってES6を始めてみよう
 
簡単AngularJS（関西AngularJS勉強会）
簡単AngularJS（関西AngularJS勉強会）簡単AngularJS（関西AngularJS勉強会）
簡単AngularJS（関西AngularJS勉強会）
 

Onsen UIでアプリケーション作ってみた

Editor's Notes

  1. jQueryMobileはWeb用、 それ以外はハイブリットアプリ用に開発された。 もちろんjQueryMobileでハイブリットアプリを作ることも出来る パフォーマンスは悪いが。。
  2. Monacaはサイトのテンプレートから選択できるので割愛 今回はWebで作っていきます