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