readme

Author: aory311

README.md

@@ -1,12 +1,12 @@
 # プロダクト名
 
-LexiFlow（仮）
+TalkScope
 
-![LexiFlow](https://kc3.me/cms/wp-content/uploads/2026/02/444e7120d5cdd74aa75f7a94bf8821a5-scaled.png)
+![TalkScope](https://kc3.me/cms/wp-content/uploads/2026/02/444e7120d5cdd74aa75f7a94bf8821a5-scaled.png)
 
 ## チーム名
 
-チーム19 かしゅドラ
+チーム19 ブルードラゴンズ
 
 ## 背景・課題・解決されること
 
@@ -21,7 +21,7 @@ LexiFlow（仮）
 
 ## プロダクト説明
 
-LexiFlow は、会話理解を補助する Web アプリケーションです。
+TalkScope は、会話理解を補助する Web アプリケーションです。
 
 - 音声認識で会話を文字起こし
 - テキストを単語単位で分析
@@ -31,7 +31,7 @@ LexiFlow は、会話理解を補助する Web アプリケーションです。
 構成は以下です。
 
 - Frontend（React）: 音声認識、テキスト表示、バブル UI、履歴管理（`indexDB`）
-- Backend（Python）: 形態素解析、係り受け解析、類似度計算（`word2vec`）などの重い解析。
+- Backend（Python）: 形態素解析、係り受け解析、類似度計算（`word2vec`）などの重めの解析。
 
 ## 操作説明・デモ動画
 
@@ -107,28 +107,45 @@ make docker-clean
 - 抽出された単語の強調表示やバブルをタップして意味を確認
 - ピンをつけて単語を保存
 - 履歴から過去に確認した単語へ再アクセス
+- ホバーで簡単な説明、左クリックで詳細説明、右クリックでピン
 
 
 ## 注力したポイント
 
 ### アイデア面
 
-- 会話理解で実際に詰まりやすい「聞き取り」「内容の理解」「重要語の把握」を1つの導線に統合！
+- 会話理解で実際に詰まりやすい「聞き取り」「内容の理解」「重要語の把握」を1つの導線に統合
 - 従来の議事録アプリとは異なり、文字起こしや抽出だけで終わらず、意味確認まで最短で到達できる操作設計
+- 操作をホバー、ワンクリックなどで完結させる
 
 ### デザイン面
 
+#### バブルについて
 - 会話中でも操作しやすく視線移動が抑えられるバブル中心のUI
+- 会話の中での重要度に応じて大きさが変わるため、初心者でも何を理解すればいいかわかりやすい
+- ピン留めしたバブルは後でも見返せるように表形式で一覧表示
+- スライダーでバブルの倍率をユーザー自身が変更可能で、枠の大きさを変えると自動で倍率が調整される
+- マウスだけで直感的に操作ができる
+    - ホバーで簡単な説明、左クリックで詳細説明、右クリックでピン
+
+#### 文字起こしについて
+- 文字起こしの中でハイライトを表示し
 - 重要語のハイライトと詳細表示を分離し、情報過多を避ける構成
+- バブルと操作を統一
+    - ホバーで簡単な説明、左クリックで詳細説明、右クリックでピン
+
+#### その他こだわったデザイン
+- レイアウトはユーザーが自身で変更可能で、いらないウィンドウは削除できる
+- バブルやハイライトをホバーした時の表示を枠の外にはみ出ないように表示位置を自動で調整する
 
 ### その他
 
-- Frontend と Backend を責務分離し、段階的に NLP 精度を上げられる構成
-- 使い勝手を重要視しログイン不要で試せるように
+- Frontend と Backend を責務分離し、段階的に NLP 精度(自然言語処理)を上げられる構成
+- 使い勝手を重要視しログイン不要で試せるようにした
 
 ## 使用技術
 
 - Frontend: React 19, TypeScript, Vite 6, Tailwind CSS v4, Bun
 - Backend: Python, uv, FastAPI, Uvicorn, Pydantic
 - Browser API: Web Speech API
-- Data/Storage: localStorage（フロント履歴保存）
+- Data/Storage: localStorage