Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
カジュアルゲームソーシャル強化塾 第一部
Search
ニフティクラウド mobile backend
September 28, 2016
Technology
0
480
カジュアルゲームソーシャル強化塾 第一部
ニフティクラウド mobile backendを活用した「ゆる~いソーシャル機能」「ユーザーデータ管理」実装術
ニフティクラウド mobile backend
September 28, 2016
Tweet
Share
More Decks by ニフティクラウド mobile backend
See All by ニフティクラウド mobile backend
Monaca キッチンシンクアプリの紹介
ncmb
0
870
ニフティクラウド mobile backend のREST API 4つ の課題
ncmb
0
630
サーバサイドエンジニアにこそ使って欲しいBaaS
ncmb
0
530
カジュアルゲームソーシャル強化塾 第二部
ncmb
0
440
アクションゲームにゆる~いソーシャル型協力機能を作りましょう
ncmb
0
710
Unity + NCMBで作る カスタムステージのオンライン共有システム
ncmb
0
740
Other Decks in Technology
See All in Technology
WACATE2024冬セッション資料(ユーザビリティ)
scarletplover
0
190
Kubeshark で Kubernetes の Traffic を眺めてみよう/Let's Look at k8s Traffic with Kubeshark
kota2and3kan
3
370
Jetpack Composeで始めるServer Cache State
ogaclejapan
2
160
OpenShift Virtualizationのネットワーク構成を真剣に考えてみた/OpenShift Virtualization's Network Configuration
tnk4on
0
130
Microsoft Azure全冠になってみた ~アレを使い倒した者が試験を制す!?~/Obtained all Microsoft Azure certifications Those who use "that" to the full will win the exam! ?
yuj1osm
1
110
[Ruby] Develop a Morse Code Learning Gem & Beep from Strings
oguressive
1
150
MLOps の現場から
asei
6
630
KubeCon NA 2024 Recap / Running WebAssembly (Wasm) Workloads Side-by-Side with Container Workloads
z63d
1
240
AI時代のデータセンターネットワーク
lycorptech_jp
PRO
1
280
PHPからGoへのマイグレーション for DMMアフィリエイト
yabakokobayashi
1
160
大幅アップデートされたRagas v0.2をキャッチアップ
os1ma
2
520
複雑性の高いオブジェクト編集に向き合う: プラガブルなReactフォーム設計
righttouch
PRO
0
110
Featured
See All Featured
Designing for humans not robots
tammielis
250
25k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.4k
The Cost Of JavaScript in 2023
addyosmani
45
7k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
It's Worth the Effort
3n
183
28k
Six Lessons from altMBA
skipperchong
27
3.5k
Documentation Writing (for coders)
carmenintech
66
4.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Transcript
Copyright @ NIFTY Corporation All Rights ニフティクラウド mobile backend エヴァンジェリスト
一條貴彰 カジュアルゲームソーシャル強化塾 第一部 「ゆる~いソーシャル機能」 「ユーザーデータ管理」 実装術
Copyright @ NIFTY Corporation All Rights 自己紹介 一條 貴彰 @Takaaki_Ichijo
• 個人ゲーム開発者 • ゲーム開発ツール専門コンサル 仕事 • NCMBエヴァンジェリスト • ゲーム開発ツール専門のライター • 他色々 趣味 • 飲酒(クラフトビール) • 80’s洋ポップス レアレコード収集 / DJ
Copyright @ NIFTY Corporation All Rights もくじ • 本セミナーの目的 •
NCMBとは? • デモゲーム紹介 • 『剣士なんですぐ死んでしまうん?』について • NCMB利用の流れ • デモゲームの実装について
Copyright @ NIFTY Corporation All Rights 本セミナーの目的
Copyright @ NIFTY Corporation All Rights カジュアルゲームの差別化が必要 • プレイヤーの目が肥えた •
開発者が増えた • クオリティが上がった 新しいゲーム体験、おもしろさを発見しなくては…
Copyright @ NIFTY Corporation All Rights 最近の大ヒットから 『ひとりぼっち惑星』 放置ゲー+一方的メッセージング
Copyright @ NIFTY Corporation All Rights 鍵のひとつは「ゆるソーシャル」かも? オンライン機能を使った新しいゲームシステム or 快適なプレイ
Copyright @ NIFTY Corporation All Rights しかし…. • ソーシャル機能の実装はサーバー側の用意が必要 •
サーバーを契約?Linux? • コンソールで設定? • DB保守? • 小規模アプリには辛い/重い? NCMBを使おう!
Copyright @ NIFTY Corporation All Rights 今回セミナーの対象者 • Unity ユーザーで、サーバーエンジニアでない人
• 個人ゲームアプリ開発者 • 法人のカジュアルゲームアプリ開発者 • サーバー側をやるスキルがない • サーバー側をやる時間・コストがない • 手間を掛けたくない …サーバーエンジニアさん、Webエンジニアさんには 少し物足りないかもしれません。ゴメンナサイ。
Copyright @ NIFTY Corporation All Rights NCMBとは?
Copyright @ NIFTY Corporation All Rights ニフティクラウド mobile backnendについて 11
@niftycloud_mb fb.me/niftycloudmb ニフティクラウド mobile backend ニフティ株式会社の提供するmBaaS mBaaS:スマートフォン/Webアプリのバックエンド (サーバサイド)の仕組みを一括提供 http://mb.cloud.nifty.com/
Copyright @ NIFTY Corporation All Rights ひとことで ゲームにオンライン機能を 簡単に追加できる
Copyright @ NIFTY Corporation All Rights ふつうの開発におけるソーシャル機能の実装 サーバ側の開発コスト サーバのメンテナンス セキュリティ対策
サーバーとの連携の実装 JSON等を使ったシリアライ アプリ側 サーバー側
Copyright @ NIFTY Corporation All Rights mBaaSを活用したソーシャル機能の実装 アプリ側 NCMB データを保存する
機能を呼び出す API経由で機能を提供
Copyright @ NIFTY Corporation All Rights どんな機能があるのか? • ユーザー管理 •
データストア • プッシュ通知 • ファイルストア • スクリプト機能
Copyright @ NIFTY Corporation All Rights ユーザ管理 16 認証(メール/ユーザID) メールアドレス確認/パスワードリマ
インダーメール ソーシャルサービスでのログイン
Copyright @ NIFTY Corporation All Rights 17 データストア チェックインデータの記録 ユーザ間メッセージなど
Copyright @ NIFTY Corporation All Rights プッシュ通知機能 18 ! Web管理画面から作成
iOS/Android共通 位置情報で絞り込み 開封率グラフ
Copyright @ NIFTY Corporation All Rights 19 ファイルストア イベント表示用HTML アプリで使う画像、音楽、動画など
Copyright @ NIFTY Corporation All Rights スクリプト機能提供開始! 20
Copyright @ NIFTY Corporation All Rights ゲームの採用事例1 『ひとりぼっち惑星』 放置ゲー+一方的メッセージング データストア機能を使って、
メッセージングシステムを実現 インタビュー記事作りました! http://blog.mb.cloud.nifty.com/?p=8429
Copyright @ NIFTY Corporation All Rights ゲームの採用事例2 『君の目的はボクを殺すこと』 放置ゲー+煽りまくる世界観 プッシュ通知機能を使って、
時間限定イベントのヒント・時事ネタを提供 インタビュー記事準備中! 「君の目的はボクを殺すこと3」好評予約中!
Copyright @ NIFTY Corporation All Rights 料金体系 無料プラン利用がほとんど どの程度で有料になるかは、APIの使い方によるので不均一 まずは無料から。
アプリが大ヒットすれば有料へ。
Copyright @ NIFTY Corporation All Rights デモゲームの紹介
Copyright @ NIFTY Corporation All Rights デモゲーム作りました。 『剣士なんですぐ死んでしまうん』 ゆるいオンライン協力アククションゲーム 墓場で剣士が闘う
オンライン要素: データストア機能を使って、 プレイヤーが死んだ位置と遺言を 他のプレイヤーと共有 ※デモなのでストア配信してません。Githubでソース公開中。
Copyright @ NIFTY Corporation All Rights 動画を御覧ください https://www.youtube.com/watch?v=VeVGiGeSvLY
Copyright @ NIFTY Corporation All Rights NCMB利用の流れ
Copyright @ NIFTY Corporation All Rights ご案内 • これから紹介する手順は 「クイックスタート」で全て確認できます。
・まずは管理画面へログイン https://console.mb.cloud.nifty.com http://mb.cloud.nifty.com/doc/current/introduction/
Copyright @ NIFTY Corporation All Rights 管理画面での操作 アプリの新規作成画面が表示されます。 アプリ名を入力して新規作成してください。 「アプリケーションキー」「クライアント
キー」の2つが生成されます。 サーバー接続の認証に利用します。 OKをクリックすると アプリごとの管理画面が表示されます
Copyright @ NIFTY Corporation All Rights APIキーを後から確認 アプリ設定をクリック ここにあります 管理画面
Copyright @ NIFTY Corporation All Rights Unity側 • NCMB SDK
for Unityの導入 • 本日現在の最新版は v2.2.0 • .unitypackageファイルをgithubで配布 https://github.com/NIFTYCloud- mbaas/ncmb_unity/releases Assets→Import PackageからNCMB.unitypackageを 選ぶ
Copyright @ NIFTY Corporation All Rights GameObjectの作成 • NCMBManager.cs NCMBSettings.csから
新規のGameObjectをシーン上につくる
Copyright @ NIFTY Corporation All Rights NCMBSettings 「NCMBSettings」のインスペクターから、 先程取得したアプリケーションキー、 クライアントキーを設定。
コピー&ペーストで 貼り付け
Copyright @ NIFTY Corporation All Rights NCMB側設定 おわり これでアプリ側からデータの出し入れができる状態
Copyright @ NIFTY Corporation All Rights どういうことなのか? • アプリ側のコードで フィールドを指定
“NCMBObject”は データベースで扱うクラス .Add(フィールド名, 値)で追加 .SaveAsyncでNCMBへ保存
Copyright @ NIFTY Corporation All Rights どういうことなのか? • DBに対応したフィールドが生成される
Copyright @ NIFTY Corporation All Rights デモゲームの実装について
Copyright @ NIFTY Corporation All Rights デモゲームのコードすべて Githubへ https://github.com/NCMBMania/GraveOfTheFencers
Copyright @ NIFTY Corporation All Rights 動作のしくみ ゲームオーバー 次のユーザーへの アドバイスを記入
「呪い」「回復」 「効果なし」を 選んでください mBaaS、データストアへ 各種データーを保存 十字キーで移動 スペースで攻撃
Copyright @ NIFTY Corporation All Rights 動作のしくみ2 上記のように作動すれば成功です! 墓に近づくと、 墓の主の名前
(赤枠内)が表示されます 「調べる」を押すと墓の設定 に応じて下記の効果が得られます 墓の設定 効果 呪い ダメージを受ける 回復 HPが回復 効果なし 特に何もおこらない
Copyright @ NIFTY Corporation All Rights 保存の流れ • アプリ側における、「お墓」データ管理 •
GraveInfo構造体のリスト
Copyright @ NIFTY Corporation All Rights コード解説:墓メッセージの保存 DataStoreManager.cs
Copyright @ NIFTY Corporation All Rights コード解説:墓メッセージの読込 GraveInfo構造体のリストに保存
Copyright @ NIFTY Corporation All Rights これだけ! • 単なるアクションゲームへ 「他のプレイヤーが見える」仕組みの導入
• →行きた世界に
Copyright @ NIFTY Corporation All Rights 45 まとめ 1. サーバサイドの開発が不要
2. フロント側さえ開発できればすぐに使える 3. 無料から使い始められる
Copyright @ NIFTY Corporation All Rights スマホビルド時に関して Build SettingsにてプラットフォームをAndroid、iOSに 変えていただくと、スマホ用のUIに変更されます。
Copyright @ NIFTY Corporation All Rights 第一部 完