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
650
クイズ大会をシミュレーションする 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
180
Flutter製アプリのアクセシビリティ対応(音声読み上げ編) / Screen reading in Flutter app
nanonano
2
2.3k
IntelliJ IDEAのFlutter Live Previewおためし会
nanonano
1
1.9k
Other Decks in Technology
See All in Technology
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
bwkw
3
940
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
kworkdev
PRO
1
450
今日から始めるAmazon Bedrock AgentCore
har1101
4
410
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
torumakabe
1
560
StrandsとNeptuneを使ってナレッジグラフを構築する
yakumo
1
120
超初心者からでも大丈夫!オープンソース半導体の楽しみ方〜今こそ!オレオレチップをつくろう〜
keropiyo
0
110
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
msysh
3
170
15 years with Rails and DDD (AI Edition)
andrzejkrzywda
0
190
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
470
Data Hubグループ 紹介資料
sansan33
PRO
0
2.7k
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
thara0402
0
180
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
daitak
1
360
Featured
See All Featured
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
0
3.4k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
590
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Google's AI Overviews - The New Search
badams
0
910
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
110
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
170
Being A Developer After 40
akosma
91
590k
A designer walks into a library…
pauljervisheath
210
24k
How STYLIGHT went responsive
nonsquared
100
6k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
66
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
YesSQL, Process and Tooling at Scale
rocio
174
15k
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