3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

GitHub の social accounts の特別なアイコンについて

Last updated at Posted at 2023-05-06

はじめに

GitHub のプロフィールには最大 4 つのソーシャルアカウントのリンクを登録できるようになっています。

設定箇所は、GitHub の右上の自分のアバター → settings → Public profile → Social accounts と辿ってください。

You can now add up to 4 links to any social accounts to your user profile, with special support for popular platforms.

GitHub のブログでは、「人気のあるプラットフォームが特別にサポートされている」と記載されています。
例えば、Twitter の URL を登録すると、鎖のアイコンが Twitter のアイコンに代わるようになっています(注:投稿当時は Twitter のアイコンでしたが、今は X のアイコンに変わっています)。

具体的に、何のプラットフォームが対応されているのか確認してみました。
確認方法は、単純に HTML ソースを見ただけです。

もし、以下のソーシャルアカウントを持っていたら、GitHub に登録してみるとよいと思います(最大 4 つまで)。

2023-05-06 現在は、以下の 9 種類のソーシャルアカウントが対応されているようです。

2023-10-14 追記:npm のアカウントが追加されて 10 種類のソーシャルアカウントが対応されているようです。

2025-03-01 追記:いつからか不明ですが blueskyのアカウントが追加されていることに気が付きました。

X(旧twitter)

正規表現
^https://(?:www\.)?(?:twitter|x)\.com/([^/?]+)/?$
テスト用 URL
https://twitter.com/test

twitter.png

facebook

正規表現
^https://(?:[^.]+\.)?facebook\.com/(?:[^/?]+/?|profile\.php\?id=\d+)$
テスト用 URL
https://facebook.com/test

facebook.png

instagram

正規表現
^https://(www\.)?instagram\.com/[^/?]+/?$
テスト用 URL
https://instagram.com/test

instagram.png

linkedin

正規表現
^https://(?:www\.)?linkedin\.com/(?:in|company)/[^/?]+/?$
テスト用 URL
https://linkedin.com/in/test

linkedin.png

reddit

正規表現
^https://(?:www\.)?reddit\.com/u(?:ser)?/([^/?]+)/?$
テスト用 URL
https://reddit.com/u/test

reddit.png

twitch

正規表現
^https://(?:www\.)?twitch\.tv/[^/?]+/?$
テスト用 URL
https://twitch.tv/test

twitch.png

youtube

正規表現
^https://(?:www\.)?youtube\.com/(user|c)/[^/?]+/?$
^https://(?:www\.)?youtube\.com/channel/[a-zA-Z0-9_-]{24}/?$
^https://(?:www\.)?youtube\.com/@[^/?]+/?$
テスト用 URL
https://youtube.com/user/test

youtube.png

mastodon

具体的なパターンはわかりませんが、マストドン系はサポートされているようです。

テスト用 URL
https://mastodon.social/@test

mastodon.png

hometown

hometown とは、mastodon をフォークした SNS のようです。

テスト用 URL
https://rage.love/@test

以下のサーバ一覧の先頭のサーバでテスト用の URL を作らせていただきました。

hometown.png

npm

2023-10-14 追記

npm のアカウントのロゴが追加されたようです。

正規表現
^https://(?:www\.)?npmjs\.com/~([^/?]+)/?$
テスト用 URL
https://npmjs.com/~test

npm.png

bluesky

2025-03-01 追記

bluesky のアカウントのロゴが(いつからか不明ですが)追加されたようです。

正規表現
^https://bsky\.app/profile/([^@/]+)/?$
テスト用 URL
https://bsky.app/profile/test

bluesky.png

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?