Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tetracalibers/english-audio-note
フレーズごとに繰り返し音読練習できる、喋る英語ノート
https://github.com/tetracalibers/english-audio-note
Last synced: 11 days ago
JSON representation
フレーズごとに繰り返し音読練習できる、喋る英語ノート
- Host: GitHub
- URL: https://github.com/tetracalibers/english-audio-note
- Owner: tetracalibers
- Created: 2022-12-02T02:53:09.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-12-10T14:44:59.000Z (about 2 years ago)
- Last Synced: 2024-11-07T21:20:14.773Z (2 months ago)
- Language: Svelte
- Size: 857 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# English Audio Note
ブラウザで音読練習ができるデジタル英語ノート。
## 使い方
src/contents配下に後述する記法で英文コンテンツを記載したmdxファイルを置くと、そのコンテンツの音読学習ページが作成されます。
著作権の関係上、contents配下は非公開です。以下に記載する方法で、好きなコンテンツを追加してください。
### slug
各学習ページには、`/note/(src/contents以下のパス)`でアクセスできます。
例えば、`src/contents/sample.mdx`の内容は、`http://localhost:3000/note/sample`ページに反映されます。
#### 予約語（？）
`private`というフォルダ名は、URL上無視されます。
privateフォルダは非公開コンテンツをまとめるためのものとしており、ノート分類を表す単語ではないからです。
そのため、`src/contents/private/sample.mdx`の内容も、`http://localhost:3000/note/sample`ページに反映されます。
### frontmatter
`---`と`---`で囲まれた部分は、yaml形式で記述します。
- title
- ページのタイトルとして表示される文字列
- sentence
- 読み上げさせたい英文
- 改行・空行はページでもそのまま表示されます。
- 1行ごとにリピート再生機能が付与されます。
```
---
title: Sample
sentence: |
She put the pen to paper
but she couldn't bring herself to actually write anything.
She just stared at the blank card and wondered
what words she could write that would help in even a small way.
She thought of a dozen ways to begin but none seemed to do justice to the situation.
There were no words that could help and she knew it.
---
```
#### sentence - 和訳の追加
sentenceの各行の末尾に`和訳`を追加することで、フレーズ英文の下に和訳を表示させることができます。
```
---
title: Sample
sentence: |
She put the pen to paper 彼女はペンを走らせた
but she couldn't bring herself to actually write anything. が、実際に何かを書く気にはなれなかった
She just stared at the blank card and wondered
what words she could write that would help in even a small way.
She thought of a dozen ways to begin but none seemed to do justice to the situation. 何十通りもの方法を考えたが、どれもピンとこない。
There were no words that could help and she knew it.
---
```
### words - 単語帳
frontmatterに単語情報を列挙することで、単語カードを表示させることができます。
```
---
title: Sample
sentence:（略）
words:
- bring: 持ってくる
- actually: 実際に
- blank: 白紙の
- wonder:
ja: 不思議に思う
past: wondered
---
```
現時点では、以下の情報を指定・表示できます。
- ja
- 和訳
- past
- 過去形
`ja`以外の情報を持たせる必要がない場合、
```
- wonder:
ja: 不思議に思う
```
は、
```
- wonder: 不思議に思う
```
と略記できます。
単語カード内の紫色の再生ボタンを押すことで、単語の発音を確認できます。
過去形を指定している場合は、現在形に続けて過去形が発音されます。
### phonetic - 発音記号を自動で表示
frontmatterに`phonetic: true`を指定すると、英文内の単語が自動で解析され、各フレーズの上に発音記号が表示されます。
```
---
title: Sample
sentence: （略）
words: （略）
phonetic: true
---
```
文脈によって発音が異なる単語は、全てのパターンを`[パターン1 || パターン2 || ... ]`の形で列挙します。
また、この機能を有効化するとビルドが遅くなるので、必要な場合のみ指定を推奨します。
## 追加予定の機能
### Audio
- 速度調整
- 選択式ではなく、「もっと遅く」「もっと速く」的なspinボタン風に
- 現在の速度を表示する
- 0.25, 0.5, 0.75, 1, 1.25, 1.5
- 練習用ツールなので、デフォルトは0.75
- 全文再生
- 再生中の行をハイライト
- 繰り返しON/OFF
### Note
- スラッシュとかアクセントの位置とか書きこめる
- マーカー機能
- 疑問ノート
### Other
- 日本語訳を隠す
- 全文コピー
- 一文コピー