Browser-only Web Apps

インストール不要6つのWEBアプリ。

どれも、1本のブラウザだけで完結するWebアプリです。 顔の動きに反応し、会話も通訳もこなす3Dキャラクター、指で書く手書きメモ、数式まじりの計算ノート、四角を並べて描く店内マップ、画像をつないで動画の流れを組むキーフレームマップ、話すだけで2か国語をつなぐ同時通訳—— それぞれ違う手ざわりの便利ツールを、ここに並べました。

6APPS
0INSTALL
PWAOFFLINE READY

VRMちゃんと!

man_in_the_mirror

01

覗き込むだけの鏡から、話しかけられるAIエージェントへ。

スマホのインカメラで顔の位置を読み取り、視点の動きに合わせて3D空間を視差表示(off-axis)。 画面の向こうに本当にVRMキャラクターが立っているかのような感覚を再現しつつ、 カメラ映像・画面・現在地を踏まえてGemini Liveとリアルタイムに会話し、頼めば同時通訳もこなすAIキャラクターです。

VRM / VRMA 顔トラッキング (MediaPipe) Gemini Live 会話 通訳 / 位置情報 YouTube連携
概要を見る
VRMちゃんと!のスクリーンショット
実機での動作

マスガキ

handwriting memo

02

指で書いて、そのままメモにする。

左右2枚のキャンバスに指で交互に文字を書くと、手書きのまま罫線エリアに並んでいく手書きメモアプリ。 走り書きや速記、筆談にも使えます。インストール不要・オフライン対応のPWAで、書いた内容は端末に自動保存されます。

2キャンバス交互入力 自動確定タイマー PWA / オフライン対応 画像として書き出し・共有
概要を見る
マスガキの手書きメモ画面のスクリーンショット
実機での動作

memo_calc

note with calculation

03

書けば、右に答えが出る。

文章の中に数式を混ぜて書けるメモ帳。数字や式を含む行だけが自動で計算され、右側にリアルタイムで結果が並びます。 「S1」のような行番号参照や sum / avg などの関数にも対応した、片手でも使える計算ノートです。

S参照 (行番号呼び出し) sum / avg / sqrt 等の関数 3モード切替キーボード PWA / オフライン対応
概要を見る
memo_calcの計算ノート画面のスクリーンショット
実機での動作

店内マップエディタ

easy_map

04

四角を置いて、名前を書くだけ。

キャンバスの上に四角を並べて売り場を配置していく、ブラウザで動く店内マップ作成ツール。 四角はグリッドにぴったり揃い、ダブルタップで名前を書き込めば縦書き・横書きも自動調整。 長押しで回転や重なり順を変えられ、完成したマップはPNG画像やJSONとして書き出せます。

グリッドスナップ配置 縦書き / 横書き自動調整 回転・重なり順変更 PNG / JSON 書き出し PWA / オフライン対応
概要を見る
店内マップエディタの画面。乳製品売り場・野菜売り場・納豆の3つの四角がグリッド上に配置されている。
実機での動作

キーフレームマップ

movie_sequencer

05

画像をつないで、動画の流れを描く。

キーフレーム画像を広いキャンバスに並べ、矢印でつないでいくことで動画のシーケンスを組み立てるツール。 選択した順・逆順・両方向など接続の向きを切り替えながら、画像と画像のあいだに動画クリップを割り当てて、全体の流れを一枚のマップとして見渡せます。

キーフレームの接続マップ 選択順 / 逆順 / 両方向の接続 動画クリップの割り当て
概要を見る
キーフレームマップの画面。キーフレーム画像が矢印でつながれ、動画クリップを挟んで並んでいる。
実機での動作

同時通訳

realtime_translator

06

話しかけるだけで、2つの言語をつなぐ。

マイクに話しかけると、選んだ2つの言語を相互に通訳するWebアプリ。約70言語に対応し、通訳に使うAIはGemini・ChatGPT・OpenRouterから選べます。 結果は文字で表示され、音声の再生も可能。声を出せない場面では文字入力でも通訳できます。

約70言語の相互通訳 Gemini / ChatGPT / OpenRouter 音声・文字入力に対応 自分のAPIキーで利用 PWA(ホーム画面に追加)
概要を見る
同時通訳アプリの画面。通訳結果が会話ウインドウに表示されている。
実機での動作