Knowledge

Blueskyの埋め込みタイムライン作ってみた

  • 投稿日:
    2024/02/25
  • 更新日:
    2024/05/03
  • 読了時間:
    2分程度
Blueskyの埋め込みタイムライン作ってみたのサムネイル

What’s 埋め込みタイムライン?

X(旧Twitter)なんかにある、サイトに設置するウィジェットのあれです。

X(旧Twitter)の埋め込みタイムラインウィジェット
X(旧Twitter)のあれ

なんで作ったの?

blueskyが招待制じゃなくなったことで、ある程度ユーザは増えそうだけど、個人・公式サイトなどでこの手のサービスがあるかどうかも、利用者を増やす決め手の一つにはなるだろうと思ったが、現時点ではなさそう。有志で作ってくれている方もいなさそう。じゃあ作ろうか、という感じ。
(ほんとは公式で用意してくれるのがベストなんだろうけど)

どんなの?

こんなの。

雑感

公式ドキュメントを見ればある程度理解できるたけど、PHPでやろうとするとトークン取得してJSON取得してパースしてHTMLとして出力する一連の処理が重いので、Wordpressのプラグインとして作るのであれば、キャッシュ機構とかいるかも。(現時点ではAPIへのリクエストに制限がないとはいえ、もしかするとそのうち制限かかるやもなので、いずれにしてもキャッシュ対策は考えておいたほうがよさそう。)

あと、本家はiframeタグで出力させてたけど、こっちはインラインでHTMLを出力させているので良くも悪くもサイトで利用しているCSSの影響を受けてしまう。
ポジティブにとらえればサイトのテイストに合わせてデザインを調整できる余地がある・・・ということにしておきたい。

WordPressのプラグインリリースに合わせてiframe化しました。