Carta (2026)
学習内容を構造化した知識ポスターとして変換・出力・印刷できるツール。
Works
Image Measurement Tool (2026)
写真や画像内のオブジェクトの長さを簡単に測定できるWebツール。
Lecture Scheduler (2026)
月間カレンダー上で講義スケジュールを作成・編集するツール。
KaTeX から SVG に変換する (2026)
KaTeX の HTML 出力を foreignObject で SVG に埋め込み、DOM 解析と WOFF2 のグリフ単位サブセット化で小さなスタンドアロン SVG を作る実装メモ。
Intl API 比較ビューア (2026)
JavaScript の Intl API を一覧比較し、ローケル別に主要コンストラクターの出力差を確認する実験ページ
Pixel Grid Studio (2026)
生成画像をグリッドに合わせ、パレットとマスクでピクセル画像へ変換するブラウザツール。
Zustand 実践メモ (2026)
React で Zustand を使うときの基本、セレクタ、型付け、ミドルウェア、SSR、設計上の注意点を整理した実践メモ
Stitch (2026)
複数の重なったスクリーンショットを一枚の画像に合成するツール。
Vibe Design Gallery (2026)
Tailwind CSSのユーティリティクラスを用いたデザインギャラリー。バイブコーディング向けとしてデザインプロンプトも用意。
Lucide Shape Search (2026)
Lucideアイコンを手書きで検索できるツール
Lucide Text Search (2026)
テキスト入力からLucideアイコンを意味検索できるツール。
句読点補完ツール (2026)
日本語テキストに句読点と改行を自動で補う、軽量Transformer/ONNXベースのブラウザツール。
CRT Phosphor Simulator (2026)
画像や動画を読み込み、ブラウン管テレビのRGB蛍光体までズームして観察する3D/WebGL実験。
ScreenCast Editor (2026)
動画のカット、結合、テキストや画像のオーバーレイをブラウザ内で行うシンプルな編集ツール。
Compression Leaderboard (2026)
同じ入力を複数の可逆圧縮器にかけ、圧縮率・圧縮時間・展開時間をブラウザ上で比較するWASMベンチマーク。
QuickCalc (2026)
メモを書く感覚で式や変数を並べ、行ごとの計算結果を即時に更新するリアクティブな計算機。
STICK GAME (2026)
指を用いた遊びでCPUと対戦 をブラウザゲーム化したもの。CPUと対戦できます。
mozaic-app (2026)
画像・動画・カメラ入力を、任意のタイルセットでモザイクアート化するブラウザツール。
nanotation (2026)
画像などに軽量な注釈を重ねる、ブラウザベースの実験的アノテーションエディタ。
ブラウザ上で完結する動画変換ツール (2026)
WebCodecs と web-demuxer を用いてブラウザ上で動画変換を行うデモ
AsciiArt Table Parser (2026)
アスキーアート等のテーブルを解析してプレーンにするツール
Compression APIを用いたJS単体でのZIP生成 (2026)
JavaScriptのCompression APIを用いてZIPファイルを生成する解説記事
WebCodecs + MP4Box.js を用いたブラウザ単体での MP4 生成 (2026)
WebCodecs と MP4Box.js でブラウザ単体の MP4 生成を試す解説記事
pdf2md (2026)
PDFをローカルで解析し、本文のMarkdown化と画像抽出を行う変換ツール。
pdf-toc-tool (2026)
PDFの目次をもとに、確認・抽出・分割・結合をまとめて扱うローカル動作のツールキット。
倒立振子シミュレータ (2026)
台車型倒立振子の挙動をブラウザ上でリアルタイムに体感できるシミュレータ。古典制御（PID/PDカスケード）、現代制御（LQR）、非線形制御（スライディングモード制御）の3手法をダイナミックなビジュアライズとグラフで比較。
FlowTimer (2025)
発表中に必要な残り時間と進行状態だけを見やすく保つ、登壇者向けの最小タイマー。
PDFUnbinder in Browser (2025)
PDFのしおり構造を読み取り、章や節ごとにファイル分割するWeb版PDFUnbinder。
ブラウン管テレビ風 画像エフェクター (2025)
画像をブラウン管テレビ風（CRT）に加工する WebGL エフェクト
JPEGガビガビ化ツール (2025)
JPEG圧縮を繰り返してガビガビ質感を作るツール
Images to PDF (2025)
画像をドラッグ&ドロップで並べ替えて PDF 化するツール
MNIST UMAP Visualization (2024)
手書き文字をUMAPを使って2次元にマッピングしたものの可視化 し、数字ごとのクラスタや混ざり方を探索する可視化。
ナワトルテキスト補助 (2024)
ナワトル語の長音記号入力を補助するテキストエディタ
Safetensors metadata viewer (2023)
safetensors ファイルのメタデータを表示するビューア
Jinja2 Template Renderer (2022)
Pyodide 上で Jinja2 テンプレートをブラウザ実行するレンダラー
HoverDictCN (2019)
中国語の文章を読みながら、単語や漢字の英語訳をマウスオーバー/タップで確認する学習補助ツール。
PDFUnbinder (2018)
PDFの目次をもとにファイルを章単位で分割するJavaFXデスクトップアプリ。
RGBCloud (2017)
画像ピクセルをRGB/HSL色空間上の点群として描画し、色分布を3Dで眺めるビューア。
Kantele (2016)
スライド 研究室所属時の課題で作った、音を記述して再生するScheme風の言語です。音が出ます。
ニューラルネットワークの可視化 (ConvnetJS版) (2016)
ConvnetJSで書きなおしたものです。素子の種類や学習器などが調整できるようになりました。 層や学習器の設定を変えながら学習の進み方を観察できるConvnetJS版。
dynamorphism の紹介 (2015)
rogy Advent Calendar のために書いた、関数型プログラミングで動的計画法を行う手法の紹介記事。
ニューラルネットワークの可視化 (2014)
BPNNの可視化です。Slide: HTML5によるニューラルネットワークの可視化 。BPNNの重みやノード状態を描画し、学習プロセスを追う初期の可視化実験。