Engineering

クリエイティビティとコードを組み合わせます。
Webサイト、アプリケーション、IoT製品を制作しています。

Project Gallery

技術プロジェクトのギャラリー

実包管理システム

実包管理システム

所持している猟銃用の実包管理システムです。現在、実包管理のための有効なWebアプリケーションが存在しなかったため作成しました。記録はCSVとして出力できるため、警察へ提出する際も紙としてプリントアウトできます。よく使うリンクやお手入れ記録、スコア管理も同時に行えるようになっています。複数の猟銃や適合実包にも対応しております。他のシューターの方から、商品化してほしいとの評判もいただいております。

Web ApplicationJavaScriptデータベースCSV Export
研究室予約システム

研究室予約システム

所属研究室で実験室の利用が競合する問題が発生していたため、予約するためのWebアプリケーションを作成した。これを利用することで、いつ、誰が、どんな目的で実験室を利用できるかわかるようになる。また、備品申請もこのアプリケーション内から行うことができ、煩雑な備品申請の手続きをスムーズにした。ワクワク要素として簡単なミニゲームを内蔵しており、ランキング形式で競うことができるようになっている。

Web ApplicationJavaScript予約システムデータベース
ShibasaiG

ShibasaiG

グループで作成したWeb上で動作する木です。自分のスマホをプロジェクターの下に置くことで、スマホから木が生えるというメディアアートです。three.jsを使いフロントエンドの描画部分を担当しました。

Three.jsJavaScriptWebGL
Kokemori

Kokemori

デザイン提案「苔守」で作成したプロトタイプです。Arduinoとポンプ、音感センサーを用いて音に反応し水やりを行う機械をつくりました。詳細なコンセプト等はデザインページにてご確認いただけます。

ArduinoセンサーIoTプロトタイピング
NOVA

NOVA

……目が覚めると真っ暗な空間に一人。どうやら何かの液体に浸かっているようだ。昨日はコンビニから帰って寝ていたはず。なぜこんなことに……。このままでは死んでしまう、外に出なければ!周囲を観察するとどうやらカプセルのようなものに閉じ込められていることが分かった。外に呼び掛けたり、壁を叩いたりするが反応がない。しばらく待っていると突然カプセルが大きく開いた。暗闇に馴れてしまった目を強い光が焼く。そしてだんだんとその目が慣れてくると、そこには驚くべき光景が広がっていた。明らかに21世紀では考えられないオーバーテクノロジーの機械群、そして右側の窓から見える景色には無数の光の点と漆黒の海。僕はどうやら見知らぬ宇宙船に閉じ込められてしまったようだ。茫然自失とその場で座り込んでいると、唐突に"それ"はやってきた。思えばこの時から僕の中で何かが動き始めていたのかもしれない……。今回初めてティラノスクリプトでゲームを作り、投稿させていただきました。二週間程度で仕上げた作品なのでところどころ至らぬ点があるとは思いますが、楽しんでいただけたら嬉しいです。エンディングは全部で7つあります。このうち6つはBADエンドです。とはいってもBADルートは短めに作ってありますので実質一本道シナリオです。気が向いたらこのシリーズのEXルートを出すかもしれません。URL→「https://novelgame.jp/games/show/3311」

ティラノスクリプトJavaScriptノベルゲーム
Weather Your Mind

Weather Your Mind

HoudiniとArduinoで作成したメディアアートです。

HoudiniArduinoメディアアート
Follow the Sun

Follow the Sun

p5.jsとOpenCVを用いたメディアアートです。ノートパソコンの内カメラで人の顔を検知し、画面上の円の座標と同期させます。その円を太陽に見立てて、デジタルの枝が伸びていくという作品です。顔を動かして木を育てるという体験ができます。

p5.jsOpenCV顔認識メディアアート
Mia

Mia

gpt-apiを使い、キャラクター(Mia)と話せるWebアプリケーションを作成。会話の内容によって表情差分が切り替わる。ペイロードの作成方法など、AIを使ったアプリケーションの基礎を学ぶことができた。

GPT APIJavaScriptAIWeb Application
MoistureDetecter

MoistureDetecter

RaspberryPi4と土壌水分量センサーを使い、観葉植物の水やりを通知するためのシステムです。

Raspberry PiIoTセンサーPython
Reversi

Reversi

C言語で作成したオセロゲームです。自力で考えたアルゴリズムで手をうつコンピュータと対戦できます。画像ではWeb上で公開されていた他のオセロゲームと、作成したアルゴリズムを戦わせて勝っている様子が確認できます。大学一年生の時に授業で習った知識を使い作成しました。

C言語アルゴリズムゲーム開発
RaspberryPi Server

RaspberryPi Server

現在はWebアプリをVercelでデプロイしていますが、以前はラズベリーパイを用いてWebサーバーやメールサーバー、DBを構築していました。ポート開放などネットワーク周りのインフラ構築の基礎を学びました。

Raspberry PiLinuxネットワークインフラ
TapeLight

TapeLight

Arduinoを用いてテープライトを光らせました。電圧管理がうまくできておらず、発光不良の箇所があり若干失敗しましたが、良い経験になりました。

ArduinoLED電子工作

Web Projects

Web開発プロジェクト

ブラウザPDFエディタ

PDFの結合・ページ入れ替え・90度単位の回転をブラウザだけで完結できる軽量エディタ。すべての処理をローカルで行うため、アップロードしたデータが外部に送信されることはありません。

Next.jsReactブラウザFile APIPDF処理
プロジェクトを見る

Momentary Rain Forest

集中時間に合わせて手描き風の木が成長するフォーカスタイマー。雨音のサウンドスケープとインタラクティブなジェネラティブビジュアルで、リラックスしながら作業セッションを管理できます。

Next.jsReactCanvas/WebGLWeb Audio API
プロジェクトを見る

現在のポートフォリオサイト

Next.js と Tailwind CSS v4 で構築されたモダンでレスポンシブなポートフォリオサイト。マソンリーレイアウトの画像ギャラリーとスムーズなアニメーションを特徴としています。

Next.js 16React 19TypeScriptTailwind CSS v4
プロジェクトを見る

旧ポートフォリオサイト

以前制作したポートフォリオサイト。Vercelにデプロイされており、過去の作品とプロジェクトを展示しています。

Next.jsReactTypeScriptCSS
プロジェクトを見る

Print2Pixel

印刷サイズからピクセル数を計算。FIgmaのフレームや画像サイズの参考に使用。

WebUI/UX
プロジェクトを見る

Interface Cafe 11

学生主体ワークショップ「インタフェ11」の特設サイト。

WebUI/UX
プロジェクトを見る

Humanize Memo

Aiらしい文体を検知し修正するアプリケーション。

WebUI/UX
プロジェクトを見る

Skills & Technologies

使用している技術とツール

JavaScript
TypeScript
React
Next.js
Node.js
Python
HTML/CSS
Git