ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/06/01
NEW
『JavaScript入門 DOM編』をリリースしました
2023/06/01
NEW
週刊ドットインストール(2023/06/01号)を更新しました!
超速アプリ開発!ニフティクラウド 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のダウンロード」をご利用ください。
ギャラリー
このレッスンについて
最終更新日
2015年7月1日
バージョン情報
ニフティクラウド mobile backend / Monaca
関連キーワード
(10)
基礎講座
(369)
初心者向け
(368)
HTML5
(32)
JavaScript
(148)
CSS
(116)
iOSアプリ
(2)
スマートフォンアプリ
(45)
iPhoneアプリ
(19)
Androidアプリ
(25)
API
(29)
このレッスンを共有する
補足情報 その他のチュートリアルについて
ぜひトライして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 (認証)