![](https://img.sabae.cc/data/20240116/427f0e0a-f2f4-4b0d-8ed9-a800400fdf0d.jpg)
高専の頃2年間学んだ中国語(マンダリン)!
昨日作った、
CE典を改良します。
![](https://img.sabae.cc/data/20240116/db5005f2-1d13-421c-ae9f-fd85804f5dc5.png)
「code4fukui/Pinyin」
「ni1 hao4」を「nǐ hǎo」のように変換するJavaScriptのプログラムです。
萌典では事前に変換しているようでしたが、ウェブアプリ内での変換で対応することにしました。
![](https://img.sabae.cc/data/20240116/ca9636ed-413c-490f-82a3-fdead68f4e6e.jpg)
最近は検索すると並行して、ChatGPTを使ったAIチャット(GPT4-turbo)に問い合わせることにしています。今回はばっちり発音記号の表と共に動くコードを回答してくれました!複数単語への対応を追加して、Pinyin.jsとして完成!
![](https://img.sabae.cc/data/20240116/87214dd6-f64e-4071-b625-579464d8c872.png)
「CE典」
CE典に、組み込み、ピンイン表示に対応!
せっかくなので、Web Speech APIを使って、単語を発声してくれるようにもなりました!
const speech = (text, lang = "zh") => {
if (!window.SpeechSynthesisUtterance) {
alert("not supported WebSpeech API");
return;
}
const msg = new SpeechSynthesisUtterance();
msg.volume = 1.0;
msg.rate = 1.0;
msg.pitch = 1.0;
msg.lang = lang; // "ja-JP"; // or "en-US"
msg.text = text;
speechSynthesis.speak(msg);
return msg;
};
オープンな教材を作りながら語学も学べて、一石二鳥以上!
links
- 台湾g0vの辞典プロジェクト「萌典」を元に開発、漢英辞書アプリ「CE典」