本書で扱う
サンプルアプリ
本書で解説するサンプルアプリは、Monacaデバッガーを使って実機上でそのまま実行できます。各画面下の「Monacaにインポート」をクリックしてください。ダウンロードしたzipパッケージを、Monacaのプロジェクト作成画面でインポートすることで、そのままMonacaのプロジェクトとして作成できます。
-
第3章 3-1今年は
ダウンロード
平成何年?第3章 3-1今年は平成何年?
ダウンロード -
第3章 3-2Monaca
ダウンロード
カウンター第3章 3-2Monacaカウンター
ダウンロード -
第4章 4-1フレーム
ダウンロード
アニメーション第4章 4-1フレームアニメーション
ダウンロード -
第4章 4-2往復アニメーション
ダウンロード第4章 4-2往復アニメーション
ダウンロード -
第4章 4-3周回アニメーション
ダウンロード第4章 4-3周回アニメーション
ダウンロード -
第4章 4-4線の描画
ダウンロード第4章 4-4線の描画
ダウンロード -
第4章 4-5線のカラーと
ダウンロード
太さの変更第4章 4-5線のカラーと太さの
ダウンロード
変更 -
第4章 4-6塗りと塗りの
ダウンロード
カラーの変更第4章 4-6塗りと塗りのカラーの
ダウンロード
変更 -
第4章 4-7矩形の描画と
ダウンロード
矩形の抜き第4章 4-7矩形の描画と矩形の
ダウンロード
抜き -
第4章 4-8円と円弧の描画
ダウンロード第4章 4-8円と円弧の描画
ダウンロード -
第4章 4-9グラデーション
ダウンロード
塗り第4章 4-9グラデーション塗り
ダウンロード -
第4章 4-10パターン塗り
ダウンロード第4章 4-10パターン塗り
ダウンロード -
第4章 4-11お絵かきアプリ1号
ダウンロード第4章 4-11お絵かきアプリ1号
ダウンロード -
第4章 4-12お絵かきアプリ2号
ダウンロード第4章 4-12お絵かきアプリ2号
ダウンロード -
第4章 4-13お絵かきアプリの完成
ダウンロード第4章 4-13お絵かきアプリの完成
ダウンロード -
第5章 5-1Onsen UI
ダウンロード
最小限の
テンプレート第5章 5-1Onsen UI最小限の
ダウンロード
テンプレート -
第5章 5-2Onsen UI Master-Detail
ダウンロード
テンプレート第5章 5-2Onsen UI Master-Detailテンプレート
ダウンロード -
第5章 5-3Onsen UIの
ダウンロード
主なコンポーネント第5章 5-3Onsen UIの主な
ダウンロード
コンポーネント -
第5章 5-4CSSコンポーネントを使った
ダウンロード
ページの
カスタマイズ第5章 5-4CSSコンポーネントを
ダウンロード
使ったページの
カスタマイズ -
第6章 6-1ページ初期化の
ダウンロード
イベント第6章 6-1ページ初期化の
ダウンロード
イベント -
第6章 6-2ページ遷移を用いたサンプル
ダウンロード第6章 6-2ページ遷移を用いた
ダウンロード
サンプル -
第6章 6-3<ons-tabbar>のprechange/postchangeイベント
ダウンロード第6章 6-3<ons-tabbar>のprechange/postchangeイベント
ダウンロード -
第6章 6-4ドラッグを受け取る
ダウンロード第6章 6-4ドラッグを受け取る
ダウンロード -
第6章 6-5ドラッグ中、イメージを半透明にする
ダウンロード第6章 6-5ドラッグ中、イメージを半透明にする
ダウンロード -
第6章 6-6回転を受け取る
ダウンロード第6章 6-6回転を受け取る
ダウンロード -
第6章 6-7イメージの
ダウンロード
拡大縮小第6章 6-7イメージの拡大縮小
ダウンロード -
第6章 6-8重なりの変更
ダウンロード第6章 6-8重なりの変更
ダウンロード -
第6章 6-9フォトビューア
ダウンロード
アプリの作成第6章 6-9フォトビューアアプリの作成
ダウンロード -
第7章 7-1ユーザーに
ダウンロード
確認を求める第7章 7-1ユーザーに確認を
ダウンロード
求める -
第7章 7-2ダイアログを
ダウンロード
表示する第7章 7-2ダイアログを表示する
ダウンロード -
第7章 7-3モーダル
ダウンロード第7章 7-3モーダル
ダウンロード -
第7章 7-4処理中の状態にする
ダウンロード第7章 7-4処理中の状態にする
ダウンロード -
第7章 7-5ポップオーバー
ダウンロード第7章 7-5ポップオーバー
ダウンロード -
第7章 7-6パターン集からMonacaアプリを作る
ダウンロード第7章 7-6パターン集からMonacaアプリを作る
ダウンロード -
第7章 7-7基本的な使い方
ダウンロード第7章 7-7基本的な使い方
ダウンロード -
第7章 7-8画面サイズに応じてレイアウトを変更する
ダウンロード第7章 7-8画面サイズに応じてレイアウトを変更する
ダウンロード -
第7章 7-9ons-if-orientationの使用
ダウンロード第7章 7-9ons-if-orientationの
ダウンロード
使用 -
第8章 8-1現在位置を計測し、地図で表示するアプリ
ダウンロード第8章 8-1現在位置を計測し、地図で表示するアプリ
ダウンロード -
第8章 8-2加速度センサーを使った水準器アプリ
ダウンロード第8章 8-2加速度センサーを使った水準器アプリ
ダウンロード -
第8章 8-3画像変換機能付きカメラアプリ
ダウンロード第8章 8-3画像変換機能付き
ダウンロード
カメラアプリ -
第9章 9-1AngularJSの
ダウンロード
基本第9章 9-1AngularJSの基本
ダウンロード -
第9章 9-2白馬の
ダウンロード
野の花便り第9章 9-2白馬の野の花便り
ダウンロード -
第10章 10-1天気予報アプリ
ダウンロード第10章 10-1天気予報アプリ
ダウンロード -
第10章 10-2バーコードスキャナーアプリ
ダウンロード第10章 10-2バーコードスキャナー
ダウンロード
アプリ
本書の概要
目次
- 第1章 HTML5ハイブリッドアプリ開発とMonaca
- 第2章 Monacaの使い方
- 第3章 はじめてのMonacaアプリ
- 第4章 CSSアニメーションと描画機能
- 第5章 Onsen UIコンポーネント
- 第6章 イベントとインタラクション
- 第7章 画面のパターンと構成
- 第8章 Cordovaとデバイス機能
- 第9章:AngularJS入門
- 第10章:本格的なアプリ開発
概要
近年、HTML5/JavaScriptを使ってモバイルアプリを開発する手法である「HTML5ハイブリッドアプリ開発」が注目を浴びています。
本書は、無料で使えるクラウド型の開発環境Monacaクラウドを利用して、iOS/Android両プラットフォームで動作するハイブリッドアプリを作る方法を解説する書籍です。Monacaクラウドではアプリ開発環境がクラウドサービスとして提供されるため、開発環境のセットアップは不要。ブラウザがあればすぐに開発を始められます。
このMonacaクラウドを使って、HTML5/JavaScriptでいくつかのアプリを作りながら、ハイブリッドアプリ作成の基本テクニックのほか、CordovaプラグインによるiOS/Androidネイティブ機能の活用方法、Onsen UI/AngularJSを利用してリッチなUIを構築する方法について詳しく学びます。
iOS/Android両対応のアプリを開発したい、あるいはHTML5ハイブリッド開発に興味があるものの敷居が高そうと感じていた方など、Web技術でハイブリッドアプリ開発をしたいと考えている方すべてにおすすめの一冊です。