Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
クイズ大会をシミュレーションする vbc on Webの挑戦?と展望 / Simulation...
Search
Banno Takuya / NanoNano
September 28, 2020
Technology
670
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
クイズ大会をシミュレーションする vbc on Webの挑戦?と展望 / Simulation Quiz Tournament
2020.09.28 【オンライン】開発中の個人プロダクトを褒めてもらう優しい世界のLT大会 での5分LTのスライドです。
Banno Takuya / NanoNano
September 28, 2020
More Decks by Banno Takuya / NanoNano
See All by Banno Takuya / NanoNano
20230925 After DroidKaigi LT Night
nanonano
0
210
Flutter製アプリのアクセシビリティ対応(音声読み上げ編) / Screen reading in Flutter app
nanonano
2
2.6k
IntelliJ IDEAのFlutter Live Previewおためし会
nanonano
1
1.9k
Other Decks in Technology
See All in Technology
私の推しは「聞いてから進む」AIです -AI-DLCに一人でアプリを作らせた話
yama3133
0
150
メルカリにおけるAI時代の高速プロトタイピング基盤「Arca」
ryotarai
18
14k
20260930_Gemma4_Hands-on
tsho
0
200
2026-09-26 Platform Engineering Kaigi 2026 インフラとアプリの境界線と委譲の設計 / Drawing the Infra and App Line
masasuzu
0
550
Snowflake Horizon Catalog と Apache Iceberg で作る オープンなデータ基盤
kitagawaz
0
370
【ゲームメーカーズスクランブル2026】『Shadowverse: Worlds Beyond』UIとアニメーションで実現する最高のユーザー体験を叶えるプロトタイピング
cygames
PRO
1
710
いちAWSエンジニアのAI活用を振り返る #devio2026 / devio osaka 2026 kawahara
masahirokawahara
1
300
React Nativeでの OTA Updateって、 どう説明する?
ichiki1023
0
130
MCPゲートウェイを作って運用してわかったこと — Agent時代の権限管理の現在地
mtpooh
9
2.5k
Claude起点の仕様駆動開発
tanakaseiya
0
260
Amazon Bedrock Agents ClassicからAmazon Bedrock AgentCoreへ移行した際、ガードレール設定が2箇所に割れた話
matsunobu
0
160
AI駆動開発で仕様はどこまで書くべきか? ― 人とAIの責務境界から考える開発プロセスの実践
takahiromatsui
1
280
Featured
See All Featured
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
410
What's in a price? How to price your products and services
michaelherold
247
13k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
510
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
600
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
350
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
2
930
Documentation Writing (for coders)
carmenintech
77
5.6k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.5k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
590
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.6k
Abbi's Birthday
coloredviolet
4
10k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
340
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