ブログとWEBアプリ
特に意味は無いけど、短くて覚えやすいドメインurtell.comが空いていたので、適当にいくつかのWEBアプリを作って置いてある。
映像がアスキーアートに変換されて表示される簡易ビデオ通話ツール。
共通のキーワードを入力した２ユーザー間で、１−１の通話ができる。
ちなみに、普通に映像を表示するほうが、実装は簡単。無駄にテキストに変換していると言える。
WEBRTCを使うが、シグナリングに自前のPipingServerを使う。
シグナリング成功後はP2Pで直接通信するため、サーバーが不要というところが素晴らしい。
P2P接続できない場合は接続不可。（TURNサーバー無し）
ただ、ミュートやカメラオフなどの、実用的な必須機能がほとんど未実装。
ちょっとした実験でWEBアプリを作るときに、いちいち認証基盤を用意するのが面倒だし、外部サービスを使っても管理が面倒なので、 自前でOIDCっぽいIdPと簡単なデモ用RPを作ってみるという実験。
リンク先はRPで、Login, Signup, settings 画面はIdP
Email/Password認証とパスキー認証に対応。
NestJSのAPIサーバーに静的ファイルも同居してるのでCloudRunで全部いける状態。
WebRTCを使ったP2Pビデオ通話アプリ。
CloudFront + S3 + CloudRun + NeonDBで構成。 Nest.jsでAPIを書いて、Solid.jsでフロントエンドを書いている。
パスキーのデモサイト。
パスキーを使って登録してログインすると、パスキーを更に登録したり、それらを使って認証をテストしたりできる。
Claude Code を試すために作ったので、無駄にi18n対応したり、無駄にデザインを切り替えられるようになっている。
APIはRustで書いてビルドしたバイナリを乗せた小さいLWA入りのイメージをLambdaにデプロイ。 フロントエンドはSolid.jsで書いて、S3にデプロイしている。
Pulumiでデプロイした。
Rust でAPIを書いて、Lambda に乗せてPulumiでデプロイする実験でもある。
AA電話のWebRTCで無理やりシグナリングに使っているPipingServer。
本来の使い方としては、一方からテキストを送信して、他方で1回だけ受信できるサーバー。
/p/の後に適当な名前をつけて、そこにテキストをPUT methodで送信すると、別のシェルから同じURLにGET methodで受信できる。
送信側
echo "こんにちは。" | curl -T - https://ppng.urtell.com/p/sample-hoge
受信側(別のターミナル、別のPCで)
curl https://ppng.urtell.com/p/sample-hoge
rusterd (ER図DSLコンパイラ) のデモページ。
SolidUI Components のコンポーネントカタログ兼デモページ。
NFCタグにURLやテキストを書き込めるWebアプリ。
適当なアバター画像やヘッダ画像を生成するツール。
PNG, WebP形式でダウンロード可能。
画像をアップロードしたらFavicon(.ico形式)が返ってくるツール。
face-api.js を使って、表情を検出できるかどうか試してみたページ。
いきなりカメラ起動するので怖いけど、何も記録してません。
表情を６種類の感情の割合で解釈してくれる。
人間の表情が6種類なわけないし、精度は微妙。
fearful を出すのが一番ムズい。
画像をアップロードすると点字文字を使ったテキストを生成するツール。
CLIツールもある。
ウェブページを要約・翻訳するChrome拡張機能。