VONDS JOURNAL / ACCEPTANCE CHECK

ホームページ制作の
失敗を防ぐ。
山梨の発注者が行う
公開前チェック。

「完成したと言われたのに、相談ボタンの先へ進めない」。制作の失敗を防ぐには、見た目・操作・受付の3つに分けて確認します。山梨の発注者が、自分で試せることと制作会社へ頼むことを整理し、修正依頼に使える記録を持ち帰れます。

資料確認 2026.10.14/公開
執筆・検証・図解:オフィスVONDS編集部

受入確認シートを保存
ホームページ制作の受入確認を、見た目、操作、受付の3つに分けるVONDSの図
受入確認とは、依頼した内容が完成したかを発注側が確かめること。3分類は本稿の整理です。

困っていることを、
操作の結果へ置き換えます。

「なんとなく使いにくい」だけでは、直す箇所が伝わりません。どの画面で、何をしようとして、どこで止まったかを書きます。配色の好みと、問い合わせできない不具合を同じ欄に混ぜないことが出発点です。

困りごとと、確かめる場所
困りごと最初に確かめること
文字が読みにくいスマホで横へ動かさず本文を読めるか。
ボタンが使えない押した後のページや状態が、案内と合うか。
相談が来ない操作が止まるのか、そもそも訪問が少ないのか。
困りごとと、確かめる場所。VONDS編集部による確認項目の整理。

制作中の問題と、公開後の課題を分ける

このページで扱う範囲
扱うこと別の記事へ渡すこと
完成画面を受け取る確認依頼先の比較は制作会社の選び方へ。
動作不良の再現と修正依頼検索流入の不足は集客できない原因へ。
このページで扱う範囲。VONDS編集部による確認項目の整理。

ボタンが見えても、
動くとは限りません。

編集部で、わざと不具合を入れた小さなページと修正版を作りました。2026年10月14日に、同じ幅390pxで3項目を比較しています。実在の顧客サイトではなく、確認方法を説明するためのモデルです。

検証した条件
項目今回の条件
画面とブラウザー幅390px・高さ844px、Chromium 147。
不具合の作り方幅600pxの固定枠、存在しないリンク先、確認表示のないボタン。
試していない範囲実メールの送受信、サーバー障害、実利用者の反応。
検証した条件。VONDS編集部による確認項目の整理。

見た目では分からない結果を記録

故障モデルと修正版の実測
確認項目故障モデル → 修正版
横はみ出し234px → 0px。
案内リンクの応答404(ページなし)→ 200(案内ページあり)。
入力後の確認表示表示なし → 確認文あり。送信処理は両方ありません。
出典:今回の測定結果JSON。200の応答だけで内容や受付の正しさを判定していません。

この実測で分かるのは、画面の存在と操作結果を別々に調べる必要があることです。修正版も入力確認までで、誰かへ届いた証明ではありません。「何が動いたか」を具体的に残すと、未確認の範囲が見えます。

受け取る条件は、
発注前にそろえます。

完成後に「更新できると思っていた」と気付くのを避けるため、必要な操作を見積もり時に伝えます。ページ数に加えて、どの情報を自社で直すか、何を引き渡してもらうかを一緒に確認してください。

発注前に決める3項目
項目依頼メモの書き方
対象料金ページと問い合わせ画面を、PC・スマホで確認する。
完成条件変更した料金が反映され、相談の通知先を確認できる。
確認する人内容は社内担当、動作は制作担当、公開判断は責任者。
発注前に決める3項目。VONDS編集部による確認項目の整理。

社内の事実確認は、発注側に残る

自分でできることと、頼むこと
担当の例確認する内容
発注側商品名・料金・営業日、写真の内容、リンクの行き先。
制作側と一緒に入力エラー、通知設定、更新権限、復旧の手順。
自分でできることと、頼むこと。VONDS編集部による確認項目の整理。

山梨の事業所で立ち会う場合も、画面を見せてもらうだけで終えず、担当者自身が操作する時間を取ります。確認日を制作工程表へ入れ、休業日や繁忙期を避けて予定を合わせます。

修正依頼は、
同じ状態を再現できる形に。

スクリーンショットだけでは、押した順番や入力条件は伝わりません。修正担当が同じ状態を作れるよう、URL・端末・操作・期待・実際の5点を書きます。別の問題は行を分け、修正版でも同じ手順を試します。

