JavaScript祭りLTでmonacaを紹介

URL : http://www.asial.co.jp/ │ Copyright © Asial Corporation. All Rights Reserved. ｜ 1
Monacaを使って
モバイルアプリを作ろう
アシアル株式会社

自己紹介

自己紹介
• 名前
– 岡本雄樹（ジャスティス岡本）
• 職業
– アシアルという会社で教育事業を営んでおります
• ブログ
– ジャスティス岡本
– http://j801.com/
• 著書
– 「イラストでよくわかるPHP
はじめてのWebプログラミング入門」

最近やったお仕事
最近やったお仕事
– 春の12日間連続新人研修
– アプリ開発セミナー全国キャラバン
– スクーで外部API(Web API)入門講座

アプリ開発セミナー全国キャラバン
• 北は北海道から南は沖縄まで実施
– 会社の経費で全国をまわってきました！

沖縄！

名古屋！

京都！

こちらはスクー 4月1日

ジャスティス岡本ブログ
• 活動報告はブログでチェック

Monacaを紹介します

Monacaとは？
• JSでモバイルアプリを開発するためのツール
• アプリ開発に必要なことを色々やってくれる

基本的な事はクラウドで全部やってくれる
WebベースのIDE デバッガービルドシステム
クラウド
ソースコードは
クラウド上にターゲットOSに
合わせた環境で
アプリをビルド

最近、公式ガイドブックも出ました
第1章 HTML5ハイブリッドアプリ開発とMonaca
第2章 Monacaの使い方
第3章はじめてのMonacaアプリ
第4章 CSSアニメーションと描画機能
第5章 Onsen UIの基本
第6章イベントとインタラクション
第7章画面のパターンと構成
第8章 Cordovaとデバイス機能
第9章 AngularJS入門
第10章本格的なアプリ開発

Monacaを使う理由

Monacaを使う理由
• JSでモバイルアプリを開発できる！
– iOS/Android/Windows/Chrome Apps対応
• ユーザーが多い！
– 9万人ぐらい
• すぐに始められる！
– MacでもWindowsでもLinuxでもOK

アプリの仕組み
• OSのWebView機能でアプリを動かす
ネイティブコード
HTML
コンテンツ
アプリケーション本体は
HTML5技術で実装
ハードウェア機能を利用可能
ネイティブアプリ形式で配布

Monaca三種の神器

Monaca IDE
ファイルの管理を
行います
ファイルの編集を
行います
プレビューを
表示します
デバッグ情報を表示します
ダッシュボードを
開きます

Monacaデバッガー
• リアルタイムにアプリの動作確認！

Onsen UI
• SPAに対応したUI フレームワーク
http://ja.onsen.io/

詳しくは、別スライドを参照してください
• AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
– http://www.slideshare.net/AsialCorp/angularonsen-uihtml5

最近のMonaca動向

Crosswalkを利用したビルドに対応
• Crosswalkとは
– Intel社が開発した超高速なWebViewです
• Androidアプリの速度が倍速ぐらいになります
Androidアプリ

Monaca for Visual Studio

Monacaエンタープライズ
• エンタープライズ向けの有料プラン
– ソースコードの暗号化
– セキュアストレージ
– アプリの自動更新機能
– SAP等の既存システムとの連携
– サポートチームによる開発支援
– トレーニング
https://ja.monaca.io/enterprise.html

お知らせ

エンジニア募集中！
• シリコンバレーの連中とガチで戦いたい人歓迎！
• エンジニアの天国？？？社員の7割以上がエンジニア

JavaScript祭りLTでmonacaを紹介

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (19)

Semelhante a JavaScript祭りLTでmonacaを紹介

Semelhante a JavaScript祭りLTでmonacaを紹介 (20)

Mais de Yuki Okamoto

Mais de Yuki Okamoto (12)

JavaScript祭りLTでmonacaを紹介