リンク

null's portfolio

技術選定

• 観点 : 慣れている技術 + app router に触れる機会とする

<aside> <img src="/icons/attachment_gray.svg" alt="/icons/attachment_gray.svg" width="40px" /> …

- Next js

- Tailwind CSS

• https://github.com/mrcaidev/tailwindcss-radix-colors/ 　- Radix-Colors はドキュメントも充実しており、カラーの用途が明確でよい 　- カラーシステムを元にさらに使いやすくしてくれているので採用

Installation – Radix Colors

- Notion API

https://github.com/makenotion/notion-sdk-js

- Tremor 　- DashBoard を実装予定のため、Chart が充実している Tremor を採用

Tremor – The React library to build dashboards fast

- Eslint, Prettier

最低限。いずれは充実させていきたい。

• https://github.com/IanVS/prettier-plugin-sort-imports

• https://github.com/tailwindlabs/prettier-plugin-tailwindcss

• https://github.com/sweepline/eslint-plugin-unused-imports

- Vercel

</aside>

所感

制作期間は1週間ほどでコツコツ作成し、現在は MVPの段階。

今後の改善点としては、

• [ ] SEO 対応 & favicon 作成
• [ ] any 撲滅
• [ ] About ページの作成
• [ ] 問い合わせ時のメール通知

本制作におけるスキルの向上等は特にはなかったが、自身のTypeScript面でのスキル課題が見えた。(Notion API の型をうまく活用できなかった)

今後は新たなスキルセットでの開発に並行する形で、改善点を適宜潰していく。