今、スマホのハイブリッドアプリ(HTML5+Javascriptで、Androidもiosも動くアプリ)
の開発方法を、Monacaを使って教わっている。
途中までのメモ
■なぜMonaca・・・
・Cordova:バージョンあわせるのに大変
Monaca:Cordovaセットアップ済み
■Monacaでの開発の様子
・ブラウザで開発
・すまほからクラウドにつないで動作確認
→Monacaデバッガ
・最終的にはビルドして梱包:配布
■Monacaで開発するまでの手順
(1)アカウント登録
https://monaca.mobi/ja/register/start
で作成→仮登録→本登録
(2)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デバッガで確認できる
の開発方法を、Monacaを使って教わっている。
途中までのメモ
■なぜMonaca・・・
・Cordova:バージョンあわせるのに大変
Monaca:Cordovaセットアップ済み
■Monacaでの開発の様子
・ブラウザで開発
・すまほからクラウドにつないで動作確認
→Monacaデバッガ
・最終的にはビルドして梱包:配布
■Monacaで開発するまでの手順
(1)アカウント登録
https://monaca.mobi/ja/register/start
で作成→仮登録→本登録
(2)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デバッガで確認できる