超速アプリ開発!ニフティクラウド mobile backend 入門 SPONSORED

HTML5/JavaScriptで楽しく作る「早起きアプリ」講座。プッシュ通知・ランキング機能などリッチな機能を開発不要でさくっと実装!
0%
このレッスンはアーカイブされました
このスポンサードレッスンの掲載は終了しました。
  • #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のVer. 1を利用しています。動画通りの操作だと最新版のVer. 2がダウンロードされてしまうので、以下のリンクからVer. 1をダウンロードしてください。

http://mb.cloud.nifty.com/doc/1.2.6/introduction/sdkdownload_javascript.html
※ 画面中央の「SDKのダウンロード」をご利用ください。