簡単ゲーム開発！ニフティクラウド mobile backend でワンタップゲームを作ろう (全18回)

このレッスンはアーカイブされました

このスポンサードレッスンの掲載は終了しました。

動画レッスン一覧 (18)

#01 ニフティクラウド mobile backend を使ってゲームアプリ開発をしてみよう (02:50)
- 完成版の確認
- ニフティクラウド mobile backend の概要
- Monacaの紹介
#02 ニフティクラウド mobile backend に登録し、ログインしてみよう (02:39)
- ニフティクラウド mobile backend への登録
- アプリの作成
- APIキーの確認
#03 Monacaに登録し､ログインしてみよう (02:46)
- Monacaへの登録
- テンプレートの選択
- Monaca IDEの使い方
#04 ログイン画面を作ろう (03:00)
- ログインフォームの作成
- CSSの設定
- プレビューでの確認
- jQueryの導入
#05 ニフティクラウド mobile backend のAPIキーを設定して､初期化しよう (02:35)
- mobile backendの初期化
- フォーム投稿時のイベント設定
- 投稿されたフォームデータの取得
#06 ログイン機能を作ろう (02:50)
- ログイン処理
- 新規登録処理
- 動作確認
#07 ログインした後のゲーム画面を作ろう (02:20)
- ログインチェック処理
- game.htmlの作成
#08 ログインチェック/ログアウト機能を作ろう (02:46)
- ログインチェック機能
- ログアウト機能
- 動作確認
#09 ゲームのスタート画面を作ろう (02:49)
- Canvasの設定
- スタート画面の描画
- 動作確認
#10 ゲームの初期設定をしよう (02:36)
- #mycanvasへのイベント登録
- drawCircle()の作成
#11 ゲームの基本動作を作ろう (01:58)
- 円の描画
- アニメーション処理
- 動作確認
#12 ゲームのイベント処理を作ろう (02:17)
- isPlayingの設定
- 条件分岐
- 動作確認
#13 ゲームのスコアを計算しよう (02:42)
- targetの生成
- scoreの算出
- 動作確認
#14 ゲーム終了時の処理を作ろう (02:46)
- targetの描画
- rの描画
- scoreの描画
- 動作確認
#15 スコアをニフティクラウド mobile backend に保存しよう (02:56)
- データストアの設定
- rankデータの作成
- ACLの設定
- rankの保存
- ダッシュボードでの確認
#16 ランキング表示を作ろう (02:10)
- ランキングの表示
- showRanking()の作成
#17 ランキング機能を作ろう (03:01)
- 抽出条件の設定
- li要素の生成と追加
- 動作確認
#18 スマートフォン上で動かしてみよう (02:08)
- Monacaデバッガーの紹介
- 動作確認

ギャラリー

このレッスンについて

最終更新日: 2015年9月22日
バージョン情報: ニフティクラウド mobile backend / Monaca
関連キーワード (10): 基礎講座 (368) 初心者向け (367) HTML5 (32) JavaScript (147) CSS (116) iOSアプリ (2) スマートフォンアプリ (45) iPhoneアプリ (19) Androidアプリ (25) API (29)

ドットインストール - 3分動画でマスターできるプログラミング学習サービス

簡単ゲーム開発！ニフティクラウド mobile backend でワンタップゲームを作ろう

ギャラリー

このレッスンについて

このレッスンを共有する

サービスメニュー

ご利用にあたって

プログラミング勉強会

ソーシャルメディア

更新情報