diff --git a/src/app/bottles/[id]/edit/edit-bottle-form.tsx b/src/app/bottles/[id]/edit/edit-bottle-form.tsx
index 0c50dfc..f1d11f6 100644
--- a/src/app/bottles/[id]/edit/edit-bottle-form.tsx
+++ b/src/app/bottles/[id]/edit/edit-bottle-form.tsx
@@ -1,233 +1,50 @@
 "use client";
 
-import { useState } from "react";
 import { useRouter } from "next/navigation";
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { bottleSchema, REGIONS } from "@/lib/schemas/bottle";
 import type { Bottle } from "@/generated/prisma/client";
-import { Button } from "@/components/ui/button";
-import { Checkbox } from "@/components/ui/checkbox";
-import {
-  Field,
-  FieldError,
-  FieldGroup,
-  FieldLabel,
-} from "@/components/ui/field";
-import { Input } from "@/components/ui/input";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { Textarea } from "@/components/ui/textarea";
-
-// 数値入力：空欄は「未入力」として undefined を渡す（zod 側で NAS／既定値の扱いを決める）。
-const asOptionalNumber = (value: unknown) =>
-  value === "" || value == null ? undefined : Number(value);
-
-// 国の「未選択」用センチネル。Radix の SelectItem は空文字値を禁止するため、
-// 空でないダミー値を持たせ、選択時に null（＝クリア）へ正規化する（送信データには出さない）。
-const NONE = "__none__";
+import { REGIONS } from "@/lib/schemas/bottle";
+import { BottleForm } from "../../bottle-form";
 
