リファレンス

絵文字チートシート

検索できる 1,870 個の絵文字リファレンス。各絵文字に GitHub 形式の :shortcode:、短い名前、そして実際に検索で使われるキーワードタグが付き、Unicode 標準の 9 カテゴリー（スマイリーから旗まで）に分類されています。コピー形式を一度選べば、任意のタイルをクリックするだけで絵文字本体、GitHub / Slack / Discord 用のショートコード、U+ コードポイント、または HTML 数値参照をコピーできます。名前・ショートコード・キーワード・コードポイントで検索すると、グリッドが即座に絞り込まれます。完全に静的でブラウザー内で動作するため、入力・コピーした内容は一切アップロードされません。

  • GitHub・Slack・Discord 共通の :ショートコード: 付き 1,870 個の絵文字
  • 標準の 9 カテゴリー（スマイリー・人物・自然・食べ物ほか）に分類
  • 絵文字・ショートコード・U+ コードポイント・HTML エンティティをコピー
  • 名前・ショートコード・キーワード・コードポイントで即時検索
  • 任意のタイルにホバーで別名・タグ・コードポイントを表示
  • 完全に静的・オフライン対応で、何もアップロードしない
コピー形式
コピー形式を選んでから、任意の絵文字をクリックするとその形式でコピーされます。

スマイリー・感情

166 顔・表情・ハート・感情。

人物・身体

363 人物・ジェスチャー・身体部位・職業。

動物・自然

152 動物・植物・花・天気。

食べ物・飲み物

133 食べ物・飲み物・果物・食器。

旅行・場所

218 場所・建物・乗り物・交通。

アクティビティ

85 スポーツ・ゲーム・イベント・趣味。

オブジェクト

261 道具・技術・家庭・オフィス用品。

記号

223 標識・矢印・ハート・各種マーク。

旗

269 国・地域・特殊用途の旗。

概要

実際の使い方に沿って作られたリファレンスです。絵文字ごとにすっきりしたタイルが 1 つ、種類ごとに分類され、名前やショートコードで検索でき、メッセージやコードに必要な形式でワンクリックコピーできます。

  1. 01

    ショートコードを最前面に

    各タイルに GitHub・Slack・Discord・Markdown が受け付ける :shortcode: を表示。ページを離れずに :rocket: を PR やチャットに入れられます。

  2. 02

    4 つの形式でコピー

    形式を一度選べば、任意の絵文字をクリックして絵文字本体・ショートコード・U+ コードポイント・HTML 数値参照をコピー。システムのピッカーを探す必要はありません。

  3. 03

    何ででも検索

    名前、ショートコード、happy や party のようなキーワード、16 進コードポイントを入力すると、9 カテゴリー全体で即座に絞り込まれます。

  4. 04

    カテゴリー別に分類

    Unicode 標準の 9 グループ——スマイリー・人物・自然・食べ物・旅行・アクティビティ・オブジェクト・記号・旗——で目的別に閲覧し、1 つのセットに絞れます。

  5. 05

    別名とタグをホバー表示

    多くの絵文字は複数のショートコードを持ちます。タイルにホバーすると全別名と検索用タグが表示され、読みやすい名前を選べます。

  6. 06

    コードポイントを常に表示

    各タイルに絵文字の背後にある Unicode コードポイントを表示。結合絵文字や旗に使われる複数コードポイントの並びも含みます。

  7. 07

    実際の字形プレビュー

    各タイルはシステムフォントで実際の絵文字を描画するため、コピー前に見た目を確認できます。

  8. 08

    静的でプライベート

    シート全体はビルド時に GitHub のオープン絵文字データベースから生成され、静的 HTML として配信。高速で、オフラインでも動き、何もアップロードしません。

使い方

カテゴリーで閲覧または検索し、コピー方法を選んでタイルをクリックします。

  1. 01

    スマイリー・人物から記号・旗まで、カテゴリー別に分類されたグリッドをスクロールします。

  2. 02

    カテゴリーボタンで 1 つのグループに絞るか、すべて表示のままにします。

  3. 03

    絵文字の名前、rocket のようなショートコード、キーワード、または 16 進コードポイントで検索します。

  4. 04

    トグルでコピー形式——絵文字・ショートコード・Unicode・HTML——を設定します。

  5. 05

    任意のタイルをクリックして選んだ形式でコピー。ホバーで別名・タグ・コードポイントを確認できます。

詳細

タイルの表示内容とデータの構成に関するいくつかのメモ。

  • ショートコードは GitHub/gemoji のセットに準拠し、これは Slack・Discord・多くの Markdown レンダラーも受け付けます。
  • 絵文字は Unicode の 9 つのトップレベルカテゴリーで分類され、関連する記号がまとまります。
  • タイルに表示されるショートコードは主別名で、その他はホバー時に表示されます。
  • コードポイントは U+ 表記で示し、旗や結合絵文字の背後にある複数部分の並びも含みます。
  • HTML 形式は 16 進数値参照を使い、複数コードポイントの絵文字は連結して表示します。
  • 各タイルは実際の字形を描画するため、欠けて見える場合はシステムフォントにその絵文字がないことを意味します。
  • すべてサーバー側でレンダリングされるため、検索とコピーはフレームワークの読み込みなしで動きます。

活用シーン

