webエンジニアのためのandroidアプリ開発

WEBエンジニアのための Androidアプリの作り方

～jQueryからphone gapまで～

目次

１ 自己紹介

２ WEBアプリの作り方

３ Androidアプリの作り方

４ htmlとjsで作れるAndroidアプリ

５ 実際にWEBアプリを作ってみる

６ WEBアプリをAndroidアプリに！

７ まとめ

目次

１ 自己紹介

２ WEBアプリの作り方

３ Androidアプリの作り方

４ htmlとjsで作れるAndroidアプリ

５ 実際にWEBアプリを作ってみる

６ WEBアプリをAndroidアプリに！

７ まとめ

１ まずは自己紹介

•曽根 壮大（そね たけとも）

•通称名 そーだい

名前

•ぴちぴちの２７歳

•残念ながら妻子持ち

•娘の名前は徠楽（らいら）と煌楽（きらら）

年齢等

•福山市の某印刷会社勤務でWEBの設計から実装まで担当→来月からWEB系の制作会社に転職します！

•備後界隈では最弱

•前職は国家の犬（最前線で踊ってた）

職業

• LinuxとDBをメインにPHPなどのスクリプト言語とかも少々（LLが好き）

•でも一番「べしゃりが得意」

得意分野（IT的な意味で）

•東日本震災のための格闘ゲームのチャリティ大会の運営とかしてます

趣味

１ まずは自己紹介

•曽根 壮大（そね たけとも）

•通称名 そーだい

名前

•ぴちぴちの２７歳

•残念ながら妻子持ち

•娘の名前は徠楽（らいら）と煌楽（きらら）

年齢等

•福山市の某印刷会社勤務でWEBの設計から実装まで担当→来月からWEB系の制作会社に転職します！

•備後界隈では最弱

•前職は国家の犬（最前線で踊ってた）

職業

• LinuxとDBをメインにPHPなどのスクリプト言語とかも少々（LLが好き）

•でも一番「べしゃりが得意」

得意分野（IT的な意味で）

•東日本震災のための格闘ゲームのチャリティ大会の運営とかしてます

趣味

このアイコンに要注意！

目次

１ 自己紹介

２ WEBアプリの作り方

３ Androidアプリの作り方

４ htmlとjsで作れるAndroidアプリ

５ 実際にWEBアプリを作ってみる

６ WEBアプリをAndroidアプリに！

７ まとめ

２ WEBアプリの作り方

WEBアプリといえば・・・

２ WEBアプリの作り方

こんなのとか

２ WEBアプリの作り方

こんなのとか

２ WEBアプリの作り方

強いたげられてるんだっ！

２ WEBアプリの作り方

みなさんの世代だとこっちの方ですかね？

２ WEBアプリの作り方

っていうイメージがとても強いですが

言いたかったんだお これで許してだお

２ WEBアプリの作り方

実際のところはというと・・・

２ WEBアプリの作り方

サーバ

サイド

クライアント

サイド

html

PHP Ruby JAVA …など

JavaScript CSS

２ WEBアプリの作り方

サーバ

サイド

クライアント

サイド

html

PHP Ruby JAVA …など

JavaScript CSS

こいつを如何に作り、 ブラウザに認識させるか！

２ WEBアプリの作り方

なので結局のところhtmlなんですよ

（Flash?そいつはまた別の話だ）

目次

１ 自己紹介

２ WEBアプリの作り方

３ Androidアプリの作り方

４ htmlとjsで作れるAndroidアプリ

５ 実際にWEBアプリを作ってみる

６ WEBアプリをAndroidアプリに！

７ まとめ

３ Androidアプリの作り方

Androidアプリといえば・・・

３ Androidアプリの作り方

こんなのとか

３ Androidアプリの作り方

こんなのとか Sun違い→

３ Androidアプリの作り方

強いたげられてるんだっ！

３ Androidアプリの作り方

強いたげられてるんだっ！ どっちかというとこの人は強いたげてる方でしたね

３ Androidアプリの作り方

というわけで

DalvikVM上でJava（のようなもの）

が動いてるわけですが

強いたげられてる GoogleのCEO

３ Androidアプリの作り方

・ 学習コストを下げたい

・ JAVAはぬるぽがこわい(´・ω・｀)

・ やっぱJSは最高だぜっ！

そんなあなたに！

目次

１ 自己紹介

２ WEBアプリの作り方

３ Androidアプリの作り方

４ htmlとjsで作れるAndroidアプリ

５ 実際にWEBアプリを作ってみる

６ WEBアプリをAndroidアプリに！

７ まとめ

４ htmlとjsで作れるAndroidアプリ

４ htmlとjsで作れるAndroidアプリ

http://phonegap-fan.com から引用

４ htmlとjsで作れるAndroidアプリ

http://phonegap-fan.com から引用

４ htmlとjsで作れるAndroidアプリ

http://phonegap-fan.com の

日本語ドキュメントが充実！

目次

１ 自己紹介

２ WEBアプリの作り方

３ Androidアプリの作り方

４ htmlとjsで作れるAndroidアプリ

５ 実際にWEBアプリを作ってみる

６ WEBアプリをAndroidアプリに！

７ まとめ

５ 実際にWEBアプリを作ってみる

というわけで

・ html

・ ｊQuery

・ ｊQueryMobile

を使ってWEBアプリを作ってみましょう！

５ 実際にWEBアプリを作ってみる

Ｗｅｂアプリは

サーバとクライアント

の2つのアプローチが基本

目次

１ 自己紹介

２ WEBアプリの作り方

３ Androidアプリの作り方

４ htmlとjsで作れるAndroidアプリ

５ 実際にWEBアプリを作ってみる

６ WEBアプリをAndroidアプリに！

７ まとめ

６ WEBアプリをAndroidアプリに！

では早速移植を

ライブコーディング

してみましょう！

６ WEBアプリをAndroidアプリに！

１ ＪQueryMobileでは慣れれば簡単！

２ WEBの知識がそのまま生かせる（CSSとか

３ ローカルリソースのAPIもある（カメラとか

目次

１ 自己紹介

２ WEBアプリの作り方

３ Androidアプリの作り方

４ htmlとjsで作れるAndroidアプリ

５ 実際にWEBアプリを作ってみる

６ WEBアプリをAndroidアプリに！

７ まとめ

と行く前に・・・

を強いたげられてるんだっ！

One more thing …

実演で時間が来たら省略します

まとめ

実演で時間が来たら省略します

実演で時間が来たら省略します