エフスタ!! 20140517 html5でネイティブアプリ

25
The Designium <title>HTML5 ででででででででで </title>

Upload: yamakawa8720

Post on 30-Jun-2015

175 views

Category:

Mobile


1 download

DESCRIPTION

ウェブ系の人がアプリを作るのにMonacaが最初の一歩としていいのではないかとう内容です。

TRANSCRIPT

Page 1: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

<title>HTML5でネイティブアプリ </title>

Page 2: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

● エフスタ !! までの道のり・大学はアメリカへ・専攻は宗教哲学・卒業後デジタルハリウッドへ・株式会社デザイニウム

● 何をしているか?・ Web 系のコンテンツを作ってます・最近は Web の技術応用したコンテンツにも挑戦しています

Page 3: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca とは?

● ブラウザから使うことが出来る統合開発環境

ももたろう

イラスト イラストイラスト

Page 4: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca とは?

● ブラウザから使うことが出来る統合開発環境

●HTML5 でアプリ開発

ももたろう

イラスト イラストイラスト

Page 5: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca とは?

● ブラウザから使うことが出来る統合開発環境

●HTML5 でアプリ開発

● ワンソースでクロスプラットフォーム対応

ももたろう

イラスト イラストイラスト

Page 6: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca とは?

● ブラウザから使うことが出来る統合開発環境

●HTML5 でアプリ開発

● ワンソースでクロスプラットフォーム対応

● スマホ固有の機能のアクセス

ももたろう

イラスト イラストイラスト

Page 7: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca を実際につかってみて 良い所 編

● 開発環境を構築しなくてもいい

Page 8: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca を実際につかってみて 良い所 編

● 開発環境を構築しなくてもいい

● エディタが使いやすい

Page 9: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Page 10: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca を実際につかってみて 良い所 編

● 開発環境を構築しなくてもいい

● エディタが使いやすい

● デバッグがしやすい

Page 11: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Page 12: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Page 13: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca を実際につかってみて 良い所 編

● 開発環境を構築しなくてもいい

● エディタが使いやすい

● デバッグがしやすい

● バージョン管理機能付き

Page 14: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca を実際につかってみて 良い所 編

● 開発環境を構築しなくてもいい

● エディタが使いやすい

● デバッグがしやすい

● バージョン管理機能付き

● サポートが充実

Page 15: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca を実際につかってみて気になった所 編

● デバッガーがたまにおかしくなる

Page 16: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca を実際につかってみて気になった所 編

● デバッガーがたまにおかしくなる

● WebDav が使いにくい

Page 17: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca を実際につかってみて気になった所 編

● デバッガーがたまにおかしくなる

● WebDav が使いにくい

● ブラウザでのプレビューが最近重くなった

Page 18: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca 公式フレームワーク

● Onsen UI について

Page 19: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca 公式フレームワーク

● angular.js + topcoat css

Page 20: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca 公式フレームワーク

● 使いたいパーツもコピペで使える

Page 21: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca に向いているもの

● 小規模の Web アプリをネイティブ化

Page 22: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca に向いているもの

● 小規模の Web アプリをネイティブ化

● オープンデータの WEB アプリをネイティブに

Page 23: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

Monaca に向いているもの

● 小規模の Web アプリをネイティブ化

● オープンデータの WEB アプリをネイティブに

● Web 系制作者がアプリ制作を始める最初のステップ

Page 24: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

まとめ

● Monaca は Web 系開発者にやさしい

● Web 開発者が作った Web アプリがあるならネイティブアプリに挑戦してみよう!

Page 25: エフスタ!! 20140517 html5でネイティブアプリ

The Designium

ご清聴ありがとうございました