エフスタ!! 20140517 html5でネイティブアプリ
DESCRIPTION
ウェブ系の人がアプリを作るのにMonacaが最初の一歩としていいのではないかとう内容です。TRANSCRIPT
![Page 1: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/1.jpg)
The Designium
<title>HTML5でネイティブアプリ </title>
![Page 2: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/2.jpg)
The Designium
● エフスタ !! までの道のり・大学はアメリカへ・専攻は宗教哲学・卒業後デジタルハリウッドへ・株式会社デザイニウム
● 何をしているか?・ Web 系のコンテンツを作ってます・最近は Web の技術応用したコンテンツにも挑戦しています
![Page 3: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/3.jpg)
The Designium
Monaca とは?
● ブラウザから使うことが出来る統合開発環境
ももたろう
イラスト イラストイラスト
![Page 4: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/4.jpg)
The Designium
Monaca とは?
● ブラウザから使うことが出来る統合開発環境
●HTML5 でアプリ開発
ももたろう
イラスト イラストイラスト
![Page 5: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/5.jpg)
The Designium
Monaca とは?
● ブラウザから使うことが出来る統合開発環境
●HTML5 でアプリ開発
● ワンソースでクロスプラットフォーム対応
ももたろう
イラスト イラストイラスト
![Page 6: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/6.jpg)
The Designium
Monaca とは?
● ブラウザから使うことが出来る統合開発環境
●HTML5 でアプリ開発
● ワンソースでクロスプラットフォーム対応
● スマホ固有の機能のアクセス
ももたろう
イラスト イラストイラスト
![Page 7: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/7.jpg)
The Designium
Monaca を実際につかってみて 良い所 編
● 開発環境を構築しなくてもいい
![Page 8: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/8.jpg)
The Designium
Monaca を実際につかってみて 良い所 編
● 開発環境を構築しなくてもいい
● エディタが使いやすい
![Page 9: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/9.jpg)
The Designium
![Page 10: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/10.jpg)
The Designium
Monaca を実際につかってみて 良い所 編
● 開発環境を構築しなくてもいい
● エディタが使いやすい
● デバッグがしやすい
![Page 11: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/11.jpg)
The Designium
![Page 12: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/12.jpg)
The Designium
![Page 13: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/13.jpg)
The Designium
Monaca を実際につかってみて 良い所 編
● 開発環境を構築しなくてもいい
● エディタが使いやすい
● デバッグがしやすい
● バージョン管理機能付き
![Page 14: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/14.jpg)
The Designium
Monaca を実際につかってみて 良い所 編
● 開発環境を構築しなくてもいい
● エディタが使いやすい
● デバッグがしやすい
● バージョン管理機能付き
● サポートが充実
![Page 15: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/15.jpg)
The Designium
Monaca を実際につかってみて気になった所 編
● デバッガーがたまにおかしくなる
![Page 16: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/16.jpg)
The Designium
Monaca を実際につかってみて気になった所 編
● デバッガーがたまにおかしくなる
● WebDav が使いにくい
![Page 17: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/17.jpg)
The Designium
Monaca を実際につかってみて気になった所 編
● デバッガーがたまにおかしくなる
● WebDav が使いにくい
● ブラウザでのプレビューが最近重くなった
![Page 18: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/18.jpg)
The Designium
Monaca 公式フレームワーク
● Onsen UI について
![Page 19: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/19.jpg)
The Designium
Monaca 公式フレームワーク
● angular.js + topcoat css
![Page 20: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/20.jpg)
The Designium
Monaca 公式フレームワーク
● 使いたいパーツもコピペで使える
![Page 21: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/21.jpg)
The Designium
Monaca に向いているもの
● 小規模の Web アプリをネイティブ化
![Page 22: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/22.jpg)
The Designium
Monaca に向いているもの
● 小規模の Web アプリをネイティブ化
● オープンデータの WEB アプリをネイティブに
![Page 23: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/23.jpg)
The Designium
Monaca に向いているもの
● 小規模の Web アプリをネイティブ化
● オープンデータの WEB アプリをネイティブに
● Web 系制作者がアプリ制作を始める最初のステップ
![Page 24: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/24.jpg)
The Designium
まとめ
● Monaca は Web 系開発者にやさしい
● Web 開発者が作った Web アプリがあるならネイティブアプリに挑戦してみよう!
![Page 25: エフスタ!! 20140517 html5でネイティブアプリ](https://reader035.vdocuments.mx/reader035/viewer/2022070322/559198411a28abda668b4760/html5/thumbnails/25.jpg)
The Designium
ご清聴ありがとうございました