Web制作の学習をスタートして、ソースファイルにHTMLのタグやCSSのプロパティを書き始めると、びっくりマークや、はてなマークなど、結構記号が多いですよね。
ただ黙々と、自分でコードを書いているうちは、その記号の読み方まで気にならないと思いますが、メンターやインストラクターとのレッスンで、「あ、この記号ってそう読むんだw」とか、口頭で伝えなければならないときに、「なんて言ったらいいんだろう…」と読み方が分からないことってありませんか？
実は私自身が、プログラミングのレッスンを行っている時に、日頃から感じていたモヤモヤなんです。
生徒さんへコードの入力を促すのですが、記号を読んでもなかなか伝わらず、キーボードの数字の位置で説明したり、何時何分のコロンなどと例で説明したり、ジェスチャーしたり。
ナミカッコ、とか、カクカッコ、とか、バッククォート、とか、チルダ とか。
改めて、そんな記号の読み方が一覧になっていたら、
- 生徒さんのレッスンを行うときに、かなり便利なんじゃないか？
- Web制作初心者のみなさんの役にも立つんじゃないかな？
と思い、今回は実は知らない、良く見かける記号・マークの読み方をご紹介します。
演算子
+ プラス
| 名称 | plus プラス |
| 読み方 | プラス・足す |
| 入力方法 | Shift + ;（れ） または ぷらす と入力し変換候補で半角の + を選択 |
| 使い方 | 加算 |
- ハイフン
| 名称 | hyphen ハイフン |
| 読み方 | ハイフン・マイナス・ダッシュ・引く |
| 入力方法 | – キー または はいふん と入力し変換候補で半角の ‐ を選択 まいなす と入力し変換候補で半角の ‐ を選択 だっしゅ と入力し変換候補で半角の ‐ を選択 ひく と入力し変換候補で半角の ‐ を選択 |
| 使い方 | 減算 |
* アスタリスク
| 名称 | asterisk アスタリスク・アステリスク |
| 読み方 | アスタリスク・アステリスク・アスター・アステリ スター・掛ける |
| 入力方法 | Shift + :（け） |
| 使い方 | 乗算 |
/ スラッシュ
| 名称 | slash スラッシュ |
| 読み方 | スラッシュ・割る |
| 入力方法 | / キー すらっしゅ と入力し変換候補で半角の / を選択 |
| 使い方 | 除算 |
% パーセント
| 名称 | percent パーセント |
| 読み方 | パーセント |
| 入力方法 | Shift ＋ 5（え） または ぱーせんと と入力し変換候補で半角の % を選択 |
| 使い方 | 剰余算 |
= イコール
| 名称 | equal イコール |
| 読み方 | イコール・和 |
| 入力方法 | Shift + -（ほ） または いこーる と入力し変換候補で半角の = を選択 |
| 使い方 | 代入 |
！ びっくり
| 名称 | exclamation エクスクラメーション |
| 読み方 | びっくり・感嘆符・雨だれ |
| 入力方法 | Shift + 1（ぬ） または びっくり と入力し変換候補で半角の ! を選択 |
| 使い方 | 否定 |
＆ アンパサンド
| 名称 | ampersand アンパサンド |
| 読み方 | アンド・アンパサンド |
| 入力方法 | Shift + 6（お） または あんど と入力し変換候補で半角の & を選択 |
| 使い方 | 論理積 |
｜ バーティカルバー
| 名称 | vertical bar バーティカル バー |
| 読み方 | バーティカルバー・バーティカルライン・パイプライン・パイプ 縦線・縦棒 |
| 入力方法 | Shift + \（-） または 縦棒 と入力し変換候補で半角の | を選択 |
| 使い方 | 論理和 |
^ キャレット
| 名称 | caret キャレット |
| 読み方 | キャレット・ハット・山型・サーカムフレックス・サーカム |
| 入力方法 | ^ キー |
| 使い方 | 排他的論理和 |
引用符
‘ シングルクォート
| 名称 | single quote シングルクォート |
| 読み方 | シングルクォート・単一引用符 |
| 入力方法 | Shift + 7（や） |
“ ダブルクォート
| 名称 | double quote ダブルクォート |
| 読み方 | ダブルクォート・二重引用符 |
| 入力方法 | Shift + 2（ふ） |
` バッククォート
| 名称 | back quote バッククォート |
| 読み方 | バッククォート・抑音符 |
| 入力方法 | Shift + @ |
括弧
() まるかっこ
| 名称 | round bracket 丸括弧 |
| 読み方 | かっこ・まるかっこ・小括弧、パーレン |
| 入力方法 | Shift + 8（ゆ） Shift + 9（よ） または かっこ と入力し変換候補で半角の () を選択 |
プログラミングレッスンでは、関数のかっこ、と説明することもありますよ！
[] かくかっこ
| 名称 | square bracket 角括弧 |
| 読み方 | 角括弧・大括弧・ブラケット |
| 入力方法 | [ キー ] キー または かっこ と入力し変換候補で半角の [] を選択 |
プログラミングレッスンでは、配列のかっこ、と説明することもありますよ！
{} なみかっこ
| 名称 | curly bracket 波括弧 |
| 読み方 | 波括弧・中括弧・ブレース・にょろ・ひげ |
| 入力方法 | Shift + [ Shift + ] または かっこ と入力し変換候補で半角の {} を選択 |
<> やまかっこ
| 名称 | greater than / less than 大なり / 小なり |
| 読み方 | 山括弧・山パーレン |
| 入力方法 | Shift + ,（ね） Shift + .（る） または だいなり と入力し変換候補で半角の > を選択 しょうなり と入力し変換候補で半角の < を選択 |
変数・配列
＄ ドル
| 名称 | dollar ダラー |
| 読み方 | ドル・ダラー |
| 入力方法 | Shift + ４（う） または どる と入力し変換候補で半角の $ を選択 |
_ アンダーバー
| 名称 | underscore アンダースコア |
| 読み方 | アンダーバー・アンダーライン・アンダースコア・アンダー・アンスコ |
| 入力方法 | Shift + ＼（ろ） または あんだー と入力し変換候補で半角の _ を選択 |
, カンマ
| 名称 | comma コンマ |
| 読み方 | カンマ・コンマ |
| 入力方法 | , キー または かんま と入力し変換候補で半角の , を選択 こんま と入力し変換候補で半角の , を選択 |
デザイン
. ドット
| 名称 | dot ドット |
| 読み方 | ドット・ピリオド・点・終止符・小数点 |
| 入力方法 | . キー または ぴりおど と入力し変換候補で半角の . を選択 |
＃ ハッシュ
| 名称 | hash ハッシュ |
| 読み方 | ハッシュ・ナンバー |
| 入力方法 | Shift + 3（あ） または いげた と入力し変換候補で半角の # を選択 |
: コロン
| 名称 | colon コロン |
| 読み方 | コロン |
| 入力方法 | : キー または ころん と入力し変換候補で半角の : を選択 |
; セミコロン
| 名称 | semicolon セミコロン |
| 読み方 | セミコロン |
| 入力方法 | ; キー または せみころん と入力し変換候補で半角の ; を選択 |
＠ アットマーク
| 名称 | at アット |
| 読み方 | アット |
| 入力方法 | @キー または あっと と入力し変換候補で半角の @ を選択 |
URL表記
？ はてな
| 名称 | question クエスチョン |
| 読み方 | はてな・疑問符 |
| 入力方法 | Shift + /（め） または はてな と入力し変換候補で半角の ? を選択 |
~ チルダ
| 名称 | tilde チルダ |
| 読み方 | チルダ・チルド・にょろ |
| 入力方法 | Shift + ^（へ） |
ディレクトリ階層
￥ 円
| 名称 | yen 円 |
| 読み方 | えん |
| 入力方法 | \ キー または バックスラッシュキー または えん と入力し変換候補で半角の \ を選択 |
改行
＼ バックスラッシュ
| 名称 | back slash バックスラッシュ |
| 読み方 | バックスラッシュ・エスケープ |
| 入力方法 | ＼ キー ※Macでは option+\ ※全角のバックスラッシュは きごう と入力し変換候補に表示されます |
まとめ
今回は、プログラミングでよく使われる記号・マークの読み方と、日本語キーボードを例に入力のしかたを中心にご紹介しました。
他にも、どういった読み方・呼び方をするのか気になるものが出てきたら、記号＋読み方で検索してみると楽しいですよ！
コーディングに慣れてきて、１文字１文字打つことをせずにコピペをしていると、いざ記号の入力が必要になったときに、どうやって入力したらいいか困ってしまうことも…
そんなときに、この記事が参考になれば幸いです♪
プログラミングのレッスンや、コードレビューにぜひお役立てくださいね。