スマホのハイブリッドアプリ開発方法を教わっている（Monaca使って） その２

さっきの話の続き

ちなみに聞いてきたセミナーは「はじめてのHTML5モバイルアプリ開発講座」
Monacaは https://ja.monaca.io/ で入れる。

---

■インポート
　書籍
クラウドでできるHTML5ハイブリッドアプリ開発
https://www.shoeisha.co.jp/book/detail/9784798140285
のプロジェクトは、URLをコピーしてプロジェクト作成のときにインポートできる

上記書籍の説明資料は、slideshareであがっている（公式ガイドブック）

■JS JQueryの確認
・ECMA Script version6
・ブラウザで動く言語
・オブジェクト
　var オブジェクト名={キー:値,・・・}
・配列
　var number=[10,20,30・・・]
　→配列もオブジェクト
・for in
　→配列はふつうのforで
・変数のスコープ（外の変数）
・オブジェクトに関数（無名関数でいい）
・ブラウザでできること
　　イベント→イベントハンドら→メソッド
・DOMドキュメントをオブジェクトで扱うモデル
・JQuery：ブラウザの差を吸収
・Android,iosはかなり同じように表示
　　→エンジン　webkitベース
・# ID
　. クラス名
* すべてのタグ
　h1 タグ
→CSSのセレクターと同じ
・イベント on はずすのはoff

■エクスポート
・ファイル→エクスポートでエクスポートできる。
・IDEの「過去のバージョンを見る」でファイルを元に戻せる

■ローカルストレージ
・ブラウザにデータ保存
・Cookieよりも容量多い
・JSON.parse、JSON.stringify
・情報の確認方法：リソース
　Monacaデバッガーがつながっていれば、ローカルストレージ見れる
　→下のウィンドウ、ResourcesのLocalStorageのLocalFiles
・$li.data("index",0)→data-index=0という属性を作ってくれる

スマホのハイブリッドアプリ開発方法を教わっている（Monaca使って） その１

今、スマホのハイブリッドアプリ(HTML5+Javascriptで、Androidもiosも動くアプリ）
の開発方法を、Monacaを使って教わっている。

途中までのメモ

■なぜMonaca・・・
・Cordova：バージョンあわせるのに大変
　Monaca:Cordovaセットアップ済み

■Monacaでの開発の様子
・ブラウザで開発
・すまほからクラウドにつないで動作確認
　　→Monacaデバッガ
・最終的にはビルドして梱包：配布

■Monacaで開発するまでの手順
（１）アカウント登録
　　https://monaca.mobi/ja/register/start
　　で作成→仮登録→本登録

（２）IDE（くわしくは★）
・Monacaデバッガーで開発中のアプリを起動する●
・プレビューでは、デバッグ情報は出ない
　　→Monacaデバッガーの情報が出る
・設定でAndroid,ios個別設定


★IDEで新規プロジェクトから
・プロジェクト作成
　　Monacaio→最小限のプロジェクト
・素材をフォルダーごとアップロード
　　（または、ドラッグ＆ドロップ）
　　WWWを選択、アップロードするimagesフォルダをドラッグ＆ドロップ
・設定でJQuery追加
・Body部分を記述、保存


●Monacaデバッガーのメニューについて（右下の□を押すと出る）
・更新
・メニューに戻る
　→更新されても出てこない場合、メニューに戻り、
もう一度プロジェクトに入る
　→メニューでは、下にスクロールさせようとすると更新する
・右下の□にびっくりマークが出たらエラー。Monacaの編集画面でみれる。
　このとき、$ is not a function
　となったら、JQueryが利いていない可能性あり
　Monaca（IDE)の設定→JS/CSSコンポーネントの追加と削除でJQueryを追加
・Monacaデバッガーの設定でキャッシュを消せる。JQueryし忘れるとエラーになるが、
　その場合、キャッシュも消しておくこと

■ネイティブ機能→CordovaAPI
　devicereadyが発生してから実行する
　$(document).on("deviceready",関数);

・カメラ撮影
navigator.camera.getPicture(撮影した、しない、オプション）;

■リリース
・Google：マーケットは開発者登録
　　→リリースビルド。直接いれることもできる
　ios：マーケットを通さないと使えない
　　→Monacaデバッガで確認できる