tech.hukurouo.com

『iineum』を作った
2020-12-25
# tukutta

twitterでいいねした画像を良い感じに閲覧できるサイトを作りました。

https://twi-iine-museum.netlify.app/

完成!

正直まだコードはぐちゃぐちゃだしエラーハンドリングもかなり適当に書いているのですが、まあアドカレ最終日に間に合わせたいということで完成ということにします。

このサイトの機能をこんな感じ。

  • twitterのidを指定してリクエストを送ると、その人がいいねした画像が返ってくる
    • 最新1000件のツイートを取得して、その中に紐づいている画像を取得しているので、1回で大体300~500件くらいの画像を取得できる
    • ツイートをどこまで取得したかの情報も受け取っているので、最後まで見終わったらその続きをリクエストすることが可能
  • 画像をクリックすると該当ツイートが新規タブで開く
  • tumblr みたいに画像が masonry(石畳状)デザインで並べられる
    • 目玉機能。これがやりたかっただけとも言う
  • ウィンドウ幅を変えると、自動でレーン数が変わって良い感じに画像が再配置される

フォロワーさんのidなどを入力して眺めていたりしました。かなり楽しいぜ。


何だかんだアドベントカレンダーを走り切ることができた。

https://nuxt-ts-sample.netlify.app/advent/

やった~

頑張った。結構楽しかったので、来年もやりたいな。

年末年始は積読崩してゲームをやってだらだらしようと思います。それでは。