ギリシャ文字の意味とは　【React】

オミクロン株怖い。

コロナウイルスのネーミングは全てギリシャ文字を使っているらしい。

アルファだのベータだの…日本人には馴染みの無い言葉なので、一回調べてみる。

ただ調べても面白くないので、Reactを使ってヘンなモノを作ってみた。

作ったモノ

＋と－ボタンがあり、それぞれ押すとギリシャ文字の並び順で表示が変化するようにした。文字とその意味を順繰り表示する。

意味はよくわからなかった

文字の形と読み方については、その通りなので良し。

が…意味については理解出来ない文章が多く、何のことを表しているのかがわからなかった。

イシカミ…？星に還る…？理解している人が居たら教えて欲しい。

使ったコード等（HTML＆CSSは省略）

const Button = () => {
  var [count, setCount] = React.useState(0)
  const greek = ["Α α (アルファ)","Β β (ベータ)","Γ γ (ガンマ)","Δ δ (デルタ)",,,] //(省略）
  const meaning = ["イシカミの遺体が山の中にあるということです。","これはイシカミの身体を表します。",,,] //(省略）
  
  if(count < 0){
    count = 23;
  }else if(count > 23){
    count = 0;
  }
  
  return (
    <div>
      <div><h1>{greek[count]}</h1></div>
      <div><h2>【意味（yahoo知恵袋参照）】</h2></div>
      <div><h3>{meaning[count]}</h3></div>
      <button onClick={() => setCount(count + 1)}>+</button>
      <button onClick={() => setCount(count - 1)}>-</button>
    </div>
  )
}

ReactDOM.render(<Button />, document.querySelector('#app'))

ReactはJavaScriptの中にHTMLを書くことが出来て、ページを動的に変化させ易いという特徴があると感じた。

codepenで使用する際には少し設定を編集する必要がある。
↓その際に参考にさせていただいたサイト様はこちらから

CodePenでReactを使った最小のアプリケーションを作る - Crieit

私自身まだまだ理解が浅いので、詳しい解説が出来ないが、とりあえず動かせるモノを作ってみるのも良いのではないだろうか？

過去に書いた記事