Twitterのタイムラインをグリッドレイアウトさせる

グリッドレイアウトで著名なプラグインMasonryを使うだけの話。

See the Pen Twitter Widgets API + Masonry by Tenderfeel (@Tenderfeel) on CodePen.

CodePen

  1. サーバー側からツイートのIDもらう
  2. 渡されたIDの数だけtwttr.widgets.createTweetを実行
  3. 2が終わるのを待ってmasonry実行

UI全部自前で作るならcreateTweetする必要はないけどめちゃくちゃ手間かかると思う。

サーバー

ツイートIDを返してくれるAPIを作らないとだめなんだ。

  1. Application-only authentication
  2. The Search API
  3. Working with Timelines

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください