Quantcast
Channel: Node.jsタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8868

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

$
0
0

はじめに

今年になってから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のクォータに引っ掛かりそう

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


Viewing all articles
Browse latest Browse all 8868

Trending Articles