Upload
soudai-sone
View
3.775
Download
3
Embed Size (px)
Citation preview
WEBエンジニアのための Androidアプリの作り方
~jQueryからphone gapまで~
目次
1 自己紹介
2 WEBアプリの作り方
3 Androidアプリの作り方
4 htmlとjsで作れるAndroidアプリ
5 実際にWEBアプリを作ってみる
6 WEBアプリをAndroidアプリに!
7 まとめ
目次
1 自己紹介
2 WEBアプリの作り方
3 Androidアプリの作り方
4 htmlとjsで作れるAndroidアプリ
5 実際にWEBアプリを作ってみる
6 WEBアプリをAndroidアプリに!
7 まとめ
1 まずは自己紹介
•曽根 壮大(そね たけとも)
•通称名 そーだい
名前
•ぴちぴちの27歳
•残念ながら妻子持ち
•娘の名前は徠楽(らいら)と煌楽(きらら)
年齢等
•福山市の某印刷会社勤務でWEBの設計から実装まで担当→来月からWEB系の制作会社に転職します!
•備後界隈では最弱
•前職は国家の犬(最前線で踊ってた)
職業
• LinuxとDBをメインにPHPなどのスクリプト言語とかも少々(LLが好き)
•でも一番「べしゃりが得意」
得意分野(IT的な意味で)
•東日本震災のための格闘ゲームのチャリティ大会の運営とかしてます
趣味
1 まずは自己紹介
•曽根 壮大(そね たけとも)
•通称名 そーだい
名前
•ぴちぴちの27歳
•残念ながら妻子持ち
•娘の名前は徠楽(らいら)と煌楽(きらら)
年齢等
•福山市の某印刷会社勤務でWEBの設計から実装まで担当→来月からWEB系の制作会社に転職します!
•備後界隈では最弱
•前職は国家の犬(最前線で踊ってた)
職業
• LinuxとDBをメインにPHPなどのスクリプト言語とかも少々(LLが好き)
•でも一番「べしゃりが得意」
得意分野(IT的な意味で)
•東日本震災のための格闘ゲームのチャリティ大会の運営とかしてます
趣味
このアイコンに要注意!
目次
1 自己紹介
2 WEBアプリの作り方
3 Androidアプリの作り方
4 htmlとjsで作れるAndroidアプリ
5 実際にWEBアプリを作ってみる
6 WEBアプリをAndroidアプリに!
7 まとめ
2 WEBアプリの作り方
WEBアプリといえば・・・
2 WEBアプリの作り方
こんなのとか
2 WEBアプリの作り方
こんなのとか
2 WEBアプリの作り方
強いたげられてるんだっ!
2 WEBアプリの作り方
みなさんの世代だとこっちの方ですかね?
2 WEBアプリの作り方
っていうイメージがとても強いですが
言いたかったんだお これで許してだお
2 WEBアプリの作り方
実際のところはというと・・・
2 WEBアプリの作り方
サーバ
サイド
クライアント
サイド
html
PHP Ruby JAVA …など
JavaScript CSS
2 WEBアプリの作り方
サーバ
サイド
クライアント
サイド
html
PHP Ruby JAVA …など
JavaScript CSS
こいつを如何に作り、 ブラウザに認識させるか!
2 WEBアプリの作り方
なので結局のところhtmlなんですよ
(Flash?そいつはまた別の話だ)
目次
1 自己紹介
2 WEBアプリの作り方
3 Androidアプリの作り方
4 htmlとjsで作れるAndroidアプリ
5 実際にWEBアプリを作ってみる
6 WEBアプリをAndroidアプリに!
7 まとめ
3 Androidアプリの作り方
Androidアプリといえば・・・
3 Androidアプリの作り方
こんなのとか
3 Androidアプリの作り方
こんなのとか Sun違い→
3 Androidアプリの作り方
強いたげられてるんだっ!
3 Androidアプリの作り方
強いたげられてるんだっ! どっちかというとこの人は強いたげてる方でしたね
3 Androidアプリの作り方
というわけで
DalvikVM上でJava(のようなもの)
が動いてるわけですが
強いたげられてる GoogleのCEO
3 Androidアプリの作り方
・ 学習コストを下げたい
・ JAVAはぬるぽがこわい(´・ω・`)
・ やっぱJSは最高だぜっ!
そんなあなたに!
目次
1 自己紹介
2 WEBアプリの作り方
3 Androidアプリの作り方
4 htmlとjsで作れるAndroidアプリ
5 実際にWEBアプリを作ってみる
6 WEBアプリをAndroidアプリに!
7 まとめ
4 htmlとjsで作れるAndroidアプリ
4 htmlとjsで作れるAndroidアプリ
http://phonegap-fan.com から引用
4 htmlとjsで作れるAndroidアプリ
http://phonegap-fan.com から引用
4 htmlとjsで作れるAndroidアプリ
http://phonegap-fan.com の
日本語ドキュメントが充実!
目次
1 自己紹介
2 WEBアプリの作り方
3 Androidアプリの作り方
4 htmlとjsで作れるAndroidアプリ
5 実際にWEBアプリを作ってみる
6 WEBアプリをAndroidアプリに!
7 まとめ
5 実際にWEBアプリを作ってみる
というわけで
・ html
・ jQuery
・ jQueryMobile
を使ってWEBアプリを作ってみましょう!
5 実際にWEBアプリを作ってみる
Webアプリは
サーバとクライアント
の2つのアプローチが基本
目次
1 自己紹介
2 WEBアプリの作り方
3 Androidアプリの作り方
4 htmlとjsで作れるAndroidアプリ
5 実際にWEBアプリを作ってみる
6 WEBアプリをAndroidアプリに!
7 まとめ
6 WEBアプリをAndroidアプリに!
では早速移植を
ライブコーディング
してみましょう!
6 WEBアプリをAndroidアプリに!
1 JQueryMobileでは慣れれば簡単!
2 WEBの知識がそのまま生かせる(CSSとか
3 ローカルリソースのAPIもある(カメラとか
目次
1 自己紹介
2 WEBアプリの作り方
3 Androidアプリの作り方
4 htmlとjsで作れるAndroidアプリ
5 実際にWEBアプリを作ってみる
6 WEBアプリをAndroidアプリに!
7 まとめ
と行く前に・・・
を強いたげられてるんだっ!
One more thing …
実演で時間が来たら省略します
まとめ
実演で時間が来たら省略します
実演で時間が来たら省略します