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
910
ニフティクラウド mobile backend のREST API 4つ の課題
ncmb
0
660
サーバサイドエンジニアにこそ使って欲しいBaaS
ncmb
0
550
カジュアルゲームソーシャル強化塾 第二部
ncmb
0
440
アクションゲームにゆる~いソーシャル型協力機能を作りましょう
ncmb
0
740
Unity + NCMBで作る カスタムステージのオンライン共有システム
ncmb
0
770
Other Decks in Technology
See All in Technology
夏休みWebアプリパフォーマンス相談室/web-app-performance-on-radio
hachi_eiji
0
260
o11yツールを乗り換えた話
tak0x00
2
1.6k
Amazon Q Developerを活用したアーキテクチャのリファクタリング
k1nakayama
2
220
MCPサーバーを活用したAWSコスト管理
arie0703
0
110
テストを実行してSorbetのsigを書こう!
sansantech
PRO
1
130
専門分化が進む分業下でもユーザーが本当に欲しかったものを追求するプロダクトマネジメント/Focus on real user needs despite deep specialization and division of labor
moriyuya
2
1.4k
Backlog AI アシスタントが切り開く未来
vvatanabe
1
160
React Server ComponentsでAPI不要の開発体験
polidog
PRO
0
340
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
18
52k
自治体職員がガバクラの AWS 閉域ネットワークを理解するのにやって良かった個人検証環境
takeda_h
0
210
LLM 機能を支える Langfuse / ClickHouse のサーバレス化
yuu26
9
2.6k
Amazon Qで2Dゲームを作成してみた
siromi
0
160
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Documentation Writing (for coders)
carmenintech
73
5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
The Invisible Side of Design
smashingmag
301
51k
GitHub's CSS Performance
jonrohan
1031
460k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
770
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
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 第一部 完