昨日に引き続きちょいちょい機能改善
昨日は RSS Feed を実装したりダークモードを実装してもらったりといろいろ足したが、今日は続きで細かいところの修正などをやった。
RSS Feed のアイコン足した
RSS Feed の実装はしたけどアイコンを置いてなかったので置いた。Twitter や GitHub と同じくreact-featherにあるものを使っているので非常に簡単。最高の体験です。
あと Feed に設定した posts のパスが現状のものと間違っていて、@nasa9084がパスを直すプルリクエストを出してくれた。感謝。
fix post url in rss feed by nasa9084 · Pull Request #21 · tagucch/random.tagucch.dev
ダークモードの修正
相変わらずダークモードは完全に@tabemidayoがやってくれていて、next-themesというライブラリを使ってダークモードのオン/オフを切り替えられるようにしてくれたり、preタグの中の色を変えて見やすくしてくれたりした。大変助かる。
配色・配置の変更 by cmygsm · Pull Request #22 · tagucch/random.tagucch.dev
その他細々
細かいリファクタリングとかをした。
refactor: 分割代入にする · tagucch/random.tagucch.dev@2d170aa
指定のタグがついている記事一覧にも break-words が足りなくてスタイルが崩れていた · tagucch/random.tagucch.dev@931b7f7
特にスマートフォンで見てるとword-break: break-word;を忘れてスタイルが崩れているところが数箇所あって、色々な方から報告をもらっていたので修正した。
JSON ファイルの import で怒られてる(named export じゃなくて default export only にもうすぐなるよって警告されてる)
サイトの文言などの定数っぽい値をsite.config.jsonというファイルに持って、それを import して使うというやりかたをmiyaoka.devを参考にさせてもらってやっている。
miyaoka/miyaoka.dev: https://miyaoka.dev/
next devで dev サーバーを起動したときに、以下のような警告が出てきた。
...
./components/layout.tsx
Should not import the named export 'desc' (imported as 'desc') from default-exporting module (only default export is available soon)
./components/layout.tsx
Should not import the named export 'title' (imported as 'title') from default-exporting module (only default export is available soon)
...
JSON ファイルを import したときに、named export で取りたい値だけを取っていた。
import { title, desc } fform './site.config.json
どうやらもうすぐ default export だけしか使用できなくなるらしい。
何起因かよく分からなくてエラーメッセージでググったりした。
Webpack 5: Should not import the named export 'version' · Issue #1097 · system-ui/theme-ui
どうやら Webpack5 で default export のみが使用可能になるっぽい。
Webpack の Core Comitter である hiroppy さんのブログにあった。
ひとまず JSON の named export を default export に変更した。
Webpack5 の警告に対応するため JSON の named export を default export に変更 · tagucch/random.tagucch.dev@41a6127
あと Config ファイルの typo をしていたことに今日まで気づかなかった。