ステップ index.htmlの編集 renderHomeView()の実装 初期化ロジックの修正 keyupイベントの移植 Helpボタンイベントの削除 動作確認 原文/参考記事 次のチュートリアル 前のチュートリアル Single-Page Application(SPA)とは、１つのHTMLページで生成されるW…

ステップ 待機処理の動作確認 スクリプトタグの追加 FastClickの登録 動作確認 原文/参考記事 次のチュートリアル 前のチュートリアル ステップ 待機処理の動作確認 1.iOSデバイスかiOSエミュレータで次の動作を確認してみましょう。 [Help]ボタンをタップし…

ステップ cordova-plugin-dialogsの追加 スクリプトタグの追加 window.alert()のオーバーライド 動作確認 原文/参考記事 次のチュートリアル 前のチュートリアル JavaScriptのアラートは、アプリケーションがネイティブ でないことを伝えています。このセク…

永続化メカニズムの調査 それぞれの永続化メカニズムでアプリの動作を確認 原文/参考記事 次のチュートリアル 前のチュートリアル Cordovaアプリがどのようにして永続的にデータを保持しているのか確認していきます。 永続化メカニズムの調査 以下のファイル…

ステップ wwwコンテンツの削除 サポートファイルのダウンロード コンテンツのコピー ビルドの再実行 アプリの動作確認 原文/参考記事 次のチュートリアル 前のチュートリアル ステップ wwwコンテンツの削除 1.workshop/wwwディレクトリ配下のコンテンツを削…

iOSのビルド手順 Androidのビルド 原文/参考記事 次のチュートリアル 前のチュートリアル この章は任意です。もしModule1でプラットフォームのサポートを追加していない場合は、この章をスキップして次のModule3に進んでください。 iOSのビルド手順 workshop…

ステップ Node.jsのバージョン確認 Cordovaのインストール 作業ディレクトリの準備 Cordovaプロジェクトの作成 Cordovaプロジェクトへ移動 iOS/Androidプラットフォームの追加(任意) プラグインの追加 workshopディレクトリの構造について 原文/参考記事 次…

デフォルトのアイコンが表示される 以下、Cordovaで作成したandroidアプリのアイコンが未設定の場合 アイコン設定手順 cordova create hogehogeのコマンド実行後に作成される、config.xmlでの設定が必要。 config.xml内の<platform name="android">タグ内に以下を追加 <icon src="res/android/ldpi.png" density="ldpi" /> <icon src="res/android/mdpi.png" density="mdpi" /> </icon></icon></platform>

cordovaのどおうにゅう node環境 v12.10.0 対象プロジェクト配下にて npm install -g @vue/cli vue add cordova ※vue add cordovaにてsrc-cordovaが作成されず、エラーが発生する場合がある error: ENOENT: no such file or directory, open '/Users/hogehog…