Myu: 和文モールス読み取り練習　ver2 HTML5で

以前作ったHTML5によるCW練習ソフトを少し改良した。ランダム再生できるようにしてみた。（とりあえず、動けばいいだろうということで、コードは最適化していない。符号再生の文字数を可変できないか、ChatGPTにも聞いたのだけれど、教えてもらったコードではうまくいかなかった。）

適宜、コードは改善していこうと思っています。初期バージョンは以下の通りです。最新版は、下記のリンクでソースコードを参照ください。

Mlearn.html

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Web Audio Beep Morse Code</title>
    <style>

#texta {
    font-size: 16px;
  }

*, ::before, ::after { box-sizing: border-box; }
html { font-family: sans-serif; }

</style>
 
  </head>
  <body>

<h1>Morse Code</h1>

<p>
  <input type="button" value="和文" onclick="wabun();">
  <input type="button" value="記号数字" onclick="kigo();">
   <input type="button" value="ランダム" onclick="random();">
  <label for="speed">Speed (0.4~1):</label><input type="text" id="speed" name="speed"  size="5" value="0.8">
</p>

<ｔｅｘｔａｒｅａ id="texta" cols=80 rows=3　></ｔｅｘｔａｒｅａ><br>　　←ここだけ全角を半角にする必要あり　ブログでの表示バグ解消のため
参照させていただいたサイト:<a href="https://neos21.net/blog/2021/03/30-01.html">https://neos21.net/blog/2021/03/30-01.html</a><br>
  </body>

const ch6= (moji,t1,t2,t3,t4,t5,t6)=> Promise.resolve().then(t1).then(interGap).then(t2).then(interGap).then(t3).then(interGap).then(t4).then(interGap).then(t5).then(interGap).then(t6).then(mediumGap).then(()=>{document.getElementById('texta').value=document.getElementById('texta').value+moji;});
    cdan=()=>ch6("」",dit,dah,dit,dah,dit,dit);
    cten=()=>ch6("、",dit,dah,dit,dah,dit,dah);
    ckas=()=>ch6("（",dah,dit,dah,dah,dit,dah);
    ckae=()=>ch6("）",dit,dah,dit,dit,dah,dit);

cq=()=>ch6("?",dit,dit,dah,dah,dit,dit);
    cat= ()=>ch6("@",dit,dah,dah,dit,dah,dit);
    
    cii= ()=>ch5("ヰ",dit,dah,dit,dit,dah);
    cee= ()=>ch5("ヱ",dit,dah,dah,dit,dit);
    cp=()=>ch5("°",dit,dit,dah,dah,dit);
    cd=()=>ch5("ー",dit,dah,dah,dit,dah);
    
    c1=()=>ch5("1",dit,dah,dah,dah,dah);
    c2=()=>ch5("2",dit,dit,dah,dah,dah);
    c3=()=>ch5("3",dit,dit,dit,dah,dah);
    c4=()=>ch5("4",dit,dit,dit,dit,dah);
    
  const cwf=(moji)=> {
  　  
  　 switch (moji) {
       case 'へ':
         return che;
         break;
       case 'ム':
         return cmu;
         break;
       case 'イ':
         return ci;
         break;
      case 'タ':
         return cta;
         break;
      case '\"':
         return cda;
         break;
       case 'ヨ':
         return cyo;
         break;
       case 'ラ':
         return cra;
         break;
      case 'ウ':
         return cu;
         break;
      
      case 'ヤ':
         return cya;
         break;
       case 'ワ':
         return cwa;
         break;
       case 'ナ':
         return cna;
         break;
      case 'リ':
         return cri;
         break;
      case 'レ':
         return cre;
         break;
       case 'ホ':
         return cho;
         break;
       case 'コ':
         return cko;
         break;
      case 'ヲ':
         return cwo;
         break;
     
      case 'ノ':
         return cno;
         break;
      case 'ク':
         return cku;
         break;
       case 'ヌ':
         return cnu;
         break;
       case 'マ':
         return cma;
         break;
      case 'ハ':
         return cha;
         break;
         
      case 'ネ':
         return cne;
         break;
      case 'フ':
         return chu;
         break;
       case 'ソ':
         return cso;
         break;
       case 'ケ':
         return cke;
         break;
      case 'ツ':
         return ctu;
         break;
     
      case 'ニ':
         return cni;
         break;
      case 'ロ':
         return cro;
         break;
       case 'カ':
         return cka;
         break;
       case 'チ':
         return cti;
         break;
      case 'サ':
         return csa;
         break;
         
      case 'シ':
         return csi;
         break;
      case 'ス':
         return csu;
         break;
       case 'セ':
         return cse;
         break;
       case 'ル':
         return cru;
         break;
      case 'ア':
         return ca;
         break;
      case 'エ':
         return ce;
         break;
      case 'オ':
         return co;
         break;
       case 'ヒ':
         return chi;
         break;
       case 'ユ':
         return cyu;
         break;
      case 'キ':
         return cki;
         break;
         
      case 'ミ':
         return cmi;
         break;
      case 'ン':
         return cn;
         break;
       case 'ト':
         return cto;
         break;
       case 'モ':
         return cmo;
         break;
      case 'メ':
         return cme;
         break;
      case 'ト':
         return cto;
         break;
      case '」':
         return cdan;
         break;
       case '、':
         return cten;
         break;
       case '（':
         return ckas;
         break;
      case '）':
         return ckae;
         break;
         
      case '?':
         return cq;
         break;
      case '@':
         return cat;
         break;
       case 'ヰ':
         return cii;
         break;
       case 'ヱ':
         return cee;
         break;
      case '°':
         return cp;
         break;
      case 'ー':
         return cd;
         break;
      case '1':
         return c1;
         break;
       case '2':
         return c2;
         break;
       case '3':
         return c3;
         break;
      case '4':
         return c4;
         break;
      
      case '5':
         return c5;
         break;
      case '6':
         return c6;
         break;
      case '7':
         return c7;
         break;
       case '8':
         return c8;
         break;
       case '9':
         return c9;
         break;
      case '0':
         return c0;
         break;
     
  　 };
  　  
  
  　}

