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
490
カジュアルゲームソーシャル強化塾 第一部
ニフティクラウド mobile backendを活用した「ゆる~いソーシャル機能」「ユーザーデータ管理」実装術
ニフティクラウド mobile backend
September 28, 2016
Tweet
Share
More Decks by ニフティクラウド mobile backend
See All by ニフティクラウド mobile backend
Monaca キッチンシンクアプリの紹介
ncmb
0
920
ニフティクラウド mobile backend のREST API 4つ の課題
ncmb
0
660
サーバサイドエンジニアにこそ使って欲しいBaaS
ncmb
0
550
カジュアルゲームソーシャル強化塾 第二部
ncmb
0
450
アクションゲームにゆる~いソーシャル型協力機能を作りましょう
ncmb
0
740
Unity + NCMBで作る カスタムステージのオンライン共有システム
ncmb
0
770
Other Decks in Technology
See All in Technology
HonoとJSXを使って管理画面をサクッと型安全に作ろう
diggymo
0
150
ソフトウェアエンジニアの生成AI活用と、これから
lycorptech_jp
PRO
0
790
dbtとBigQuery MLで実現する リクルートの営業支援基盤のモデル開発と保守運用
recruitengineers
PRO
3
150
CNCFの視点で捉えるPlatform Engineering - 最新動向と展望 / Platform Engineering from the CNCF Perspective
hhiroshell
0
120
WEBサービスを成り立たせるAWSサービス
takano0131
1
200
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
43k
SCONE - 動画配信の帯域を最適化する新プロトコル
kazuho
1
300
初めてのDatabricks Apps開発
taka_aki
1
230
Copilot Studio ハンズオン - 生成オーケストレーションモード
tomoyasasakimskk
0
190
OpenTelemetry が拡げる Gemini CLI の可観測性
phaya72
2
1k
Claude Codeを駆使した初めてのiOSアプリ開発 ~ゼロから3週間でグローバルハッカソンで入賞するまで~
oikon48
10
5.3k
CREが作る自己解決サイクルSlackワークフローに組み込んだAIによる社内ヘルプデスク改革 #cre_meetup
bengo4com
0
190
Featured
See All Featured
Six Lessons from altMBA
skipperchong
29
4k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
560
Fireside Chat
paigeccino
40
3.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Building an army of robots
kneath
306
46k
Unsuck your backbone
ammeep
671
58k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Typedesign – Prime Four
hannesfritz
42
2.8k
Become a Pro
speakerdeck
PRO
29
5.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
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 第一部 完