サンプル&チュートリアル(Monaca)

サンプル&チュートリアル一覧

mobile backend を体験しよう!
使用機能 / データストア
難易度 / ★☆☆☆☆
アプリから、ニフクラ mobile backendへデータ登録を行うサンプルアプリです
APIキーの設定をするだけで直ぐに動作確認いただけます

クラウドデータベースを連携してみよう!
使用機能 / データストア
難易度 / ★★☆☆☆
データの保存・取得・検索について学べる「お問い合わせフォーム」をイメージしたサンプルアプリです

アプリにログイン機能をつけよう!
使用機能 / 会員管理
難易度 / ★★☆☆☆
アプリにログイン機能(ユーザー名とパスワードを利用)を実装したサンプルアプリです
APIキーの設定をするだけで直ぐに動作確認いただけます

アプリに会員認証機能を導入しよう!
使用機能 / 会員管理
難易度 / ★★☆☆☆
3つの認証機能(ID/PW認証・メールアドレス/PW認証・匿名認証)を実装したサンプルアプリです

アプリにプッシュ通知を組み込もう!
使用機能 / プッシュ通知
難易度 / ★★★☆☆
アプリにプッシュ通知機能を実装したサンプルアプリです
※iOS端末で動作確認をする場合はApple Developer Programの登録(有償)が必要です

地図アプリを作ろう!
使用機能 / データストア,位置情報検索
難易度 / ★★☆☆☆
位置情報をクラウドに保存・取得する体験ができるアプリです

プッシュ通知のグルーピング配信を体験しよう!
使用機能 / プッシュ通知,データストア
難易度 / ★★★☆☆
プッシュ通知の絞り込み配信を体験できるサンプルアプリです
※iOS端末で動作確認をする場合はApple Developer Programの登録(有償)が必要です

オンラインランキング機能を作ってみよう!
「連打ゲーム」
使用機能 / データストア
難易度 / ★★★☆☆
データストア機能を学習できる問題集形式のチュートリアルです
問題にしたがって正しくコーディングを行うと「連打ゲーム」にオンラインランキング機能を実装できます

【動画で学ぶ】Monacaでお気に入り登録機能付き
RSSリーダーを作成する
使用機能 / データストア, プッシュ通知
難易度 / ★★★☆☆
Monacaにて提供されている「RSSリーダー」テンプレートに対し、オンラインのお気に入り機能を実装します。また、最後にプッシュ通知の実装についても触れます。

【IoT入門】スマホで加速度と位置情報を取得してクラウドに保存する
使用機能 / データストア, 位置情報
難易度 / ★★★☆☆
スマホの「センサ」(加速度センサーとGPSセンサー)の値をクラウドに保存する機能を実装します

MonacaでO2Oクーポンアプリを作る
使用機能 / データストア, 位置情報, 会員管理, ファイルストア
難易度 / ★★★★☆
Monaca・mBaaSの位置情報機能を使って、クーポンを提供する現在地付近のお店を検索できるアプリを実装します
会員認証による、クーポン利用回数の管理機能もあります

【IoT】ドア監視アプリを作る
使用機能 / データストア
難易度 / ★★★★☆
RaspberyPiを使って、ドア開閉センサーの値を取得し、Node-RED経由でmobile backendにデータを保存します
またMonacaで保存した開閉状況を使った監視アプリを作ります

Monacaでチェックインアプリをつくる
使用機能 / データストア, 位置情報検索
難易度 / ★★★☆☆
Monacaでつくるアプリにて位置情報の取得とmobile backendからの位置情報検索を行い、チェックインアプリをつくります

iBeaconを活用したO2Oアプリをつくる
使用機能 / データストア, ファイルストア
難易度 / ★★★★☆
このチュートリアルでは、iBeaconを設置している店舗を想定しています。ビーコンを検出した時に、サーバ側に保存されているクーポン情報を取得してアプリ上に表示するアプリを作ります。

Monacaでクイズアプリを作る
使用機能 / データストア
難易度 / ★★★☆☆
簡単なクイズアプリの作成を通して、Monacaでのアプリ作成や、mobile backendとの基本的な連携方法を学びます
前半では、連携させるための準備、データの保存、会員登録などの基本的な機能の利用を行います
後半では、簡単なクイズアプリの作成を実施します

Monacaアプリのゲームにランキング機能をつける
「ブロック崩しゲーム」
使用機能 / データストア、会員管理
難易度 / ★★★☆☆
Monacaとニフクラ mobile backend(mBaaS)を組み合わせ、サンプルの「ブロック崩しゲーム」にオンラインランキング機能を実装します
お探しの内容が見つからなかった場合はユーザーコミュニティ
もご活用ください。(回答保証はいたしかねます)
なお、 Expertプラン以上のお客様はテクニカルサポートにてご質問を承らせて頂きます。
推奨画面サイズ1024×768px以上