30文字・コピー無料
星記号ときらめき
Unicodeには、想像以上に多くの星が収録されています——評価表示の定番となる塗りつぶしとアウトラインのペア、装飾用の4・6・8方向のバリエーション、そしてディンバットブロックに連なる無数のとがったアスタリスクときらめきです。すべてテキストなので、色を引き継ぎ、どんなサイズでもくっきりと表示されます。以下の文字はクリックでコピーでき、それぞれにUnicode名とコードポイントが記載されています。
評価用の星
すべての基本となるペアです。★と☆を組み合わせれば、5段階評価をわずか10文字のプレーンテキストで表現できます。
4方向の星
星というよりきらめきの形をしています。「新着」「マジック」「AI生成」といった印によく使われます。
多方向の星とバースト
6・8・12・16方向のバリエーションです。より重厚で装飾的なため、区切り線や飾りに向いています。
スポーク型アスタリスクと雪の結晶
ディンバットブロックの装飾文字です。❄と❇には絵文字形式があるため、モノクロを保つにはU+FE0Eを追加してください。
文字をクリックするとコピーされます。ダウンロードは発生しません——これらは画像ではなくテキスト文字です。
Unicodeブロック
- U+2605–U+2606 その他の記号
- U+2721–U+274A 装飾記号
星記号の使い方
塗りつぶしとアウトラインのペアで評価を作る
点数分は★を、残りは☆を繰り返します。5段階評価はわずか10文字のプレーンテキストで、メールでも、ターミナルでも、スプレッドシートのセルでも、Webページでも同じように表示されます。
絵文字化しやすい文字にはテキスト表示を強制する
✴ ✳ ❄ ❇はすべて絵文字形式を持っています。バリエーションセレクタ（U+FE0E）を追加すればモノクロで色変更可能な状態を保てます。追加しないと、あらかじめ色がついた状態で表示され、CSSの指定は無視されます。
きらめきには4方向、評価には5方向の星を使う
✦と✧は光る様子や強調として読まれ、★は点数として読まれます。この2つを取り違えるのがもっとも多い誤用です——評価表示の列に4方向の星があると、数値ではなくただの装飾のように見えてしまいます。
スクリーンリーダー向けに評価をラベル付けする
スクリーンリーダーは★★★☆☆を5つの別々の星として読み上げてしまいます。この行をaria-hiddenで囲み、「5点中3点」のような実際の値を隣接するテキストとして用意しましょう。
星記号について
U+2605とU+2606のシンプルな星のペアは、Web上でもっとも多用される文字の組み合わせの1つです。これで作った評価表示は、本当の意味で移植性が高いからです。画像もアイコンフォントもJavaScriptも不要で、プレーンテキストのメールやスプレッドシートにコピーしても崩れず、周囲のテキストの色をそのまま引き継ぎます。5段階評価はわずか10文字——同じものを画像で描こうとした場合のURLよりも短いのです。
このペア以外の星のほとんどは、ディンバットブロックに存在します。これは、1978年にヘルマン・ツァップがデザインした「Zapf Dingbats」書体をそのまま丸ごと受け継いだものです。だからこそ、名前がやけに具体的で奇妙なのです。「heavy teardrop-spoked asterisk」や「eight teardrop-spoked propeller asterisk」といった名前は、今誰かが考え出すようなカテゴリー名ではなく、印刷用書体の実際のグリフを説明しているのです。これは同時に、それらの形が本当によく描かれていることも意味しています——熟練のタイポグラファーがプロの組版のために作り上げたものだからです。
角の数には、尊重すべき意味があります。5方向は評価や受賞を表します。4方向はきらめきや輝き、そして近年ではAI生成であることを示す印としても読まれるようになっています。6方向は雪の結晶や方位磁針を連想させ、8方向以上はバーストや装飾として読まれます。角の数を間違えても表示エラーにはなりませんが、読み手が受け取る意味は静かに変わってしまいます。
このセットの中の4文字——✴ ✳ ❄ ❇——には後から絵文字表示が追加されました。これは、Unicodeの古い記号ブロック全般で繰り返し見られる落とし穴です。多くのプラットフォームでは、CSSを完全に無視する固定色の絵文字として表示され、モノクロのデザインが崩れてしまいます。文字の直後に置くテキストバリエーションセレクタ（U+FE0E）が、テキストの字形を復元します。このサイトは、描画するすべての二重表示文字にこのセレクタを適用しているため、星があらかじめ色がついた状態で届くのではなく、ページのアクセントカラーで光るようになっています。
これらの文字で描かれたゲーム
このサイトのボードはすべて、スプライトではなくUnicodeで作られています。ここに挙げるゲームは、上記の文字を使用しています。
よくある質問
テキストで星評価を作るにはどうすればいいですか？
獲得した分は★を、残りは☆を繰り返します——★★★☆☆で5段階中3です。画像もJavaScriptも不要で、プレーンテキストとしてきれいにコピーでき、CSSの色を引き継ぎます。アクセシビリティのためには、この行をaria-hiddenで隠し、近くに言葉で値を明記しましょう。
★と✦の違いは何ですか？
角の数、そしてそれに伴う意味です。★は5方向で評価や受賞として読まれ、✦は4方向できらめきや輝き、強調として読まれます。評価表示の列に4方向の星を使うと、点数ではなく単なる装飾のように見えてしまいます。
星が色つきの絵文字として表示されるのはなぜですか？
一部の星——✴ ✳ ❄ ❇——は絵文字表示を持っており、一部のプラットフォームがデフォルトでそちらを使用します。文字の直後にテキストバリエーションセレクタ（U+FE0E）を追加すれば、モノクロの字形が強制されます。通常の★と☆には絵文字形式がなく、常に安全に使えます。
星記号の色は変更できますか？
テキスト表示になっていれば変更できます。星はごく普通の文字なので、CSSの`color`が適用され、文字と同じようにスケールします——金色の★は画像アセットではなく、単なる色の指定値です。
星の名前がこんなに変わっているのはなぜですか？
ディンバットブロックは、1978年のヘルマン・ツァップによる「Zapf Dingbats」書体をそのまま採用したもので、Unicodeの名前は元の印刷用グリフを説明しています。だからこそ「heavy teardrop-spoked asterisk」のような項目が存在するのです——これらの名前はカテゴリーとして設計されたものではなく、印刷組版から受け継がれたものです。
Support the arcade
ゲームを楽しんでいただけていますか？
UnicodeGamesは無料で、広告は一切なく、今後もそれは変わりません。コーヒー休憩が少しでも楽しくなったなら、恩返しをしていただけると助かります。
コーヒーを1杯おごるOne-off · No account needed · Handled by Buy Me a Coffee