× 無料のユーザー登録をすると学習状況を管理することができるようになります

超速アプリ開発!ニフティクラウド mobile backend 入門 (全14回)

このスポンサードレッスンは掲載を終了いたしました。
このレッスンはニフティ株式会社に協賛いただき、ニフティクラウド mobile backend について解説しています。動画のレッスンを開始するにはまず サービスへの登録 を行なってください。
Sponsored By NIFTY Corporation

HTML5/JavaScriptで楽しく作る「早起きアプリ」講座。プッシュ通知・ランキング機能などリッチな機能を開発不要でさくっと実装!

このレッスンでは ニフティクラウド mobile backend / Monaca を使用しています。

  • #01 ニフティクラウド mobile backend を使ってアプリ開発をしてみよう (02:19)
    • 今回作るアプリの確認
    • ニフティクラウド mobile backend の概要
  • #02 ニフティクラウド mobile backend に登録し、ログインしてみよう (02:41)
    • ニフティクラウド mobile backend での登録
    • APIキーの取得
  • #03 Monacaに登録し、ログインしてみよう (02:46)
    • Monacaでの登録
    • プロジェクトの作成
    • Monacaデバッガーのインストール
    • 動作確認
  • #04 早起きアプリを作っていこう (01:58)
    • Font Awesomeの導入
    • 画面の作成
    • 動作確認
  • #05 スタイリングを整えよう (02:36)
    • CSSの整備
    • 動作確認
  • #06 起床時間を取得しよう (02:57)
    • 現在時間の取得
    • 動作確認
  • #07 スマイルマークをハイライトさせよう (02:48)
    • ハイライト処理
    • 動作確認
  • #08 JavaScript SDKを組み込もう (02:14)
    • JavaScript SDKのダウンロード
    • JavaScript SDKの組み込み
  • #09 ニフティクラウド mobile backend のAPIキーを設定して、初期化しよう (02:01)
    • APIキーの組み込み
    • ニフティクラウド mobile backend の初期化
  • #10 データストアを使って、クラウド上にデータを保存してみよう (02:29)
    • データストアへのデータ保存
    • クラウド上での確認
  • #11 データストアからデータを取得しよう (02:50)
    • データの取得
    • データ件数の取得
  • #12 早起きした順番を表示していこう (01:56)
    • 表示領域の設定
    • 早起きした順番の表示
    • 動作確認
  • #13 プッシュ通知受信のための設定を行おう (02:54)
    • プッシュ通知受信設定
    • アプリのビルド
  • #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のダウンロード」をご利用ください。