こんにちは、なっちる先生（@nacchi_jagariko）です。
先日、相方のもっちるさんから、
hrefってなんて読むんや、教えろ
と言われましたので、今回は「プログラミング初心者が読めないワード抜粋！」と題して、プログラミング初心者が読めないだろうというワードを解説していきます〜。
今回紹介するワードを「もう読めていたよ」という方は、プログラミング初心者卒業ですね！
現役エンジニアでも意外と知らない単語があるかもしれませんよー！
なっちる先生自身も読み方知らなかったやつあった。。
この記事は以下のような人向けです。
これ、なんて、読むんだ。。。
では、参りましょう〜。
HTML・CSSでの用語
まずは、HTMLやCSS内で使われる用語で、読み方を意外と知られていないものをあげていきますよぉ〜。
alt
GOOD! オルト
BAD! アルト
「Alternativ」の略。
<img src=”” alt=””>として使います。
SEOに気をつけている現場では、「オルトの中を記述してください」と言われる場合もあります。
href
GOOD! エイチレフ
BAD! ヘルフ
「Hypertext REFerence」の略。
<a href=””>として使います。
現場ではエイチレフとは呼ばずに、「リンクを変更してください〜」などと言われますね。
src
GOOD! ソース
BAD! エスアールシー
「Source」の略。
<img src=””>として使います。
ソース場所を表すからソースなんですねぇ。
現場でソースと呼ぶことほとんどなく、「画像のパスがちゃんとしてない」と言いますね。
読み方知らなかった！
ul
GOOD! アンダードリスト
BAD! ユーエル
「unordered list」の略。
<ul>
<li></li>
<li></li>
</ul>
として使います。
ちなみにliは「リスト」と呼びます。
現場で使うなら、リストの呼び方だけです。
普通に「ユーエル」って読んでたなwww
div
GOOD! ディビジョン
GOOD! ディブ
「division」の略。
<div></div>として使います。
ここはみんな「ディブ」と省略するので、正式名称で読んでいる人は少ないですね。
table
GOOD! テーブル
テーブルは簡単に読めるでしょう。
しかし、問題なのはテーブル内の
<tr>
<th></th>
<td></td>
</tr>
こちらの群です。
tr
GOOD! テーブルロウ
BAD! ティーアール
「table row」の略。
th
GOOD! テーブルヘッダー
BAD! ティーエイチ
「table header」の略。
td
GOOD! テーブルデータ
BAD! ティーディー
「table data」の略。
見事に全部知らなかったですわ
ちゃんと読み方を知っている人がいたら、本当にきちんとしている方で素晴らしい！
読めなくても問題ないですが、省略前を知っていると、「tr」「th」「td」がどれがどれだかわかりやすくなりますね！
例えば、
「row」は「列でまとまり」
「header」は「頭で最初」
「data」は「内容で中身」
という風に感覚的に覚えれます。
現場ではまったく呼ぶことなく、テーブルくらいしか読みません。
width
GOOD! ウィズ
BAD! ワイズ
「width: 〇〇px;」などと使います。
現場では日本語で「長さ」とか「幅」とかで言っちゃいますね。
舌の使い方が難しい！w
height
GOOD! ハイト
BAD! ヘイト
「height: 〇〇px;」などと使います。
もはや、センター入試問題みたいになってますが、「ハイト」と読みます。
現場では高さって普通に言ってしまいますね。
hidden
GOOD! ヒドゥン
BAD! ハイドゥン
「visibility: hidden;」などと使います。
実際、cssではあまり使わないですが、クラス名で使われること多しなので、読み方知っておいたほうが良いです。
px
GOOD! ピクセル
BAD! ピーエックス
「pixcel」の略。
絶対値でのサイズ指定の単位ですね。
サイズ指定の種類としては
- px（ピクセル）
- %（パーセント）
- em（エム）
- rem（レム）
px以外は、相対値です。
サイズ指定については、こちらの記事で詳しく説明しているので参考にしてください↓
none
GOOD! ナン
BAD! ノン
「display: none;」などと使います。
現場では「ここディスプレイナンにすればよくない？」という会話をたまにしますね。
！？w
番外編
以下では番外編として、間違えやすいソフト名などの読み方を紹介します〜。
Dreamweaver
GOOD! ドリームウィーバー
BAD! ドリームウェーバー
アドベ商品のテキストエディタの名前です。
アドベ（Adobe）もアドビって読みそうになりますねぇ
ドリームウィーバー読み間違える人多いんですよね〜。
実際、なっちる先生自身もまだ自信がないときあります。w
読み間違えても堂々としときましょう！
finder
GOOD! ファインダー
BAD! フィンダー
Mac標準搭載のファイルやフォルダを操作するアプリのことです。
地味に間違える人がいるので注意です。
vagrant
GOOD! ベイグラント
BAD! バグラント
ローカルに仮想環境を作成するためのソフトフェアのことです。
phpなどを使う現場だと一度は触ったことあるのではないでしょうか。
vagrantは、少し読み方が違うだけで本当になんのことを言ってるかわからなくなるんですよね。
ベイグラントです。
<!– –>や/* */や//
GOOD! コメントアウト/コメント
BAD! 変な記号、伏せ文字、グレイがかってる文字
HTML上では、<!– –>
CSSやJavaScript上では、/* */や//
をコメントアウトで使います。
まとめ
以上、プログラミング初心者が読めないワードということで、いくつか紹介しましたが、みなさんはどのくらい読めましたかー？？
実際のところ、読み方はそんなに重要ではないので、読めていないものが多くても気にしなくて大丈夫です！
楽しく感覚的にコードを書いていきましょう〜。
以上で、なっちる先生の授業を終わります。
素敵なプログラミングライフを〜！