技術(非IT系)

Degree Sign の表示方法は?度記号の技術的使用法(°・記号・表示・プログラミング・文字コード・フォーマットなど)

当サイトでは記事内に広告を含みます

「Degree Sign(度記号)」である「°」は、温度・角度・地理座標などを表す際に使われる小さな丸い記号です。

日常的に目にする記号ですが、コンピューター上での入力・表示・プログラミングへの組み込みには、文字コードやUnicodeの知識が必要となります。

本記事では、Degree Signの技術的な背景・各環境での表示方法・文字コード・HTML/CSS/プログラミングでの使い方まで、詳しく解説していきます。

Degree Sign とは?度記号の技術的背景を理解する

それではまず、Degree Signの技術的な背景と標準化について解説していきます。

Degree Sign(°)は、Unicode では U+00B0 として定義されている「DEGREE SIGN」という名称の文字です。

Latin-1 Supplement(ラテン文字補助)のブロックに含まれており、国際的に標準化された文字として世界中のコンピューターシステムで使用されています。

Degree Sign の技術情報まとめ

・文字名称:DEGREE SIGN

・Unicode:U+00B0

・UTF-8 エンコーディング:0xC2 0xB0(2バイト)

・UTF-16 エンコーディング:0x00B0

・HTML エンティティ:°

・HTML 数値参照(10進):°

・HTML 数値参照(16進):°

・ASCII:対応文字なし(ASCII 範囲外)

Degree Sign と類似文字の混同問題

Degree Sign(°)には見た目が非常に似た文字が複数存在するため、誤用に注意が必要です。

文字 名称 Unicode 用途
° DEGREE SIGN U+00B0 温度・角度・地理座標
º MASCULINE ORDINAL INDICATOR U+00BA スペイン語序数(1º など)
˚ RING ABOVE U+02DA 発音記号・修飾文字
MODIFIER LETTER SMALL O U+1D52 音声学・言語学

プログラミングや正式な文書では、必ずU+00B0のDEGREE SIGNを使用することが重要です。

Degree Sign が ASCII に含まれない理由

ASCII(7ビット文字コード)は0〜127の128文字しか収録しておらず、Degree Signはこの範囲外にあります。

そのためASCII環境で度記号を扱う際は、HTMLエンティティや数値参照・Unicode エスケープシーケンスなどを使う必要が生じます。

各環境での Degree Sign の表示・入力方法

続いては、各OS・環境でのDegree Signの表示・入力方法を確認していきます。

Windows での Degree Sign 入力

Windows での入力方法:

方法1(Altコード):Num Lock ON の状態でテンキー Alt + 0176

方法2(Wordなど):「00B0」と入力後 Alt + X

方法3(文字マップ):Windowsアクセサリの「文字マップ」から選択

方法4(IME):「度」「°」を変換候補から選択

macOS での Degree Sign 入力

macOS での入力方法:

方法1:Option + Shift + 8(英字入力時)

方法2:「文字ビューア」(Ctrl + Cmd + Space)で「degree」を検索

方法3:日本語IMEで「°」または「度」から変換

HTML・Web での Degree Sign の使い方

WebページでDegree Signを正しく表示するためには、適切な文字コードの使用が必要です。

HTML での記述例:

<!– HTMLエンティティ使用(推奨) –>

<p>今日の気温は25&deg;Cです。</p>

<!– 数値参照(10進)–>

<p>今日の気温は25&#176;Cです。</p>

<!– UTF-8 で直接記述 –>

<p>今日の気温は25°Cです。</p>(UTF-8宣言が必要)

プログラミングでの Degree Sign の扱い方

続いては、各プログラミング言語でのDegree Signの扱い方を確認していきます。

主要プログラミング言語での Degree Sign の使い方

言語 Unicode 表現 文字列での使用例
Python “\u00B0” print(f”25\u00B0C”)
JavaScript “\u00B0” console.log(“25\u00B0C”)
Java “\u00B0” System.out.println(“25\u00B0C”)
C# “\u00B0” Console.WriteLine(“25\u00B0C”)
SQL NCHAR(176) SELECT NCHAR(176)

CSS での Degree Sign の使い方

CSS content プロパティでの使用例:

.temperature::after { content: “\00B0C”; }(25°C のように表示)

.angle::after { content: “\00B0”; }(90° のように表示)

Degree Sign の表示に関するよくあるトラブルと対処法

Degree Signの表示でよく発生するトラブルと対処法を確認しておきましょう。

問題 原因 対処法
文字化け(?や□が表示) 文字コードの不一致 UTF-8宣言・エンコード統一
誤った記号が表示 U+00BAなど類似文字の混入 U+00B0を明示的に使用
フォントで表示されない フォントが°を含まない Unicode対応フォントを使用

まとめ

本記事では、Degree Signの技術的背景・Unicode情報・各OS/環境での入力方法・HTML/プログラミングでの使い方まで詳しく解説しました。

Degree Sign(°)はU+00B0というUnicodeで標準化された文字であり、HTML・プログラミング・データベースなどの技術文書では正確なコードでの使用が品質と互換性を保つ鍵となります。

温度・角度・座標など多様な場面で使われる重要な記号ですので、ぜひ各環境での入力方法を身につけておきましょう。