Advent Calender Rankingを作ってみた

ここ最近、qiitaのAdvent Calendarほとんど見てなかったのですが、久しぶりに見ていたら、 少しfilterかけて見たいなぁと思い、scrapeしてhatena bookmarkの数を調べて、 一覧で出してみました。

Advent Calender Ranking
https://advent-ranking.rochefort.dev/

おすすめポイント

とりあえず犬です 

f:id:rochefort:20201231025408p:plain

トップが寂しかったのでとりあえず犬を載せてみました。 黒い犬いいですよね。飼いたいです。

404ページのユニコーンちゃん

f:id:rochefort:20201231031246p:plain 404ページも寂しかったので、かわいい404画像を載せてみました。 これだけで満足です。

技術的なお話

いつものようにscrapeはrubyで。凝った画面にするつもりもなかったので、バックエンドはRailsで。

css

cssは、毎回違う物を使いたくなってしまい、今回は Ink という物をなんとなく使ってみました。
簡易的なresponsive作るには、それなりに便利で良いのですが、少し凝ったことしようとするとはまります。 ハンバーガーメニュー実装するだけで無駄に時間食いました(中途半端に用意されているものがあるのですが、タグの構成など、いろいろ暗黙的な制約があり結構ハマっちゃいました。ハンバーガーメニューぐらいドキュメント化しておいて欲しい。)。

pagy

あと、Railsのpaginationにいつもの kaminariじゃなく、 ddnexus/pagy というものを使ってみました。どうもこいつはすごいらしく、kaminariの40倍早く、36倍軽量で、35倍オブジェクトの生成数が少なく、メモリ使用量も相当する少なくなってるものらしいです。主要なcssフレームワークのpaginationにも対応していて良さそうです。(今回Inkを使ってしまったが故に、ここの恩恵は受けれませんでした。) 使いやすいし、特に困らなかったので、今後も使っていきたいと思いました。

heroku

久しぶりに使いましたが、いろいろ便利でした。local dbをdumpとってs3経由でimportもできたのは結構感動しました。進化してる。 が、postgresの無料枠超えてて、1週間で停止されるらしいので、数日後にこのままサイト閉めるか、vpsへ移行するかもしれません。OSやDBのことを何も考えなくても良いのはすごいメリットなんですが、いろいろ組み合わせるとお高くなっちゃうのが残念。小さく始めるには、コミコミで月額$10未満ぐらいにしてくれないときついかなぁ。

残念ポイント

  • postgresql無料枠が1万件 一番安くて $9。
  • カスタムドメインSSL化が有料 一番安くて $7。 カスタムドメイン用の証明書も作ってくれて便利なのですが、全サーバーへの反映に時間が掛かる?のか、アクセスできたりできなかったりという現象に少し悩んでしまってました。

それでは

良いお年を!