コミット・チャット・ドキュメント・プロダクト文言で、ふさわしい絵文字を選ぶ場面は頻繁にあります。

  1. コミットと PR のメッセージ

    :sparkles:、:bug:、:recycle: を取り出して、gitmoji 形式の規約的なコミットや PR タイトルに使えます。

  2. チャットと issue

    Slack・Discord・GitHub issue 用にショートコードを、Unicode をレンダリングする場所には絵文字本体をコピーします。

  3. README とドキュメント

    見出し・コールアウト・表に絵文字を入れて、ドキュメントを読み飛ばしやすくします。

  4. プロダクトと UI 文言

    ショートコードが描画されないボタン・空状態・通知に、絵文字本体をコピーします。

  5. エンコード安全なマークアップ

    不確実なファイルエンコードやテンプレート処理で絵文字を残したいときは、HTML 数値参照を使います。

  6. コードポイントの確認

    正規表現・フォントカバレッジ確認・データ処理のために、絵文字の背後にある U+ コードポイントを調べます。

  7. ショートコードを覚える

    イメージはできても名前が出てこない絵文字のショートコードを、キーワード検索で見つけます。

  8. SNS・マーケ文言

    表現力のある絵文字を、投稿・変更履歴・リリースノートにワンクリックでコピーします。

関連情報

絵文字も Unicode 文字なので、同じ検索がテキスト記号にも当てはまります。 HTML エンティティ早見表はすべての HTML 名前付きエンティティを一覧し、 Unicode エンコード・デコードは任意の文字をコードポイントとの間で相互にエスケープし、 ASCII コード表は ASCII と Latin-1 のコード表を並べます。

使い方のヒント

絵文字を正しく、アクセシブルに表示させるためのいくつかの習慣。

  • ショートコードは対応する場所——GitHub・Slack・Discord・多くの Markdown ツール——だけで使い、それ以外は絵文字本体を使います。
  • 貼り付けた絵文字が残るようページを UTF-8 で配信します。難しい場合は HTML 数値参照にフォールバックします。
  • スクリーンリーダーが読み上げ、一部のユーザーは表示を無効にするため、絵文字に本質的な意味を持たせないようにします。
  • 同じ絵文字でもプラットフォームで見た目が異なることを念頭に、特定ベンダーのデザインに意味が依存する絵文字は避けます。
  • エンコードやツールの問題を招くため、URL・識別子・ファイル名に絵文字を入れないようにします。
  • 共有ドキュメントでは、仲間が見つけて再利用できるよう、よく知られた単一のショートコードを優先します。

制限事項

チートシートにも知っておくと良いいくつかの境界があります。

  • ここに表示するのは GitHub/gemoji の 1,870 個のセットで、完全な Unicode 一覧のすべての肌の色・性別バリアントではありません。
  • ショートコードは特定プラットフォームの便宜で、素の HTML・CSS・JavaScript は :名前: を理解しません。
  • 絵文字の見た目は OS とフォントに依存するため、同じコードポイントでも大きく異なって表示されることがあります。
  • タイルに空の四角や 2 つの四角が出る場合、データの誤りではなく、システムフォントにその絵文字がないことを意味します。
  • 絵文字の並びは複数のコードポイントを結合したもので、分割すると無関係な文字になることがあります。
  • これはコピー用のリファレンスであり、エディターではありません。テキスト全体を変換するには専用のエンコーダーを使います。

よくある質問

絵文字・ショートコード・コードポイントとその使い方に関するよくある質問。

絵文字のショートコードとは？

ショートコードは :rocket: のようにコロンで囲んだ名前で、GitHub・Slack・Discord などのプラットフォームが対応する絵文字に置き換えます。キーボードから絵文字を入力でき、プレーンテキストでも読みやすく保てます。本シートは各タイルにショートコードを表示し、ワンクリックでコピーできます。

絵文字はいくつある？

完全な Unicode 絵文字セットはもっと大きいですが、その多くは同じ基本絵文字の肌の色・性別バリアントです。このチートシートは GitHub の gemoji データベースの 1,870 個の異なる絵文字——ショートコードと多くのツールが実際に対応する実用的なセット——を使います。

ショートコードはどこで使える？

:shortcode: 名は gemoji セット由来で、GitHub・Slack・Discord・多くの Markdown レンダラーが受け付けます。それ以外では絵文字本体を、マークアップでは HTML 数値参照を使ってください。それ以外の場所ではショートコードは単なるテキストです。

絵文字とショートコード、どちらをコピーすべき？

コミットメッセージや Slack 投稿など、展開してくれるプラットフォーム向けに書くときはショートコードを、UI 文言や UTF-8 配信のドキュメントなど、どこでも描画してほしいときは絵文字本体をコピーします。

U+ コードポイントは何のため？

各絵文字は 1 つ以上の Unicode コードポイントで、ここでは U+ 表記で示します。正規表現・フォントカバレッジ確認・データ処理など、絵柄ではなく生の文字を扱う場面で必要になります。

なぜ端末によって絵文字の見た目が違う？

コードポイントは標準ですが、各プラットフォームが独自のアートを描くため、同じ絵文字が Apple・Google・Microsoft などで異なって見えます。特定ベンダーのデザインに意味が依存する絵文字は避けましょう。

このツールは何かをアップロードしますか？

いいえ。チートシート全体はサイトのビルド時に生成され、静的 HTML として配信されます。検索とコピーは完全にブラウザー内で動くため、入力・コピーした内容は端末から出ません。

関連ツール

ツールコレクションを離れずに、リファレンスやエンコードツールの探索を続けましょう。