ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/03/27
NEW
【週刊ドットインストール】 Nuxt入門のレッスンをリリースしました
2025/03/24
NEW
『Nuxt入門 基礎編』をリリースしました
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
超速アプリ開発!ニフティクラウド mobile backend 入門
HTML5/JavaScriptで楽しく作る「早起きアプリ」講座。プッシュ通知・ランキング機能などリッチな機能を開発不要でさくっと実装!
0%
このレッスンはアーカイブされました
このスポンサードレッスンの掲載は終了しました。
動画レッスン一覧
(14)
補足情報一覧
(2)
#01 ニフティクラウド mobile backend を使ってアプリ開発をしてみよう
(02:20)
今回作るアプリの確認
ニフティクラウド mobile backend の概要
未完了
#02 ニフティクラウド mobile backend に登録し、ログインしてみよう
(02:42)
ニフティクラウド mobile backend での登録
APIキーの取得
未完了
#03 Monacaに登録し、ログインしてみよう
(02:47)
Monacaでの登録
プロジェクトの作成
Monacaデバッガーのインストール
動作確認
未完了
#04 早起きアプリを作っていこう
(01:58)
Font Awesomeの導入
画面の作成
動作確認
未完了
#05 スタイリングを整えよう
(02:37)
CSSの整備
動作確認
未完了
#06 起床時間を取得しよう
(02:58)
現在時間の取得
動作確認
未完了
#07 スマイルマークをハイライトさせよう
(02:48)
ハイライト処理
動作確認
未完了
#08 JavaScript SDKを組み込もう
(02:14)
JavaScript SDKのダウンロード
JavaScript SDKの組み込み
未完了
#09 ニフティクラウド mobile backend のAPIキーを設定して、初期化しよう
(02:02)
APIキーの組み込み
ニフティクラウド mobile backend の初期化
未完了
#10 データストアを使って、クラウド上にデータを保存してみよう
(02:29)
データストアへのデータ保存
クラウド上での確認
未完了
#11 データストアからデータを取得しよう
(02:50)
データの取得
データ件数の取得
未完了
#12 早起きした順番を表示していこう
(01:57)
表示領域の設定
早起きした順番の表示
動作確認
未完了
#13 プッシュ通知受信のための設定を行おう
(02:55)
プッシュ通知受信設定
アプリのビルド
未完了
#14 プッシュ通知を送ってみよう
(02:45)
プッシュ通知の配信
動作確認
未完了
#01 ニフティクラウド mobile backend を使ってアプリ開発をしてみよう
2015年9月9日
補足情報
その他のチュートリアルについて
Monaca × mBaaSでは他にも次のようなアプリのチュートリアルを用意しています。
ぜひトライしてmBaaSの活用方法を知ってください!
・位置情報検索を使ったチェックインアプリ
http://mb.cloud.nifty.com/doc/current/tutorial/monaca_checkIn.html
・クイズアプリ
http://mb.cloud.nifty.com/doc/current/tutorial/monaca_quiz_01.html
http://mb.cloud.nifty.com/doc/current/tutorial/monaca_quiz_02.html
・Monacaアプリにプッシュ通知を実装
http://blog.mb.cloud.nifty.com/?p=2081
・サーバ上に履歴を残す2次元バーコードリーダーアプリ
http://blog.mb.cloud.nifty.com/?p=2051
・Monaca × mBaaSのチュートリアルアプリの解説です。
http://blog.mb.cloud.nifty.com/?p=194
(全般)
http://blog.mb.cloud.nifty.com/?p=254
(Todo)
http://blog.mb.cloud.nifty.com/?p=427
(ギャラリー)
http://blog.mb.cloud.nifty.com/?p=585
(認証)
#08 JavaScript SDKを組み込もう
2015年10月1日
補足情報
JavaScript SDKのバージョンについて
このレッスンではJavaScript SDKのVer. 1を利用しています。動画通りの操作だと最新版のVer. 2がダウンロードされてしまうので、以下のリンクからVer. 1をダウンロードしてください。
http://mb.cloud.nifty.com/doc/1.2.6/introduction/sdkdownload_javascript.html
※ 画面中央の「SDKのダウンロード」をご利用ください。
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2015年7月1日
バージョン情報
ニフティクラウド mobile backend / Monaca
#01 ニフティクラウド mobile backend を使ってアプリ開発をしてみよう
補足情報 その他のチュートリアルについて
ぜひトライしてmBaaSの活用方法を知ってください!
・位置情報検索を使ったチェックインアプリ
http://mb.cloud.nifty.com/doc/current/tutorial/monaca_checkIn.html
・クイズアプリ
http://mb.cloud.nifty.com/doc/current/tutorial/monaca_quiz_01.html
http://mb.cloud.nifty.com/doc/current/tutorial/monaca_quiz_02.html
・Monacaアプリにプッシュ通知を実装
http://blog.mb.cloud.nifty.com/?p=2081
・サーバ上に履歴を残す2次元バーコードリーダーアプリ
http://blog.mb.cloud.nifty.com/?p=2051
・Monaca × mBaaSのチュートリアルアプリの解説です。
http://blog.mb.cloud.nifty.com/?p=194 (全般)
http://blog.mb.cloud.nifty.com/?p=254 (Todo)
http://blog.mb.cloud.nifty.com/?p=427 (ギャラリー)
http://blog.mb.cloud.nifty.com/?p=585 (認証)
#08 JavaScript SDKを組み込もう
補足情報 JavaScript SDKのバージョンについて
http://mb.cloud.nifty.com/doc/1.2.6/introduction/sdkdownload_javascript.html
※ 画面中央の「SDKのダウンロード」をご利用ください。