is-hiddenの「is」とはどういう意味があるのでしょうか。

Question

『js』の、is-hiddenとはなんですか？

①現在jsを使った４択ゲームを作成しているのですが、「is-hidden」「is-visible」という言葉が出てきて理解できず困っています。
htmlでこのようなid名やclass名は使用していないので、どこからこの言葉が出てきたのか、どのような意味があるのかが気になっています。

②また、cssにも同様に「div.is-hidden」というコードが出てきており、どこから「is」という言葉が出てきたのかが不明です。

③changeScene(sceneResult, sceneTop);の部分についても、コードの意味・機能が理解できません。

前提

jsで４択ゲームを作成しています。
[参考にしているサイトURL]
(https://qiita.com/taiga-jp/items/b579095a363667356834)

 function init() {
    state.gameCount = 0;
    state.success = 0;
    changeScene(sceneResult, sceneTop);

    btnStart.addEventListener("click", gameStart, false);
  }

  function changeScene(hiddenScene, visibleScene) {
    hiddenScene.classList.add("is-hidden");
    hiddenScene.classList.remove("is-visible");
    visibleScene.classList.add("is-visible");
  }

上記の使用言語はJavaScriptです。

```div.is-hidden {
  display: none;
}

div.is-visible {
  display: block;
}

上記の使用言語はcssです。

試したこと

html内でこのようなid名class名を付けていないのか確認済みです。

Answer 1

単なるbe動詞かと思われます。

HTMLに振られたidやクラスは、ただの識別子です。あとから区別するために振っているラベルでしかないですので、idやクラス自体が特別な意味を持つものではありません。

Comments

[maisumakun]

技術的には、「is-から始まるクラス」にまとめてスタイルを適用させることもできますが、実際に行われることはあまりありません。

Answer 2

①②

「is-hidden」「is-visible」という言葉が出てきて

JavaScriptのコードで要素に追加したり削除しているクラス名です。クラス名なので他とかぶらなければ何でもよくて、is- は名前の一部で特別な機能はありません。JavaScript コードやスタイルシートで is-hidden を hidden にしても h にしてもいいです。
意味的には、英語そのままでしょう。要素を隠したり表示したりするのに使っているのでしょう。

③changeScene(sceneResult, sceneTop);の部分

コード全体を見ないとはっきりとは言えませんが、シーンを切り替えるときに特定の要素を消したり表示したりするのでしょう。

Answer 3

変数名ではよく使うのですがbe動詞のisではないかと。
https://eigoblock.com/word13

いずれにしてもこの手の「命名」はプログラミング言語側からすると「そういう文字列の集合体」でしかないので、名前より機能に集中しましょう。
※名称を見るだけで機能がわかるような配慮は必要ですが、命名規則にしろなんにしろ開発者側のメンテナンス性の都合やプロジェクトのルール、好みに依存します