君塚史高 (@ki_230) 's Twitter Profile
君塚史高

@ki_230

フリーランスのフロントエンドエンジニアです。 試しに作ったものを投稿します。

ID: 129251757

linkhttps://kimizuka.fm calendar_today03-04-2010 17:34:34

973 Tweet

1,1K Followers

333 Following

君塚史高 (@ki_230) 's Twitter Profile Photo

スーパーコンボみたいに残像が残る壁をつくってみました。ひとりでもChoo Choo TRAINみたいなことができます。

君塚史高 (@ki_230) 's Twitter Profile Photo

点字をモチーフにした複数のマーカーを認識して、左から読み上げるWebARを作りました。

君塚史高 (@ki_230) 's Twitter Profile Photo

10回腹筋すると祝われるWebARを作りました。 腹筋をすればするほど画面が煌びやかになっていきます。

君塚史高 (@ki_230) 's Twitter Profile Photo

たわいもない日記を書きました。ダークモードで観覧すると、文章も若干ダークになります。 blog.kimizuka.org/entry/2025/03/…

君塚史高 (@ki_230) 's Twitter Profile Photo

ダークモードで観覧したときに、文章もほんのりとダークに書き変わる絵日記を書きました。

君塚史高 (@ki_230) 's Twitter Profile Photo

先輩っぽいことを言うと風が吹く仕組みを作りました。 名付けて「先輩風」です。先輩っぽさはOpenAI APIで判定しています。 強い言葉を使うほど、たくさん風が吹きますが、強風を求めすぎるとパワハラになります。逆に後輩っぽいことを言うと風が止みます。

君塚史高 (@ki_230) 's Twitter Profile Photo

寿司を回転させるテーブルを設計中。 まずは、Meta Questを使った実寸台プレビューで、部屋に設置できるサイズであることを確認。 完成したあかつきには、部屋にいながら回転寿司気分を堪能できるようになるはずです。

君塚史高 (@ki_230) 's Twitter Profile Photo

キーボードで入力した文字をウィンドウの配置で表現するウェブサイトをつくりました。 ポップアップを許可しないとブロックされまくります。

君塚史高 (@ki_230) 's Twitter Profile Photo

M5Stack Core2とNeoPixelで炒飯を輝かせるフタを作りました。 M5Stackで蓋の傾きを検知し、蓋が開いた際に光と音で登場を盛り上げます。閉じると止まります。

君塚史高 (@ki_230) 's Twitter Profile Photo

OpenAI API + Electronで、日本語ラップから俳句を生成するアプリを作りました。ラップバトルを俳句バトルに変換して楽しむことができます。 OpenAI APIにテロップのキャプチャを投げることで、ラップを俳句に変換してます。

君塚史高 (@ki_230) 's Twitter Profile Photo

バーチャル寿司での検証が完了したので、あとはリアル寿司を調達できれば、一人用回転寿司システムの完成です。🍣 ☑️ 回転テーブルの制御 ☑️ バーチャル寿司のモデリング ☑️ バーチャル寿司のプリント ⏳ リアル寿司の調達

君塚史高 (@ki_230) 's Twitter Profile Photo

流れる寿司に応じた音楽を生成するシーケンサーをつくりました。 名付けて、スシーケンサーです。🍣🎵 OpenCV.jsとWebAudioAPIを使って、カメラに映った色に応じた音を再生しています。

君塚史高 (@ki_230) 's Twitter Profile Photo

回転するカラフルな寿司の色に応じた音を奏でる装置「スシーケンサー🍣🎵」に新たな演奏器具が加わりました。 高級そうなフタです。開けると中に入っていた寿司が輝き、BPMとテンションが上がります。🍣🎵✨ 高級そうなフタの上部にはM5StackCore2が張り付いており、OSCで開閉情報を通知します。

君塚史高 (@ki_230) 's Twitter Profile Photo

やまびこのようにノックを返すドアを作りました。 ✊✊ → 🎵🎵 ✊✊✊ → 🎵🎵🎵 ✊✊・✊ → 🎵🎵・🎵 という感じです。 ただ、短時間にノックしすぎると怒りのノックが返ってきます。