KineText
リアルタイム・タイポグラフィ字幕

話した声がリアルタイムに躍動するモーショングラフィックス字幕へ。OBS連携・超低遅延WebRTC同期・透過背景対応のストリーマー向け配信ツールです。
主な使用言語・技術： React, TypeScript, Web Speech API, WebRTC, Tailwind CSS

アプリを使う

自転車ギア比計算ツール

自転車(ロード/ミニベロ/MTB)のギア構成から速度やケイデンス、スキッドポイントなどをシミュレーションするツールです。視覚的なアニメーションで動作を確認できます。
主な使用言語： JavaScript, HTML, CSS, PHP

解説と使い方 アプリを使う

国語テスト
縦書き変換ツール

横書きのテキストを、縦書きの国語テスト問題のようなレイアウトに整形します。ルビ振りや解答欄の作成も可能です。PC推奨。
主な使用言語： PHP, JavaScript, HTML, CSS

ツール解説・使い方 ツールを使う

予実管理
ガント スケジューラー

Next.jsとTypeScriptで構築した、Web完結型のガントチャートアプリです。 SVGで描画されたチャート上で、直感的なタスクのドラッグ移動や依存関係の接続が可能。高機能だけど複雑すぎないところが特徴です。
🛠 Tech Stack: Next.js, TypeScript, Tailwind CSS, Zustand

アプリを使う

イラスト素材サイト
いらすと園

ほのぼの系のイラスト素材無料ダウンロードサイトです。
使用言語 (Languages): TypeScript/JavaScript/HTML/CSS/PHP
フレームワーク・ライブラリ (Frameworks & Libraries): Astro/Tailwind CSS

サイトを見る

キッズの暇つぶしページ

クリックやタップに反応するシンプルなアニメーション。キッズ向けの遊び場です。
主な使用言語： JavaScript, HTML, CSS, PHP

遊びに行く