Slide 1
Slide 1 text
クイズ大会をシミュレーションする
vbc on Webの挑戦？と展望
2020.09.28 開発中の個人プロダクトを褒めてもらう優しい世界の
LT大会
なのなの / @nano2_aloerina
Slide 2
Slide 2 text
誰？
なのなの / Banno Takuya
Androidアプリエンジニア⇒Webフロントエンドエンジニア
@nano2_aloerina
nano-nano
2
Slide 3
Slide 3 text
（宣伝）技術書典9で技術同人誌を出しました
クロスプラットフォームアプリフレームワーク
Electronと
人気のWeb UIフレームワーク
Vue.jsではじめる
新しいデスクトップアプリ開発実践
詳しくは
https://n4plus.booth.pm/items/2396714 へ
3
Slide 4
Slide 4 text
ここから本題
4
Slide 5
Slide 5 text
コンピュータシミュレーションは一般的になった
5
Slide 6
Slide 6 text
自分でも
何かシミュレーションできると
面白いよね
6
Slide 7
Slide 7 text
考えて……
7
Slide 8
Slide 8 text
いろいろ考えて……
8
Slide 9
Slide 9 text
いろいろ考えて
目をつけたのが……
9
Slide 10
Slide 10 text
クイズ大会！
10
写真提供：abc実行委員会
Slide 11
Slide 11 text
Virtual abc = vbc （Python3版）
11
Slide 12
Slide 12 text
vbcをWebで実現 = vbc on Web
12
Slide 13
Slide 13 text
vbc on Webの特徴
13
写真提供：abc実行委員会
Slide 14
Slide 14 text
独特なルールを（ほぼ）再現
14
abc公式サイトより抜粋
Slide 15
Slide 15 text
特徴：独特なルールを（ほぼ）再現
15
Slide 16
Slide 16 text
特徴：独特なルールを（ほぼ）再現
16
Slide 17
Slide 17 text
特徴：プレイヤーの心理も数式で再現
17
Slide 18
Slide 18 text
vbc on Webの楽しみ方
18
写真提供：abc実行委員会
Slide 19
Slide 19 text
好きなデータセットでドリームマッチを開催！
● 好きなアニメやドラマの登場人物
● 巷で流行りのランキング
● なんだかよくわからないデータセットetc.
最低48個のデータがあれば開催可能！
19
Slide 20
Slide 20 text
デモタイム！
20
Slide 21
Slide 21 text
本家vbcの作者は……
21
Slide 22
Slide 22 text
vbc on Webの将来
22
写真提供：abc実行委員会
Slide 23
Slide 23 text
将来的に対応したいこと
23
● リファクタリング
● 第１ラウンド（ペーパークイズ）のシミュレーション
● いかにもBootstrapなデザイン脱却
● 他のクイズ大会版、クイズ番組版の開発
● etc.
やりたいこと
けっこう多い……
Slide 24
Slide 24 text
さいごに
楽しみ方いろいろ！（だけど役に立つかは分からない）
vbc on Webをよろしくお願いします！
▼vbc on Webはこちらから試せます▼
https://vbc-on-web.netlify.app/
▼ソースコードも（需要は知らないけど）公開中！▼
https://github.com/nano-nano/vbc_on_web
24
Slide 25
Slide 25 text
参考サイト
本家vbc
https://github.com/NMLibrary/vbc
クイズ大会 abc
http://abc-dive.com/
25
Slide 26
Slide 26 text
Thank you!!
26