Zenn
🖼️

Twitter のバズってるイラスト集める君

2022/06/26に公開
3件
Next.js
ポエム
tech

はじめに

早速ですが、宣伝になるのですが、Twitter でバズっているイラストを集めてきて、ギャラリーっぽく表示するためだけの Web ページを作りました。

https://twitter.com/uakihir0/status/1540372458468827136

https://tw-gallery.vercel.app/

ひねりもなく、お気に入り登録がめちゃくちゃ多いイラストが含まれる画像を Twitter で検索してきて定期的に更新してくれます。オールジャンル、様々なイラストを探してきてくれます。見てるだけでなんか楽しくなります。例えば、今日 (6/26) なんかは、ゲーム『原神』における『雷電将軍』の誕生日なので、それを祝ったイラストが多かったりします。

なぜ作ったか？

自分は Twitter を情報収集ツールと位置付けていて、基本的にはエンジニアの方を中心にフォローしています。なので、あまりタイムラインにはバズった画像などは流れてきません。しかし、イラストを見るのは好きなので、常々いい感じのイラストを集めてくれるサイトが欲しいとは思っていました。でも単純ながら、なかなか該当の機能を持つサイトが見つからなかったので自作することにしました。以下は想定問答集。

  • リスト or 別垢でいいのでは？
    • イラストレーターを探してフォローするのが大変なので NG
  • イラストのトピックをフォローするのは？
    • 3rd の Twitter クライアントだと閲覧できないので NG
  • Pixiv とか見ればいいのでは？
    • そうかもしれない

技術

技術については、サクッと作りたかったので、自分の馴染みのある技術にて作成しました。

  • Next.js + TypeScript
    • Web ページの作成に使用
  • SpringBoot + Kotlin
    • CLI ツールの作成に使用
      • 自作ライブラリを使用するために SpringBoot + Kotlin 選択
  • Vercel (デプロイ)
    • 一瞬でデプロイできるので最高

ここらへんの技術については、以前自分の記事で紹介したので、以下を見てもらえると助かります。フロントエンドは Pinterest っぽいレイアウトを実現してくれるライブラリを導入してサクッと作れました。最高。

https://zenn.dev/uakihir0/articles/210418-kakudake-beta

データの更新

データの更新は、定期的に CI を動かして、データを更新することによって実現しています。このぐらいの Web サービスであれば、バックエンドのサーバーは不要で、データを定期的に更新してくれる CI を用意すれば事足ります。

困ってること

維持にお金のかからない構成なので、せっかくだし、ドメインも無料で取れる Freenom を試してみたところ、初日は動いたんですが、次の日になったらドメインが解決しなくなってました！ ネームサーバーを Vercel のものに変更する対応をしたんですが、それだと駄目なのかな。 A レコードを追加する方法だと、wildcard の登録はダメって言われてうまく行かなかったので、ネームサーバーを変更したんだけど。。。

あと、検索 BAN を喰らっているイラストレーターの方々が多く、イラスト収集の網羅性の低さも問題です。検索 BAN 喰らってるってことは、つまりそういうことなんですが、そういうイラストを投稿される方の、問題無いイラストをどうやって収集すればいいのか、が割と難しい課題です。

まとめ

このページですが、制作には数日しかかけてません。

エンジニアって自分が欲しいものが、サクッと作れて最高ですよね。

Discussion