開発物紹介

## 挨拶
こんにちは、私は心理学と情報技術をベースに、学び、楽しむことの仕組みを探り続けてきました。
ここでは自己紹介をかねて、これまでに取り組んできた個人開発物の事例を、取り組み中のものも含めてお話しします！
（技術詳細を現在加筆中です。）

## Janko-Keyboard｜10倍速で習得できる鍵盤
![スクリーンショット 2025-05-30 13.43.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4109600/653fa4c8-1bc0-4ff9-afd0-27479c86d469.png)
**技術スタック**：Web Audio API / VexFlow 

現在最新の成果物です。楽曲制作のために音楽理論の勉強をしていたのですが、実はピアノは特定の調の演奏に特化しているため、弾き慣れないと音を鳴らしながら勉強することが難しい...

そんな中、ヤンコ鍵盤という合理性に富み、一度は流行したものの、現在ではろくに製品の流通していない方式の鍵盤楽器を発見。これはと思いweb上での再現を試みました。

QWERTYのキーボードやiPad等のタッチパネルいずれにも対応しているので、とりあえず触ってみるだけでも楽しいと思います。同系統のコードで運指が変わらないため、学習コストが非常に低く、是非とも流行って欲しいところです。

公開URLはこちら↓
https://htknyai.github.io/janko-midi/

今後は、iosアプリ化や音楽編集ソフトへの出力機能実装などを予定しています。

## Woledge｜「知識を育てる」ための新しい知的インフラ
![スクリーンショット 2025-05-30 14.31.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4109600/3c259366-2614-4cb0-b38c-b0c732ac1932.png)

**技術スタック**：Laravel + Inertia + Vue 3 / D3.js / Tailwind CSS

「欲しい情報が全然出てこない！」と、探すのに一苦労。ようやく見つけても、「前調べたはずなんだけど...」と再度調べ直す羽目に

高度情報化社会とは言いますが、玉石混交の情報の洪水の中、それらを使いこなすのは至難の業です。特に、検索エンジンやSNSについては、上記も含め以下のような問題があります。

- 必要な情報に辿り着きにくい（検索の困難）
- 関連情報を体系的に把握しづらい（断片化・構造の不在）
- 情報の真偽や重みが分かりにくい（信頼性の不明瞭さ）
- 得た情報が積み重ならず、知識が流れていってしまう（累積性の欠如）

そこで、「知識を記録する」だけでなく、「構造的に育てていく」という発想に至りました。そしてそれを形にしたのが、Woledge（ウォレッジ）というツリー構造型ナレッジツールです。

ネット検索では“すでに知っている言葉”しか辿れず、SNSでは情報が文脈を失って流れていく。そんな現状に対するカウンター、洪水の中で根を張る、拠り所となる木として、Woledgeは

- 情報をツリー構造で整理し
- 他人のツリーも参照・接ぎ木でき
- 自分の思索を育てる“思考の森”として機能します。

さらに上記で指摘した信頼性や、知らない情報に辿りつけないといった問題にも対応。図書館を歩き、新しい発見に出会うような体験を提供します。

公開URLはこちら↓（コードのみ・デモなし）

https://github.com/HTKnyai/woledge_old

既存の検索エンジン、Notion、WikipediaやXとも違う、

「洗練された集合知と個人を接続し、成長する」新しく、ユーザビリティの高い情報空間を目指して開発中です。（開発コストが大きいため、今後機能縮小版を分離し、公開予定です。）

## BJNeo｜戦略と選択のブラックジャック

**技術スタック**：Vue 3 / Tailwind CSS

デジタルなゲームは勿論のこと、ボードゲームも結構好きで、毎年ボードゲームマーケットにも通っています。いつか自分も出展したい！という思いが募りに募ってきたので、まずはweb版で試作してみることにしました。

その一作目がこちら、BJNeoです。（UI完成次第画像公開）ブラックジャックをモチーフとしたゲームで、プレイヤーは21を目指し、手札からカードを自分で組み合わせ出していきます。カードは数字だけでなく、数字を倍化させたり、相手と取り替えたり、それらを打ち消したりする特殊なものも含まれており、これらを活用しながら5ラウンドの勝ち数を競います。ゲームバランス調整のため、現在対CPUのデモ版を公開中です。

デモ版公開URLはこちら↓
https://htknyai.github.io/BJNeo/

対人戦モードの実装, 魔法カード・新ルールの追加, UIや演出のブラッシュアップ, iOSアプリ化・物理カードゲーム化なども予定しています。

## Edutrack｜「学習の軌跡」を可視化する、学びの手帳
![スクリーンショット 2025-05-30 14.50.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4109600/3558f27c-7344-45c8-89d8-f3db32fb8377.png)

**技術スタック**：Laravel / Bootstrap / Chart.js

Woledgeの前身として開発したのが、このEdutrack（エデュトラック）です。

「学習目標は？」「実際に学んだことは？」「どんな疑問が残っているか」

学習時間に加え、これらを記録して振り返ることで、学びをより自分のものにしていくための、教育サポートシステムとして作成しました。

web開発学習後、初めての個人開発物であり、元々企業向けポートフォリオとして計画していたもののため、勤怠管理やファイル管理、社内掲示板といった基本的な業務アプリのシステムに対応する機能を備えています。

より具体的には、

- 学習内容・時間・疑問を時系列で記録、可視化、教師ユーザーによる一括管理
- 教材管理によるファイル配布
- Q&A掲示板やファイル共有で他者と知見を交換

このようなコンセプトで、学習心理学に基づいた効率的で快適なUXを目指しました。
![スクリーンショット 2025-05-30 14.51.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4109600/b92a7320-d614-4bbf-b2fd-525ba0dbad5b.png)
![スクリーンショット 2025-05-30 14.50.35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4109600/f3771bbf-5983-4f9f-a7b2-b80d1e91dbd0.png)


公開URLはこちら↓（コードのみ・デモなし)
https://github.com/HTKnyai/EduTrack

以上で紹介を終わります。
これからもどんどん自分の感じる面白いを形にし、また広げていけるように取り組んでいきます。
どうぞ、よろしくお願いします！！