File tree Expand file tree Collapse file tree 1 file changed +10
-3
lines changed Expand file tree Collapse file tree 1 file changed +10
-3
lines changed Original file line number Diff line number Diff line change 1
1
# しゃべしゃべ
2
+
2
3
これはシャドーイングをするためのウェブアプリで、任意の文章を読み上げることができます。これは、
3
- Web Speech APIを使ったネイティブ環境での読み上げを使用し、高速にかつプライバシー配慮して動作が可能です。
4
+ ウェブ音声 APIを使ったネイティブ環境での読み上げを使用し、高速にかつプライバシー配慮して動作が可能です。
4
5
5
6
- ** HTMLのペーストに対応** — HTMLをペーストした時、スタイルを消して書式そのままにペーストが可能。
6
7
- ** 部分的な読み上げ** — 文章を選択した時、その選択した部分だけ読み上げ可能。
7
8
- ** シンプルなUI** — ブラウザ標準のデザインを踏襲し、基本配色も二色で明瞭。
8
9
- ** ダークモード対応** — システムに合わせる自動機能付き。
9
10
10
11
## 技術スタック
12
+
11
13
- Bun
12
14
- SolidJS
13
15
- Tailwind CSS
14
16
[ Preflight] ( https://tailwindcss.com/docs/preflight ) が無効化されています。
15
17
開発時にはこれを留意してください。
16
- - Tailwind Variants
17
- - Cloudflare Pages
18
+ - GitHub Pages
18
19
19
20
## 開発
21
+
20
22
### 用語
23
+
21
24
- Voice: ウェブ音声 APIの` SpeechSynthesisVoice ` のことで、音声の種類を表す。
22
25
- Paper: シャドーイング対象の文章を配置する場所、文章を操作したりするためのクラスが存在する。
23
26
- TTS: 読み上げをするためのクラスのこと。
27
+ - MainController: 画面上部にある操作パネルのこと。
28
+ - QuickController: 大きい画面の場合でかつ、文章選択時にポップアップ形式で表示される小さい操作パネルのこと。
24
29
25
30
### 起動方法
31
+
26
32
1 . Bunが必要なのでまずBunをインストール
27
33
2 . ` bun i ` で依存関係をインストール
28
34
3 . ` bun dev ` で起動
29
35
30
36
## その他情報
37
+
31
38
- [ ライセンス] ( ./LICENSE )
32
39
- [ ウェブサイト] ( https://shabe2x.tasuren.jp )
You can’t perform that action at this time.
0 commit comments