はじめてのハイブリッドアプリ

Transcript

1. はじめての ハイブリッド アプリ
2. このLTで伝えたいこと 2
3. このLTで伝えたいこと ハイブリッドアプリは楽しい！ 3 （ 簡単! ）
4. ハイブリッドアプリってなに？ 4
5. モバイル向けアプリケーションのひとつ 5 ハイブリッドアプリってなに？
6. ・モバイル向けアプリケーションの種類 ・ネイティブアプリ ・ハイブリッドアプリ ・PWA ・・・など 6 ハイブリッドアプリってなに？
7. ・モバイル向けアプリケーションの種類 ・ネイティブアプリ ・ハイブリッドアプリ ・PWA ・・・など 7 ハイブリッドアプリってなに？
8. ・ネイティブアプリ 8 Swift Java iOS Android ハイブリッドアプリってなに？
9. ・ネイティブアプリ 9 Swift Java iOS Android ハイブリッドアプリってなに？ それぞれのOSで それぞれの言語を 学ばなきゃいけない！
10. ハイブリッドアプリってなに？ 10 ・ハイブリッドアプリ 5 S HTML Java Script iOS Android 3 CSS
11. ハイブリッドアプリってなに？ 11 ・ハイブリッドアプリ ・どのOSでも同じプログラムでOK！ ・学習コストが少ない！（比較的） 5 S HTML Java Script iOS Android 3 CSS
12. 学習コストが少ない！ 作りやすい！ プログラミングが楽しくなる！ 12 ハイブリッドアプリってなに？ （モチベにもなる!)
13. ハイブリッドなメモアプリを作ってみた! 13
14. 製作時間：昨日から コンセプト：とにかく片手で操作できること できること： メモを保存する（localStorage） メモ一覧をみる 削除する 画像を付ける（monacaプラグイン） 日付もつける 共有する（monacaプラグイン) 14 ハイブリッドなメモアプリを作ってみた!
15. 15 ハイブリッドなメモアプリを作ってみた! トップ画面 メニューは指が届く範囲 ✓ボタンで保存
16. 16 ハイブリッドなメモアプリを作ってみた! 共有機能はmonacaのプラグイン 画像をつけれる 保存したメモ
17. 17 ハイブリッドなメモアプリを作ってみた! 開発環境： Monaca Cloud IDE
18. 18 ハイブリッドなメモアプリを作ってみた! 多分こんな感じ Monaca Cloud IDE Cordova フレームワーク iOS Android 5 S HTML Java Script 3 CSS
19. 実機テストもすぐ行えるので、やった分がすぐ見える！ 実際に動くと、作った感がある！ 19 ハイブリッドアプリってなに？ (デバッガーアプリ)
20. このLTで伝えたいこと ハイブリッドアプリは楽しい！ 20 （ 簡単! ）
21. ハイブリッドアプリで 楽しいコーディングライフを！ 21
22. おわり