修正依頼の記入例
欄書く内容
条件問い合わせページ/スマホ/幅390px。
操作必要項目を入力し、「入力を確認する」を1回押す。
期待と実際期待:確認文が出る。実際:画面が変わらない。
再確認修正版で同じ操作をし、結果と日付を追記。
検証用モデルを使った記入例です。顧客の送信内容を再現票へ転記しません。

急ぎの修正と追加依頼を分ける

公開判断のために、影響を分ける
影響の例相談する扱い
相談できない・誤料金公開前の修正を優先して判断する。
表示の小さな調整読めるか、押せるかの影響を確認する。
新しいページの追加不具合修正か追加依頼かを分けて見積もる。
公開判断のために、影響を分ける。VONDS編集部による確認項目の整理。

修正の回数や範囲は契約で異なります。見つけた問題を一律に無料対応と決めず、契約書の修正・保守範囲と照合します。担当と再確認日を残し、対応したという返事だけで完了にしません。

スマホ表示と受付は、
別々に確かめます。

W3CのReflow解説は、狭い画面や拡大時に文章を読み進められることを扱っています。PCの縮小画像だけでなく、実際のスマホでも文字切れ・メニュー・押した後の状態を見ます。

画面の確認を具体的にする
場面確認すること
本文と表画面を横へ動かさず、意味を追えるか。
メニューとリンク指でもキーボードでも目的の場所へ進めるか。
文字の拡大見出しやボタンが重なり、操作を隠さないか。
画面の確認を具体的にする。VONDS編集部による確認項目の整理。

W3Cのフォーム通知の解説は、入力エラーや成功時の案内を説明しています。受付画面の表示と通知の受信は分け、制作担当と合意したテストで照合します。実際の顧客情報は使わないでください。

画面の成功表示と、受信は別の確認

受付のどこまで確認したか
段階残す証拠
入力未入力や誤形式のとき、直す場所が分かる。
画面受付や確認の案内が、実際の処理と合う。
受信合意したテストを、受付側の記録で照合した。
本稿のモデルで確認したのは画面までです。本番通知の受信テストは別途必要です。

最後は、件数より
残った問題の中身で。

全部にチェックが付いていても、確認対象を間違えていれば判断できません。公開する版と確認した版が同じか、重要な未対応事項が残っていないかを責任者と共有します。次の3問で、確認する範囲をそろえてください。

迷いやすい3点の答え
質問答え
自分で確認できるのはどこまでですか?文章・料金の事実確認、スマホでの読みやすさ、リンク先は発注側でも試せます。サーバーや通知の設定は制作担当と確認します。
チェックシートが全部埋まれば公開できますか?未対応の重要事項が残る場合は、影響と担当を確認して公開可否を決めます。チェック数だけでは判断しません。
フォームの完了画面が出れば、通知は届いていますか?画面だけでは受信を証明できません。合意したテストで受付側の記録と照合します。
迷いやすい3点の答え。VONDS編集部による確認項目の整理。

同じ手順を、修正後にも試す

シートを使う順番
順番すること
1 決める対象のページと、期待した操作結果を書く。
2 試すPC・スマホで同じ操作をし、結果を残す。
3 戻す修正後に再確認し、未対応事項と分ける。
シートを使う順番。VONDS編集部による確認項目の整理。

TAKEAWAY / 登録不要・CSV

確認条件・操作・期待した結果・実際の結果・担当・再確認日を記入できます。1行につき1件の不具合を残すCSVです。個人情報やパスワードは記入しません。

受入確認シートを保存

最初は、問い合わせへ進む1本の道を試してください。発注条件を固める段階なら制作会社の選び方へ、公開後に集客できない場合は検索・閲覧・問い合わせの診断へ進めます。

運営会社オフィスVONDSの代表取締役、小沢宗弘

WRITTEN BY OFFICE VONDS

株式会社オフィスVONDS 編集部

山梨の中小企業に向けたホームページ制作・SEO支援を行う会社として、公開資料の確認と図表の制作を行いました。運営会社の代表取締役は小沢宗弘です。代表個人の執筆・取材・監修を表示する記事ではありません。

会社と代表の紹介 ↗

YOUR NEXT STEP

「どこまで確認するか」から、
制作の依頼を具体的に。

未定の項目は、未定のままで構いません。確認したい範囲をメモにしてご相談ください。

制作について相談する

山梨のホームページ制作・VONDS