LoginSignup
2
2

GithubのプロフィールにTwitterのツイートを表示する

Last updated at Posted at 2020-08-11

Twitterの仕様変更で使えなくなりました!

はじめに

今年になってからGithubのプロフィールに好きな文面を追加できる機能が追加されました。
既に色々なサービスが開発されていています。

プロフィールに最新のつぶやきを載せたい!

唐突ですが、プロフィールページにつぶやきを載せることはできないかなと思い、調べてみました。

どうやって載せる?

結論としては、以下のように実装しました。

  1. Twitter APIを叩いて、ツイートを取得する
  2. 取得したツイートをSVG形式に変換
  3. これらのコードをVercelでホスティング
  4. README.mdにSVGへの画像リンクを追加

サンプル

出力画像(SVGからPNGに変換済み)

sample.png

動作しているページ

github.com/gazf

使い方

画像リンクの?id=の部分は表示したいアカウントのスクリーンネームに書き換えてください。

[![github-readme-twitter](https://github-readme-twitter.gazf.vercel.app/api?id=gazff)](https://github.com/gazf/github-readme-twitter)

コード

Github gazf/github-readme-twitter

問題点

Vercelって無料?

公式サイトを読んでも特にクォータ等の記述がない気がします。

Twitter APIのクォータに引っ掛かりそう

そんなに大量にリクエスト来ないと思うし、大丈夫だよね・・・?

2
2
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
2
2