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
クイズ大会をシミュレーションする vbc on Webの挑戦?と展望 / Simulation...
Search
Banno Takuya / NanoNano
September 28, 2020
Technology
0
640
クイズ大会をシミュレーションする vbc on Webの挑戦?と展望 / Simulation Quiz Tournament
2020.09.28 【オンライン】開発中の個人プロダクトを褒めてもらう優しい世界のLT大会 での5分LTのスライドです。
Banno Takuya / NanoNano
September 28, 2020
Tweet
Share
More Decks by Banno Takuya / NanoNano
See All by Banno Takuya / NanoNano
20230925 After DroidKaigi LT Night
nanonano
0
160
Flutter製アプリのアクセシビリティ対応(音声読み上げ編) / Screen reading in Flutter app
nanonano
2
2k
IntelliJ IDEAのFlutter Live Previewおためし会
nanonano
1
1.8k
Other Decks in Technology
See All in Technology
react-callを使ってダイヤログをいろんなとこで再利用しよう!
shinaps
1
240
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
110
2025年になってもまだMySQLが好き
yoku0825
8
4.7k
BPaaSにおける人と協働する前提のAIエージェント-AWS登壇資料
kentarofujii
0
140
データアナリストからアナリティクスエンジニアになった話
hiyokko_data
2
450
自作JSエンジンに推しプロポーザルを実装したい!
sajikix
1
170
MCPで変わる Amebaデザインシステム「Spindle」の開発
spindle
PRO
3
3.2k
サンドボックス技術でAI利活用を促進する
koh_naga
0
200
2つのフロントエンドと状態管理
mixi_engineers
PRO
3
100
Practical Agentic AI in Software Engineering
uzyn
0
110
エラーとアクセシビリティ
schktjm
1
1.2k
20250903_1つのAWSアカウントに複数システムがある環境におけるアクセス制御をABACで実現.pdf
yhana
3
550
Featured
See All Featured
A designer walks into a library…
pauljervisheath
207
24k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Six Lessons from altMBA
skipperchong
28
4k
Side Projects
sachag
455
43k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
The Pragmatic Product Professional
lauravandoore
36
6.9k
A better future with KSS
kneath
239
17k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
Visualization
eitanlees
148
16k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Transcript
クイズ大会をシミュレーションする vbc on Webの挑戦?と展望 2020.09.28 開発中の個人プロダクトを褒めてもらう優しい世界の LT大会 なのなの / @nano2_aloerina
誰? なのなの / Banno Takuya Androidアプリエンジニア⇒Webフロントエンドエンジニア @nano2_aloerina nano-nano 2
(宣伝)技術書典9で技術同人誌を出しました クロスプラットフォームアプリフレームワーク Electronと 人気のWeb UIフレームワーク Vue.jsではじめる 新しいデスクトップアプリ開発実践 詳しくは https://n4plus.booth.pm/items/2396714 へ
3
ここから本題 4
コンピュータシミュレーションは一般的になった 5
自分でも 何かシミュレーションできると 面白いよね 6
考えて…… 7
いろいろ考えて…… 8
いろいろ考えて 目をつけたのが…… 9
クイズ大会! 10 写真提供:abc実行委員会
Virtual abc = vbc (Python3版) 11
vbcをWebで実現 = vbc on Web 12
vbc on Webの特徴 13 写真提供:abc実行委員会
独特なルールを(ほぼ)再現 14 abc公式サイトより抜粋
特徴:独特なルールを(ほぼ)再現 15
特徴:独特なルールを(ほぼ)再現 16
特徴:プレイヤーの心理も数式で再現 17
vbc on Webの楽しみ方 18 写真提供:abc実行委員会
好きなデータセットでドリームマッチを開催! • 好きなアニメやドラマの登場人物 • 巷で流行りのランキング • なんだかよくわからないデータセットetc. 最低48個のデータがあれば開催可能! 19
デモタイム! 20
本家vbcの作者は…… 21
vbc on Webの将来 22 写真提供:abc実行委員会
将来的に対応したいこと 23 • リファクタリング • 第1ラウンド(ペーパークイズ)のシミュレーション • いかにもBootstrapなデザイン脱却 • 他のクイズ大会版、クイズ番組版の開発
• etc. やりたいこと けっこう多い……
さいごに 楽しみ方いろいろ!(だけど役に立つかは分からない) vbc on Webをよろしくお願いします! ▼vbc on Webはこちらから試せます▼ https://vbc-on-web.netlify.app/ ▼ソースコードも(需要は知らないけど)公開中!▼
https://github.com/nano-nano/vbc_on_web 24
参考サイト 本家vbc https://github.com/NMLibrary/vbc クイズ大会 abc http://abc-dive.com/ 25
Thank you!! 26