AI音声チャットに「聞いてる・考えてる・話してる」を見せる — 状態連動の音声ビジュアライザーを依存ゼロで作った
Hiroba による自動要約
AI音声チャットで、AIが何をしているのか視覚的に示すため、会話状態（idle / listening / thinking / speaking）に応じて自動で表情が変わる光のオーブを開発。外部依存なし・1ファイル構成で、マイク・TTS・LLMなど異なる音声ソースに統一的に対応。Canvas で曼荼羅パターンを描画し、状態ごとの倍率パラメータで描画コードを肥大化させずに実装。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 4621 件あります。
関連する記事
同じタグの記事
Claude Code（Opus 5）で請求書ツールを開発したら、AIが気づけなかった「印刷」と「税務」の落とし穴
QiitaSES特有の精算幅計算に対応した請求書ジェネレータを Claude Code で 1 日で構築。計算ロジック再現は高精度だが、印刷時のページレイアウト崩れ・theme-ui スケール値の誤用・税務慣例（税抜記載・端数処理）といった「出力を見ないと分からない」「聞かれないと出てこない」タイプのバグを人間が修正する必要があった。
Claude Code で Kindle 本を KDP に出すまでの実装ガイド：目次警告・AI 申告・表紙の落とし穴
Zenn非プログラマーが Claude Code を使い、Markdown 原稿から Word 変換・表紙生成・KDP 登録画面まで自動化した実例。KDP の「目次がありません」警告は見た目の目次では消えず、Word の TOC フィールドを XML レベルで構築する必要があることが判明。python-docx による実装例とコード付きで解説。
Claude Code の全セッションを1画面で管理するローカルアプリ csviz を自作した
QiitaClaude Code で複数セッションを並行実行する際の課題（タブ移動、実行許可の見落とし、脳の切り替え負担）を解決するため、Go と vanilla JS で単一バイナリのセッション管理アプリ csviz を開発。セッション一覧・会話の横並び表示・リアルタイム反映・定型業務の定期実行などを1つの Web UI で完結させ、セッション JSONL の内部仕様も詳解。