HirokiOka Web.AboutWorksBlog

RESEARCH

ProgTouch

プログラミング初心者が、自然言語で提示された選択肢を通じて問題解決力を養う学習支援システム。試行錯誤を繰り返すことで、プログラムの課題を解決し、アルゴリズムの理解を深める。大学講義での使用実績もあり、学生のスコア向上が確認された。

使用技術:

#TypeScript#React#Next.js#PostgreSQL

LiveCodeSTG

シューティングゲームでプログラマがプログラミングで対戦することで,プログラマのすごさやかっこよさを可視化するプログラミングゲーム

使用技術:

#JavaScript#Node.js#Socket.io

/Shot

LiveCodeSTGをもとに,プログラミング未経験者でもブロックプログラミングで対戦ゲームができるプログラミングゲーム.現在,神戸市立青少年科学館で展示中.

使用技術:

#JavaScript#Node.js#Electron#Socket.io#MongoDB#Raspberry Pi

本へのプロジェクションによる読書体験拡張

ウェアラブルプロジェクタから紙の書籍に情報を投影し,読書体験を拡張するシステム

使用技術:

#Python#Processing#openCV

CREATIVE

Light-Keeper

神戸ポートタワーをキャンバスに開催されたイベント「KobexDanceWeek」で展示したプロジェクション作品.用意されたカメラ前に人が立ち,動くことでエフェクトやSEが変化する.無意識的に人をダンスさせ,ポートタワーの光となって神戸を照らさせる.

使用技術:

#openFrameworks#Sonic Pi

How to behave?

Light-Keeperをもとに実装した屋内展示用インタラクティブ作品.ProcessingCommunityDay2023にて展示

使用技術:

#openFrameworks#Sonic Pi

p5 sketches

p5.jsを使ったクリエイティブコーディング習作集

使用技術:

#JavaScript#p5.js

COLLABOLATIVE

20th HMD Show

人間改造計画2024シンポジウムで開催されたHMDショーの統括・演出およびシステム実装を担当

使用技術:

#openFrameworks#Sonic Pi

つぶやき書店

ユーザがTwitterでいいねしたtweetを分析し,それと内容の似た本をレコメンドすることで,まだ出会ったことのない本との「新しい出会い」を創出するWebアプリ

使用技術:

#JavaScript#Vue.js#Python#Flask

Tozan King

神戸大学生の登校 (=登山) を題材とした高難易度ブラウザゲーム.

使用技術:

#JavaScript#p5.js

OTHER

JS_Typing

GitHub上のソースコードを題材に,写経しながらタイピング練習できるタイピングゲーム

使用技術:

#JavaScript#Node.js

Ubiquitous Wearable Workshop

ユビキタス・ウェアラブル・ワークショップのWebページ実装 (2021-2023)

使用技術:

#JavaScript#TypeScript#React#Next.js

人間改造計画2024

神戸大学塚本寺田研究室20周年を記念に開催されたシンポジウムページの実装

使用技術:

#TypeScript#React#Next.js
Copyright @ Hiroki Oka All Rights Reserved