Slide 1

Slide 1 text

オンラインボードゲームを作りたい⼈⽣だった 黒曜 (@kokuyouwind)

Slide 2

Slide 2 text

$ whoami 黒曜 / @kokuyouwind 普段はRails 書いたりAWS 弄ってる ボドゲ好き

Slide 3

Slide 3 text

🎲 ボードゲーム

Slide 4

Slide 4 text

Board Game Arena https://ja.boardgamearena.com/

Slide 5

Slide 5 text

楽しい!! ✌('ω' ✌ ) 三✌('ω') ✌三( ✌'ω') ✌

Slide 6

Slide 6 text

コミュニティで開発に参加できる! https://boardgamearena.com/contribute

Slide 7

Slide 7 text

登録してみた

Slide 8

Slide 8 text

Welcome メール

Slide 9

Slide 9 text

Welcome メール

Slide 10

Slide 10 text

Board Game Arena の開発⼿法 SFTP でファイルをダウンロードして編集、アップロード 動作確認 デモサイト上で⾏う( ローカルでの動作確認は不可) DB のデータ確認はPhpMyAdmin 経由 技術スタック クローズドソースの独⾃PHP フレームワーク フロントエンドは素のHTML + Dojo Toolkit

Slide 11

Slide 11 text

( ◜◡◝ )

Slide 12

Slide 12 text

現代的な環境で デジタルボードゲームを作りたい…

Slide 13

Slide 13 text

boardgame.io https://boardgame.io/

Slide 14

Slide 14 text

boardgame.io の特徴 ボードゲームを作るためのオープンソースフレームワーク JavaScript / TypeScript ゲームのコアロジックとUI を分離して記述 ゲーム状態の更新はReducer 経由でのみ⾏える UI はゲーム状態を元に描画のみ⾏う(React などを使⽤) マルチクライアントでの動作はフレームワークが担保 複数ゲーム提供⽤のロビー・マッチングAPI も利⽤可能 簡易的なAI を利⽤可能(Random / MCTS)

Slide 15

Slide 15 text

デモ GitHub リポジトリ: Storybook: シングルプレイ: マルチプレイ: https://github.com/kokuyouwind/bgio-typed-storybook https://main--638fd3bf1574c1214b46e940.chromatic.com/ https://tictactoe.demo.boardgame-park.com/ https://demo.boardgame-park.com/

Slide 16

Slide 16 text

今後やってみたいこと とりあえずボドゲをいくつか作りたい トランプの「ジュビリー」「カルテット」あたり 同⼈ボドゲの「惨劇Rooper 」「桜降る代に決闘を」は 画像素材がコモンズで公開されてるのでぜひ作ってみたい ゲーム⼀覧やマッチングの改善 boardgame.io の技術情報の発信( ブログ記事、同⼈誌など) boardgame.io へのコントリビュートやプラグイン開発

Slide 17

Slide 17 text

夢 Board Game Arena のように気軽に遊べて、 ゲーム投稿もできるプラットフォームを作りたい boardgame.io で作ったゲームをほぼそのまま投稿 ローコード・ノーコードで制作できると最⾼ 同⼈ボードゲームにデジタル版という選択肢を作りたい 在庫リスクや在庫切れによる機会損失がない 気軽にお試しプレイをしてもらいやすくなる いろんなゲームをオンラインで遊べるようにしたい!

Slide 18

Slide 18 text

オンラインボードゲームを作りたい⼈⽣だった プラットフォーム 完