Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML5でハイブリットなアプリ開発をアレしてみた件

kurita
July 24, 2018

 HTML5でハイブリットなアプリ開発をアレしてみた件

HTML5でハイブリットなアプリ開発をアレしてみた件

MC Open Lab. #2 アプリ最前線 ビアバッシュLT会
2018/07/24(火) 発表資料
https://memberscareer.connpass.com/event/91687/

Cordova とは
Web標準技術でアプリ開発!
Monacaを使ってみた!
Monacaを食ってみた!
モナカ 入ってなかった!
Monacaな理由その1
Monacaな理由その2
Monacaな理由その3
Monacaな理由その4
使わない手はない!
Google Play に登録した件
Google Play Console に登録する!
25ドル支払った!
これでほぼ完了です!?
\Google Play キタコレ/
\Firebase も ツイデニ/
無料のアカウント登録して
\開発画面到達/
なんやかんや
ビルドしてみた!
ビルドは1日3回まで!
デモ
Project v1.0.0 ビルド完了!
アプリ爆誕!

まとめ
1.Web屋ならアプリは Monaca イイ!
2.Monaca ならWeb用でも動く!
3.Google Play 掲載も、$25で!
4.ただ作るだけではクソアプリ!!

kurita

July 24, 2018
Tweet

More Decks by kurita

Other Decks in Technology

Transcript

  1. 1 HTML5 で ハイブリットな アプリ開発 を アレしてみた件 20180724 MC Open

    Lab.#2アプリ メンバーズキャリア Kurita T ※配布用(イベント時の編集版です)
  2. 6 iOSアプリ Androidアプリ . 開発言語 objective-C、Swift Java、C++、Kotlin 開発ツール XCode Eclipse、Android

    Studio 開発費用 iOS $100/年(毎年) Google Play 登録料 $25 審査 なんかうるさい 自動化、かんたん テスト TestFlight を利用(Max 25) 提供元不明でも、apk直可 開発画面 iOS と Android こっち かな
  3. 8 Unity Cordova 開発言語 C# HTML5、JS、CSS 開発ツール Unity monaca 開発費用

    ライセンス無料~ ライセンス無料~ 特徴 GUIで開発するゲーム開発エンジン WebViewベースでアプリ開発 対象OS iOS / Android 他いろいろ iOS / Android / Windows 開発画面 開発は他にも! これだ! これで!
  4. 9 Cordova とは コ ル ド バ Cordova(コルドバ)は、オープンソースの モバイルアプリケーション開発フレームワーク。 ニトビ・ソフトウエア社によってPhonegap(フォンギャップ)として開発が始

    められ、その後アドビシステムズがニトビ・ソフトウェア社を買収したことによ りPhoneGapはAdobeのプロダクトとなったが、そのソースコードがApache CordovaとしてApacheソフトウェア財団に寄贈され、コミュニティによってメ ンテナンスされている。 (引用 ウィキペディア) Cordovaを利用しているサービスではアドビシステムズ社が提供している PhoneGap/PhoneGap Buildやアシアル社が提供しているMonacaが有名。
  5. 11 Cordova の構造 コ ル ド バ HTML5、JS、CSS WebView ネイティブ(C言語)

    各種OS(Android、iOS、Windows) 基本SDKライブラリ Apache Cordova
  6. 12 Cordova層 Cordova の仕組み コ ル ド バ HTML5層 WebView

    OS アプリ本体はHTML5で実装 CordovaがOSに合わせた ネイティブコードを提供 1.JavascriptでAPIを実行 2. Cordova がネイティブ機能を実行
  7. 21 ネイティブ開発に引けを 取らないUI表現 Monacaには世界的に利用されているUIライブラリ Onsen UI が標準搭載されています。 引用:https://ja.monaca.io Monacaな理由その4 Onsen

    UI を使えばiOSとAndroidのUIコンポーネントや 画面遷移をHTML5で簡単に表現できます。HTML5モバ イルアプリでもネイティブ開発に引けをとらない高品 質なUI表現を行うことができます。
  8. 27 Google Play Console に登録する! 1.Google Play デベロッパー アカウントを作成します 2.デベロッパー販売

    / 配布契約に同意します 3.登録料を支払います ⇒1 回限りの登録料($25 USD)が必要になります。
  9. 47 まとめ 1. Web屋ならアプリは Monaca イイ! 2. Monaca ならWeb用でも動く! 3.

    Google Play 掲載も、$25で! 4. ただ作るだけではクソアプリ!!
  10. 49