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
CHaserWeb:ブラウザ上で動作する対戦型プログラミング学習環境の提案と評価 / i202...
Search
yumulab
March 03, 2025
Research
0
68
CHaserWeb:ブラウザ上で動作する対戦型プログラミング学習環境の提案と評価 / i2025-inoue
2025年3月3日(月)のインタラクション2025発表ポスター
yumulab
March 03, 2025
Tweet
Share
More Decks by yumulab
See All by yumulab
ASSADS:ASMR動画に合わせて撫でられる感覚を提示するシステムの開発と評価 / ec75-shimizu
yumulab
1
140
ウッドスタックチャン:木材を用いた小型エージェントロボットの開発と印象評価 / ec75-sato
yumulab
1
160
MGDSS:慣性式モーションキャプチャを用いたジェスチャによるドローンの操作 / ec75-yamauchi
yumulab
0
56
チャッドローン:LLMによる画像認識を用いた自律型ドローンシステムの開発と実験 / ec75-morisaki
yumulab
1
160
NOVVS:北海道情報大学図書館における滞在人数可視化システムの開発と検証 / i2025-minami
yumulab
0
31
CARMUI-NET:自動運転車遠隔監視のためのバーチャル都市プラットフォームにおける通信品質変動機能の開発と評価 / UBI85
yumulab
0
160
待機電力を削減したネットワーク更新型電子ペーパーサイネージの研究開発 / UBISympo2025
yumulab
0
66
デジタルファブリケーションの未来を北海道・札幌から考える / SIAF School 2025
yumulab
0
70
入浴時に映像が投影される一人用足湯システムの開発と運用 / ipsjhokkaido2024
yumulab
0
99
Other Decks in Research
See All in Research
Data-centric AI勉強会 「ロボットにおけるData-centric AI」
haraduka
0
570
LLM-as-a-Judge: 文章をLLMで評価する@教育機関DXシンポ
k141303
3
670
IM2024
mamoruk
0
260
CSP: Self-Supervised Contrastive Spatial Pre-Training for Geospatial-Visual Representations
satai
3
120
SpectralMamba: Efficient Mamba for Hyperspectral Image Classification
satai
3
300
コーパスを丸呑みしたモデルから言語の何がわかるか
eumesy
PRO
11
3.5k
2025年度 生成AIの使い方/接し方
hkefka385
0
490
20241226_くまもと公共交通新時代シンポジウム
trafficbrain
0
500
定性データ、どう活かす? 〜定性データのための分析基盤、はじめました〜 / How to utilize qualitative data? ~We have launched an analysis platform for qualitative data~
kaminashi
6
840
TRIPOD+AI Expandedチェックリスト 有志翻訳による日本語版 version.1.1
shuntaros
0
120
Mathematics in the Age of AI and the 4 Generation University
hachama
0
140
学生向けアンケート<データサイエンティストについて>
datascientistsociety
PRO
0
580
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.2k
Designing for Performance
lara
608
69k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.4k
Music & Morning Musume
bryan
47
6.5k
The Pragmatic Product Professional
lauravandoore
33
6.6k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Build The Right Thing And Hit Your Dates
maggiecrowley
35
2.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.2k
Scaling GitHub
holman
459
140k
Transcript
CHaserWeb:ブラウザ上で動作する 対戦型プログラミング学習環境の提案と評価 井上 慎之介, 湯村 翼(北海道情報⼤学) 研究背景・⽬的 CHaser(チェイサー) • U-16プログラミングコンテストで使⽤
されている対戦型プラットフォーム • 参加者が作成したプログラムを1対1で 対決 CHaserWeb • Webブラウザ上にコードエディタ + 実⾏ + 盤⾯表⽰を集約 • 従来の環境構築を不要にし、ブラウザが あればどのデバイスでも活⽤可能に • コードエディタはCodeMirrorを活⽤し, Python コード編集環境を構築 • 実⾏ボタンを押すとブラウザ内のPython インタプリタ(Pyodide)がコードを解 釈し実⾏する • HTML 要素をグリッド状に並べ,ターン ごとの盤⾯状態を視覚的に描画 従来のCHaserの課題 • 実⾏⼿順が複雑 • 実⾏環境構築の難易度の⾼さ • Windows以外では動かすのが困難 →取り組む⼈が挫折してしまう 本アプリの有⽤性を検証するため従来の CHaserとの⽐較実験を⾏った • 実施対象︓ • 札幌⿓⾕学園⾼等学校の⾼校⽣(20名) • 北海道情報⼤学の⼤学⽣(11名) CHaserWebの画⾯ Webアプリでプログラムの開発と実⾏ができる CHaserWebを開発 CHaserWebシステム構成 https://shin3391.github.io/CHaserWeb/ こちらで公開中︕ U16プログラミングコンテストの様⼦ 従来のCHaserの対戦画⾯ ゲ " ム 情 報 番号 質問項⽬ 選択肢・回答欄 1 プログラミングを授業以外でしていますか︖ している/していない 2 従来のCHaserで開発を⾏う際にめんどくさいと思うことや 嫌だと思うことがあれば教えてください ⾃由記述欄 3 CHaserWebは従来のCHaserと⽐べて開発がしやすいと感じ ましたか︖ 1(開発しにくい)〜5(開発しやすい) 4 CHaserのプログラムを開発する際CHaserWebを活⽤したい と思いましたか︖ 1(活⽤する必要ない)〜5(活⽤したい) 5 CHaserWebを活⽤しiPadで開発ができそうですか︖ 1(開発できない)〜5(開発できる) 6 CHaserWebのここが良かったなどがあれば教えてください ⾃由記述欄 7 CHaserWebで改善したほうが良いところがあれば教えて下 さい ⾃由記述欄 8 CHaserWebを活⽤できそうな場⾯があったら教えて下さい ⾃由記述欄 9 その他気になることがあれば教えてください ⾃由記述欄 まとめ アンケートの結果から,従来と⽐べて簡単に導⼊できる点やUI/UX の分かりやすさが評価された⼀⽅,相⼿AIやマップのカスタマイズ機 能などの要望が挙げられた. 今後は,こうした機能拡張やモバイル端末向けのUI 最適化,動作の 安定性向上などを進めることで,より幅広い学習者がCHaserの対戦型 プログラミングを気軽に体験できる環境を⽬指す. 回答結果 評価実験 良かった点 • プログラミングとゲーム画 ⾯がひとつのページで⾒れ ること • 従来のものよりも断然操作 がやりやすくて,実⾏まで の段取りが省かれてやりや すかった 改善要望 • iPadでやる時に対戦画⾯が 少し⾒えないところがある • AIのプログラム,マップな どの変更 コ " ド エ デ * タ