c5=()=>ch5("5",dit,dit,dit,dit,dit);
    c6=()=>ch5("6",dah,dit,dit,dit,dit);
    c7=()=>ch5("7",dah,dah,dit,dit,dit);
    c8=()=>ch5("8",dah,dah,dah,dit,dit);
    c9=()=>ch5("9",dah,dah,dah,dah,dit);
    c0=()=>ch5("0",dah,dah,dah,dah,dah);
    
    
  
    const w1=() => Promise.resolve().then(cwa).then(che).then(cmu).then(ci).then(cra).then(cu).then(cna).then(cri).then(cre);
    const w2=()=>Promise.resolve().then(cho).then(ci).then(cta).then(cda).then(cyo).then();
    const w3=()=>Promise.resolve().then(cko).then(cwo).then(cno).then(cku).then(cnu);
    const w4=()=>Promise.resolve().then(cma).then(cha).then(cne).then(chu).then(cso);
    const w5=()=>Promise.resolve().then(cke).then(ctu).then(cni).then(cro).then(cka).then(cti);
    const w6=()=>Promise.resolve().then(csa).then(csi).then(csu).then(cse).then(cru);
    const w7=()=>Promise.resolve().then(ca).then(ce).then(co).then(chi).then(cyu).then(cki);
    const w8=()=>Promise.resolve().then(cmi).then(cn).then(cte).then(cmo);
    const w8a=()=>Promise.resolve().then(cme).then(cto);
    const w9=()=>Promise.resolve().then(cdan).then(cten).then(ckas).then(ckae).then(cq);
    const w10=()=>Promise.resolve().then(cat).then(cii).then(cee).then(c5).then(c3);
    const w11=()=>Promise.resolve().then(c8).then(c9).then(c0).then(c2).then(c4).then(cd);
    const w12=()=>Promise.resolve().then(c6).then(c1).then(c7).then(chi).then(cp);
 
  
    openc=()=>{ audioContext.close();   audioContext = new window.AudioContext();}
    const wabun=() =>{
      const textbox = document.getElementById("speed");
      speed = textbox.value;
      Promise.resolve().then(w1).then(openc).then(w2).then(openc).then(w3).then(openc).then(w4).then(openc).then(w5)
    .then(openc).then(w6).then(openc).then(w7).then(openc).then(w8).then(openc).then(w8a);
    }

const kigo=() =>{
      const textbox = document.getElementById("speed");
      speed = textbox.value;
      Promise.resolve().then(w9).then(openc).then(w10).then(openc).then(w11).then(openc).then(w12);
    } 
    
    const random=() =>{
      const textbox = document.getElementById("speed");
      speed = textbox.value;
      
      const inputString = 'イロハニホヘトヨタレソツネナラムウヰノオクヤマケフコエテアサキユメミシヱヒモセスン?ー°1234567890」、＊';
const randomCharsorg = getRandomChars(inputString, 10);

const randomChars = randomCharsorg.map(char => char.replace(/＊/g, '\"'));

Promise.resolve().then(cwf(randomChars[0])).then(cwf(randomChars[1])).then(cwf(randomChars[2])).then(cwf(randomChars[3])).then(cwf(randomChars[4])).then(cwf(randomChars[5])).then(cwf(randomChars[6])).then(cwf(randomChars[7])).then(cwf(randomChars[8])).then(cwf(randomChars[9]));
    }
  
  
  
  function getRandomChars(inputString, count) {
  if (inputString.length < count) {
    console.error('指定された文字列に十分な文字が含まれていません。');
    return null;
  }

const randomChars = [];
  const availableIndices = Array.from({ length: inputString.length }, (_, index) => index);

for (let i = 0; i < count; i++) {
    const randomIndex = Math.floor(Math.random() * availableIndices.length);
    const selectedIndex = availableIndices.splice(randomIndex, 1)[0];
    randomChars.push(inputString[selectedIndex]);
  }

return randomChars;
}
  
      </script>

</html>

※その後、再度、ChatGPTに２～３回質問したところ、以下の修正で、文字数を動的に変えることができるようになった。

const promiseResolve = (rcs) => {

const promises = rcs.map(rc => cwf(rc));

promises.push(() => document.getElementById('texta').innerHTML += "<br>");

promises.reduce((chain, promise) => chain.then(() => promise()), Promise.resolve());

}

Myu

2023年11月11日土曜日

和文モールス読み取り練習　ver2 HTML5で

0 件のコメント:

コメントを投稿

ブログアーカイブ

2023年11月11日土曜日

和文モールス読み取り練習 ver2 HTML5で

0 件のコメント:

コメントを投稿

和文モールス読み取り練習　ver2 HTML5で