eyecatch

読書履歴

Windows Mobileを使用していた2009年頃から、読書履歴を管理。

image.png
image.png

読書履歴はコチラ

方式

基本的な方式は10年来、変わらず。

  1. モバイル端末やPC端末で読書履歴を登録
  2. 端末のデータをサーバに連携
  3. 自ホームページにて、読書履歴ページを表示

使用するモバイル端末やWebサイトの変化と共に、以下変遷。

第1世代
第2世代
第3世代
第4世代
第5世代
第6世代

Notion x Next.js時代（2024年～現在）

TypeScriptNext.jsNotionAPIVercel
データ登録
原本
Notion
NotionAPIで取得
表示

• Notionで読書履歴を管理 • バックエンドでNotionAPIを用いてデータ取得 • Cloudflareに移管したかったため、 全体的にNext.jsで作り直し。元々がVue.jsだったのでNuxt.jsを検討したが、Parallel Router機能を用いたかったのでNext.jsに。 • CloudflareだとDynamic RoutesでのSSGがうまくいかないので、Vercelに切り替え（2025年2月）