diff --git a/app/my-notebooks/[notebookId]/page.tsx b/app/my-notebooks/[notebookId]/page.tsx
index b7ff031..044d6e9 100644
--- a/app/my-notebooks/[notebookId]/page.tsx
+++ b/app/my-notebooks/[notebookId]/page.tsx
@@ -6,6 +6,9 @@ import CardRow from "./CardRow";
 import CreateCardForm from "./CreateCardForm";
 import type { CardData } from "@/lib/card-data";
 
+// DBの最新状態を常に表示するため、ビルド時の静的プリレンダリングを避けてリクエスト時にレンダリングする
+export const dynamic = "force-dynamic";
+
 export default async function NotebookPage(props: PageProps<"/my-notebooks/[notebookId]">) {
   const { notebookId } = await props.params;
 
diff --git a/app/my-notebooks/[notebookId]/study/page.tsx b/app/my-notebooks/[notebookId]/study/page.tsx
index 6dc333c..0debf50 100644
--- a/app/my-notebooks/[notebookId]/study/page.tsx
+++ b/app/my-notebooks/[notebookId]/study/page.tsx
@@ -4,6 +4,9 @@ import { prisma } from "@/lib/prisma";
 import StudyDeck from "./StudyDeck";
 import type { CardData } from "@/lib/card-data";
 
+// DBの最新状態を常に表示するため、ビルド時の静的プリレンダリングを避けてリクエスト時にレンダリングする
+export const dynamic = "force-dynamic";
+
 export default async function StudyPage(props: PageProps<"/my-notebooks/[notebookId]/study">) {
   const { notebookId } = await props.params;
 
diff --git a/app/my-notebooks/page.tsx b/app/my-notebooks/page.tsx
index b88622c..b5507be 100644
--- a/app/my-notebooks/page.tsx
+++ b/app/my-notebooks/page.tsx
@@ -4,6 +4,9 @@ import { prisma } from "@/lib/prisma";
 import ImportForm from "@/components/my-notebooks/ImportForm";
 import DeleteNotebookButton from "@/components/my-notebooks/DeleteNotebookButton";
 
+// DBの最新状態を常に表示するため、ビルド時の静的プリレンダリングを避けてリクエスト時にレンダリングする
+export const dynamic = "force-dynamic";
+
 export default async function MyNotebooksPage() {
   // 作成日が新しい単語帳を先頭に表示する。
   // _count で各単語帳の単語数だけを取得し、cards本体は取得しない（一覧表示には不要なため軽量化）