jsdo.it と Monaca による端末へ のアプリ導入 5/29 (金)課題 堀江美香
jsdo.it とは Monaca とは jsdo.it と Monaca による端末でのアプリ動作方 法 準備 jsdo.it のコードを Monaca へ ビルド方法 ‐ 目次 ‐
jsdo.it とは Monaca とは jsdo.it と Monaca による端末でのアプリ動作方 法 準備 jsdo.it のコードを Monaca へ ビルド方法 ‐ 目次 ‐
JavaScript の投稿共有コミュニティサイト Jsdo.it とは
Web 上でコードを入力してその場で実行 コードを Web 上に保存し、作品として公開 特徴
jsdo.it とは Monaca とは jsdo.it と Monaca による端末でのアプリ動作方 法 準備 jsdo.it のコードを Monaca へ ビルド方法 ‐ 目次 ‐
スマートフォン向けアプリの開発環境 HTML CSS JavaScript を使って、スマホや タブレットで動作するアプリが簡単に作成 Monaca とは
必要なものは Web ブラウザのみ ソースコードを保存するだけで実機上で即時 確認 特徴
jsdo.it とは Monaca とは jsdo.it と Monaca による端末でのアプリ動作方 法 準備 jsdo.it のコードを Monaca へ ビルド方法 ‐ 目次 ‐
jsdo.it のコードを Monaca に導入することで、 スマホやタブレットでアプリを動作させるこ とができる jsdo.it と Monaca による 端末でのアプリ動作方法
1. 動かしたいコードを選ぶ 2. 「ダウンロード」 → PC 上に保存 準備( jsdo.it )
1. プロジェクトの作成 2. 「 HelloWorld アプリ」を選択 準備( Monaca )
3. 新規プロジェクト → 「プロジェクトを作成 する」 4. すべてのプロジェクト → 「 HelloWorld アプ リ」開く 準備( Monaca )
5.MonacaIDE が開く 準備( Monaca )
MonacaIDE のサイドメニューバーに jsdo.it でダウンロードしたファイル をドラッグ Jsdo.it のコードを Monaca へ
1.iOS 向け Monaca アプリ用 2.Android 向け Monaca アプリ用 ビルド方法
1.MonacaIDE メニュー上の「ビルド」 → 「 iOS アプリ のビルド」 2.iOS アプリケーションのビルド → 「ビルド設定を開 く」 1.iOS 向け Monaca アプリのビル ド
3.iOS ビルド設定 ※ iOS Developer Program への登録が必要になる → iPhone で Monaca アプリをダ ウンロード 1.iOS 向け Monaca アプリのビル ド
1.MonacaIDE メニュー上の「ビルド」 → 「 Andorid ア プリのビルド」 2.Andoroid 向け Monaca アプリのビル ド
2.Android アプリケーションのビルド → 「デバッグビル ド」 → 次へ 2.Andoroid 向け Monaca アプリのビル ド
3. 「ビルドが完成しました」 → QR コードを「名前を付 けて保存」 2.Andoroid 向け Monaca アプリのビル ド