ニフクラ mobile backend 学習参考書用サポートページ

トップ > プログラミング教育 > 学習参考書用サポートページ

学習参考書用サポートページEducation Document

プログラミング学習参考書「Monaca と ニフクラ mobile backend で学ぶ はじめてのプログラミング ~クラウド連携アプリ開発編~」のサポートページです。

初版をご利用の方へ

こちらは最新版参考書のサポートページとなります。初版をご利用の場合はこちらをご覧ください。


Monaca(通常版)とMonaca Educationについて

Monacaには、商業利用も可能なMonaca(通常版)と教育機関向けのMonaca Educationとがあります。
それぞれプロジェクトをインストールする際のURLが異なりますのでご注意ください。

第3章
バックエンドアプリ開発入門

章末演習 模範解答

①ボタンを押すとデータが保存されるアプリを作る

www/index.html

②ボタンを押すと入力した値(データ)が保存されるアプリを作る

www/index.html
第4章
データの取得

サンプル1

4_sampleData.csv ダウンロード
第4章
データの取得

章末演習 おみくじアプリを作る 模範解答

www/index.html
第5章
データの更新と削除

章末演習 簡単なメモアプリを作る 模範解答

www/index.html
基礎編まとめ

サンプル2

サンプルプロジェクト「MbTapGameApp」

Monaca(通常版)用 インポート
Monaca Education 用 インポート
基礎編まとめ

模範解答

【虫食い:その1】名前とスコアを保存しよう
【虫食い:その2】ランキングを表示しよう
第6章
ポインタとリレーションの基本

章末演習 アンケートアプリを作る(前編) 模範解答

www/index.html
www/js/app.js
第7章
ポインタとリレーションの応用

章末演習 アンケートアプリを作る(後編) 模範解答

www/index.html
www/list.html
www/js/app.js
第8章
位置情報検索機能

参考情報1 任意の場所の位置情報(緯度経度)の調べ方について

OpenStreetMapで調べる方法

  1. OpenStreetMap(https://www.openstreetmap.org/)を開く
  2. 位置情報を確認したい場所を地図上に表示し、右クリックをする
  3. 「アドレスを表示」をクリックする
  4. 画面左側に「検索結果」として緯度経度が表示される
第8章
位置情報検索機能

サンプル3

8_sampleData.json ダウンロード
第8章
位置情報検索機能

サンプル4

コピー用ソースコード
第8章
位置情報検索機能

サンプル5

コピー用ソースコード
第8章
位置情報検索機能

章末演習 マップメモアプリを作る 模範解答

www/index.html
www/js/app.js
第9章
会員管理・認証機能

参考情報2 メールアドレス・パスワード認証及び、パスワードリセットについて

メールアドレス・パスワード認証及び、パスワードリセットを学習される場合は下記ドキュメントページをご参照ください。

メールアドレス認証 ドキュメントを開く
パスワードのリセット ドキュメントを開く
第9章
会員管理・認証機能

章末演習 新規ユーザー登録・ログイン・ログアウトを実装したアプリを作る 模範解答

www/index.html
www/mainPage.html
www/js/app.js
第10章
データの参照権限

章末演習 マップメモアプリを作る 模範解答

www/mainPage.html
www/js/app.js
応用編まとめ

サンプル6

サンプルプロジェクト「MbChatApp」

Monaca(通常版)用 インポート
Monaca Education 用 インポート
応用編まとめ

模範解答

【虫食い:その1】新規ユーザー登録の実装

模範解答

【虫食い:その2】ログインの実装

模範解答

【虫食い:その3】ログアウトの実装

模範解答

【虫食い:その4】カレントユーザーの取得

模範解答

【虫食い:その5】参照権限の設定

模範解答

【虫食い:その6】参照権限とポインタを設定してデータを保存

模範解答

【虫食い:その7】メッセージデータの取得

模範解答
付録2

補足情報1 Monacaでの実機ビルドの方法について

Monaca で作成したアプリを実機にビルドする場合は、Monaca Docsのビルドに関するドキュメントページをご参照ください。

iOS アプリのビルド ドキュメントを開く(Monaca Docs)
Android アプリのビルド ドキュメントを開く(Monaca Docs)
付録2

補足情報2 コンテスト情報・アプリストアへの公開方法について

mobile backend が協賛しているコンテスト一覧:

スマートフォンアプリのストア公開する際の参考資料一覧:

付録2

チーム開発アプリサンプル

付録2でアプリ制作の例として記載していたサンプルアプリを事例として公開していますので、ご活用ください。

Monaca(通常版)用 インポート
Monaca Education 用 インポート
  • 本サンプルアプリは、OnsenUI(https://onsen.io/)を用いて作成されています。内容を完全に理解いただくには本書で学習した内容に加えOnsenUIの学習が必要となります。
  • 本サンプルアプリの動作確認を行う場合は、SDKの導入とAPIキーの設定(www/js/mb.jsファイルの2、3行目)が必要です。



推奨画面サイズ1024×768px以上

ページの先頭へ