+// 編集用ラッパー：共有フォームに既存値・文言・送信処理（PATCH）を渡す。
 export function EditBottleForm({ bottle }: { bottle: Bottle }) {
   const router = useRouter();
-  const [serverError, setServerError] = useState<string | null>(null);
-  const {
-    register,
-    control,
-    handleSubmit,
-    formState: { errors, isSubmitting },
-  } = useForm({
-    resolver: zodResolver(bottleSchema),
-    // 既存値で初期化。任意テキストの null はフォーム用に "" へ、
-    // 国は DB では string 型だが値は REGIONS のいずれか（未設定は undefined）。
-    defaultValues: {
-      name: bottle.name,
-      region: (bottle.region as (typeof REGIONS)[number] | null) ?? undefined,
-      subRegion: bottle.subRegion ?? "",
-      age: bottle.age ?? undefined,
-      caskType: bottle.caskType ?? "",
-      isLimited: bottle.isLimited,
-      quantity: bottle.quantity,
-      note: bottle.note ?? "",
-    },
-  });
-
-  const onSubmit = handleSubmit(async (data) => {
-    setServerError(null);
-    // 空欄の任意項目は明示 null で送る（undefined だと JSON から落ち、PATCH で「変更なし」＝消せないため）。
-    const payload = {
-      ...data,
-      region: data.region ?? null,
-      subRegion: data.subRegion ?? null,
-      age: data.age ?? null,
-      caskType: data.caskType ?? null,
-      note: data.note ?? null,
-    };
-    try {
-      const response = await fetch(`/api/bottles/${bottle.id}`, {
-        method: "PATCH",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(payload),
-      });
-      if (!response.ok) {
-        setServerError("更新に失敗しました。もう一度お試しください。");
-        return;
-      }
-      router.push(`/bottles/${bottle.id}`);
-      router.refresh();
-    } catch {
-      setServerError("更新に失敗しました。もう一度お試しください。");
-    }
-  });
-
   return (
-    <form
-      onSubmit={onSubmit}
-      noValidate
-      // 自動補完抑止の保険（Chrome の住所サジェストはこれを無視するため、本対策は銘柄名・地域の属性側）。
-      autoComplete="off"
-    >
-      <FieldGroup>
-        {/*
-          銘柄名・地域は Chrome に氏名・住所と誤認され、autocomplete="off" だけでは
-          住所サジェストを抑止できない（Chrome は off を無視して name/id から用途を推測する）。
-          認識されない name/id に変えるのが確実な回避策だが、register は DOM の name 属性に
-          依存するため、この 2 フィールドだけ Controller で接続して属性を自由にしている。
-        */}
-        <Field data-invalid={!!errors.name}>
-          <FieldLabel htmlFor="bottle-name">銘柄名（必須）</FieldLabel>
-          <Controller
-            control={control}
-            name="name"
-            render={({ field }) => (
-              <Input
-                {...field}
-                id="bottle-name"
-                name="bottle-name"
-                autoComplete="off"
-                aria-invalid={!!errors.name}
-              />
-            )}
-          />
-          <FieldError errors={[errors.name]} />
-        </Field>
-
-        <Field>
-          <FieldLabel htmlFor="region">国</FieldLabel>
-          <Controller
-            control={control}
-            name="region"
-            render={({ field }) => (
-              <Select
-                // null のときは「未選択」項目（NONE）を選択状態にする（プレースホルダではなくチェックを付ける）。
-                value={field.value ?? NONE}
-                onValueChange={(value) =>
-                  field.onChange(value === NONE ? null : value)
-                }
-              >
-                <SelectTrigger id="region">
-                  <SelectValue placeholder="未選択" />
-                </SelectTrigger>
-                <SelectContent>
-                  {/* 「未選択」で既存の国を消せる（センチネル→null に正規化）。 */}
-                  <SelectItem value={NONE}>未選択</SelectItem>
-                  {REGIONS.map((region) => (
-                    <SelectItem key={region} value={region}>
-                      {region}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            )}
-          />
-        </Field>
-
-        <Field>
-          <FieldLabel htmlFor="bottle-subregion">地域</FieldLabel>
-          <Controller
-            control={control}
-            name="subRegion"
-            render={({ field }) => (
-              <Input
-                {...field}
-                value={field.value ?? ""}
-                id="bottle-subregion"
-                name="bottle-subregion"
-                autoComplete="off"
-                placeholder="アイラ、スペイサイド など"
-              />
-            )}
-          />
-        </Field>
-
-        <Field data-invalid={!!errors.age}>
-          <FieldLabel htmlFor="age">年数</FieldLabel>
-          <Input
-            id="age"
-            type="number"
-            min={1}
-            placeholder="空欄 = NAS"
-            aria-invalid={!!errors.age}
-            {...register("age", { setValueAs: asOptionalNumber })}
-          />
-          <FieldError errors={[errors.age]} />
-        </Field>
-
-        <Field>
-          <FieldLabel htmlFor="caskType">樽</FieldLabel>
-          <Input
-            id="caskType"
-            placeholder="シェリー樽、バーボン樽 など"
-            {...register("caskType")}
-          />
-        </Field>
-
-        <Field orientation="horizontal">
-          <Controller
-            control={control}
-            name="isLimited"
-            render={({ field }) => (
-              <Checkbox
-                id="isLimited"
-                checked={field.value}
-                onCheckedChange={field.onChange}
-              />
-            )}
-          />
-          <FieldLabel htmlFor="isLimited">限定版</FieldLabel>
-        </Field>
-
-        <Field data-invalid={!!errors.quantity}>
-          <FieldLabel htmlFor="quantity">本数</FieldLabel>
-          <Input
-            id="quantity"
-            type="number"
-            min={1}
-            aria-invalid={!!errors.quantity}
-            {...register("quantity", { setValueAs: asOptionalNumber })}
-          />
-          <FieldError errors={[errors.quantity]} />
-        </Field>
-
-        <Field>
-          <FieldLabel htmlFor="note">メモ</FieldLabel>
-          <Textarea id="note" {...register("note")} />
-        </Field>
-
-        {serverError && (
-          <p role="alert" className="text-sm text-destructive">
-            {serverError}
-          </p>
-        )}
-
-        <Button type="submit" disabled={isSubmitting}>
-          {isSubmitting ? "更新中…" : "更新する"}
-        </Button>
-      </FieldGroup>
-    </form>
+    <BottleForm
+      // 既存値で初期化。任意テキストの null はフォーム用に "" へ、
+      // 国は DB では string 型だが値は REGIONS のいずれか（未設定は undefined）。
+      defaultValues={{
+        name: bottle.name,
+        region: (bottle.region as (typeof REGIONS)[number] | null) ?? undefined,
+        subRegion: bottle.subRegion ?? "",
+        age: bottle.age ?? undefined,
+        caskType: bottle.caskType ?? "",
+        isLimited: bottle.isLimited,
+        quantity: bottle.quantity,
+        note: bottle.note ?? "",
+      }}
+      submitLabel="更新する"
+      submittingLabel="更新中…"
+      errorLabel="更新に失敗しました。もう一度お試しください。"
+      onSubmit={async (data) => {
+        // 空欄の任意項目は明示 null で送る（undefined だと JSON から落ち、PATCH で「変更なし」＝消せないため）。
+        const payload = {
+          ...data,
+          region: data.region ?? null,
+          subRegion: data.subRegion ?? null,
+          age: data.age ?? null,
+          caskType: data.caskType ?? null,
+          note: data.note ?? null,
+        };
+        const response = await fetch(`/api/bottles/${bottle.id}`, {
+          method: "PATCH",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(payload),
+        });
+        if (!response.ok) return false;
+        router.push(`/bottles/${bottle.id}`);
+        router.refresh();
+        return true;
+      }}
+    />
   );
 }
diff --git a/src/app/bottles/new/bottle-form.tsx b/src/app/bottles/bottle-form.tsx
similarity index 71%
rename from src/app/bottles/new/bottle-form.tsx
rename to src/app/bottles/bottle-form.tsx
index 212961a..c9b67ce 100644
--- a/src/app/bottles/new/bottle-form.tsx
+++ b/src/app/bottles/bottle-form.tsx
@@ -1,9 +1,9 @@
 "use client";
 
 import { useState } from "react";
-import { useRouter } from "next/navigation";
-import { Controller, useForm } from "react-hook-form";
+import { Controller, useForm, type DefaultValues } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
+import type { z } from "zod";
 import { bottleSchema, REGIONS } from "@/lib/schemas/bottle";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
@@ -23,52 +23,59 @@ import {
 } from "@/components/ui/select";
 import { Textarea } from "@/components/ui/textarea";
 
+// フォームの入力／出力型（登録・編集で共有）。onSubmit は zod 変換後の値を受け取る。
+export type BottleFormInput = z.input<typeof bottleSchema>;
+export type BottleFormValues = z.output<typeof bottleSchema>;
+
 // 数値入力：空欄は「未入力」として undefined を渡す（zod 側で NAS／既定値の扱いを決める）。
 const asOptionalNumber = (value: unknown) =>
   value === "" || value == null ? undefined : Number(value);
 
-export function BottleForm() {
-  const router = useRouter();
+// 国の「未選択」用センチネル。Radix の SelectItem は空文字値を禁止するため、
+// 空でないダミー値を持たせ、選択時に null（＝クリア）へ正規化する（送信データには出さない）。
+const NONE = "__none__";
+
+// 登録・編集で共有するボトルフォーム（純粋な UI＋検証）。
+// 送信先・初期値・文言・遷移などの差分は、各ページのラッパーが props で渡す。
+export function BottleForm({
+  defaultValues,
+  submitLabel,
+  submittingLabel,
+  errorLabel,
+  onSubmit,
+}: {
+  defaultValues: DefaultValues<BottleFormInput>;
+  submitLabel: string;
+  submittingLabel: string;
+  errorLabel: string;
+  onSubmit: (data: BottleFormValues) => Promise<boolean>;
+}) {
   const [serverError, setServerError] = useState<string | null>(null);
   const {
     register,
     control,
     handleSubmit,
     formState: { errors, isSubmitting },
-  } = useForm({
+  } = useForm<BottleFormInput, unknown, BottleFormValues>({
     resolver: zodResolver(bottleSchema),
-    defaultValues: {
-      name: "",
-      subRegion: "",
-      caskType: "",
-      isLimited: false,
-      quantity: 1,
-      note: "",
-    },
+    defaultValues,
   });
 
-  const onSubmit = handleSubmit(async (data) => {
+  const submit = handleSubmit(async (data) => {
     setServerError(null);
     try {
-      const response = await fetch("/api/bottles", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(data),
-      });
-      if (!response.ok) {
-        setServerError("登録に失敗しました。もう一度お試しください。");
-        return;
-      }
-      router.push("/bottles");
-      router.refresh();
-    } catch {
-      setServerError("登録に失敗しました。もう一度お試しください。");
+      // 想定内の失敗（サーバが !ok）は false が返る＝文言のみ。想定外の例外だけ catch でログする。
+      const ok = await onSubmit(data);
+      if (!ok) setServerError(errorLabel);
+    } catch (error) {
+      console.error(error);
+      setServerError(errorLabel);
     }
   });
 
   return (
     <form
-      onSubmit={onSubmit}
+      onSubmit={submit}
       noValidate
       // 自動補完抑止の保険（Chrome の住所サジェストはこれを無視するため、本対策は銘柄名・地域の属性側）。
       autoComplete="off"
@@ -104,11 +111,19 @@ export function BottleForm() {
             control={control}
             name="region"
             render={({ field }) => (
-              <Select value={field.value ?? ""} onValueChange={field.onChange}>
+              <Select
+                // null のときは「未選択」項目（NONE）を選択状態にする（プレースホルダではなくチェックを付ける）。
+                value={field.value ?? NONE}
+                onValueChange={(value) =>
+                  field.onChange(value === NONE ? null : value)
+                }
+              >
                 <SelectTrigger id="region">
                   <SelectValue placeholder="未選択" />
                 </SelectTrigger>
                 <SelectContent>
+                  {/* 「未選択」で国をクリアできる（センチネル→null に正規化）。 */}
+                  <SelectItem value={NONE}>未選択</SelectItem>
                   {REGIONS.map((region) => (
                     <SelectItem key={region} value={region}>
                       {region}
@@ -199,7 +214,7 @@ export function BottleForm() {
         )}
 
         <Button type="submit" disabled={isSubmitting}>
-          {isSubmitting ? "登録中…" : "登録する"}
+          {isSubmitting ? submittingLabel : submitLabel}
         </Button>
       </FieldGroup>
     </form>
diff --git a/src/app/bottles/new/create-bottle-form.tsx b/src/app/bottles/new/create-bottle-form.tsx
new file mode 100644
index 0000000..f110dba
--- /dev/null
+++ b/src/app/bottles/new/create-bottle-form.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { BottleForm } from "../bottle-form";
+
+// 登録用ラッパー：共有フォームに初期値・文言・送信処理（POST）を渡す。
+export function CreateBottleForm() {
+  const router = useRouter();
+  return (
+    <BottleForm
+      defaultValues={{
+        name: "",
+        subRegion: "",
+        caskType: "",
+        isLimited: false,
+        quantity: 1,
+        note: "",
+      }}
+      submitLabel="登録する"
+      submittingLabel="登録中…"
+      errorLabel="登録に失敗しました。もう一度お試しください。"
+      onSubmit={async (data) => {
+        // 編集と違い空→null 正規化はせず data をそのまま送る（region は「未選択」で null になり得る）。
+        const response = await fetch("/api/bottles", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(data),
+        });
+        if (!response.ok) return false;
+        router.push("/bottles");
+        router.refresh();
+        return true;
+      }}
+    />
+  );
+}
diff --git a/src/app/bottles/new/page.tsx b/src/app/bottles/new/page.tsx
index 9bf5989..5506271 100644
--- a/src/app/bottles/new/page.tsx
+++ b/src/app/bottles/new/page.tsx
@@ -1,5 +1,5 @@
 import { requireSession } from "@/lib/session";
-import { BottleForm } from "./bottle-form";
+import { CreateBottleForm } from "./create-bottle-form";
 
 export default async function NewBottlePage() {
   await requireSession();
@@ -7,7 +7,7 @@ export default async function NewBottlePage() {
   return (
     <main className="mx-auto flex min-h-dvh max-w-md flex-col gap-6 px-6 py-10">
       <h1 className="text-xl font-bold">ボトルを登録</h1>
-      <BottleForm />
+      <CreateBottleForm />
     </main>
   );
 }