モックの本番化

Guide

モックの本番化を、もう少し詳しく

生成AIでつくったモックやプロトタイプには、業務を知っている人の考えが詰まっています。モックの本番化では、それを捨てずに活かしながら、本番で毎日使うために欠かせない「見えない部分」を加えていきます。

活かすもの、加えるもの

モックの画面の流れや入力する項目、操作の手順は、実際に業務をしている人が「こうしたい」と考えた結果です。本番化でもできるだけそのまま活かします。一方で、ログインや権限、データの保存先、テストといった部分は、モックの段階では用意されていないことがほとんどです。ここを本番に耐える形で加えたり、置き換えたりします。

そのまま使うか、作り直すかの判断

モックのコードをどこまで活かせるかは、調査してから判断します。見た目が同じでも、裏側の作りによって判断は変わります。目安として、次のような観点で確かめます。

どちらがよいかは、理由とあわせてご説明します。作り直す場合も、画面の流れや項目の考え方は要件として引き継ぐので、ゼロからやり直すわけではありません。

最初の2週間でやること

モックの本番化は、お手元にあるものを共有いただくところから始まります。最初の段階で、今のモックで足りないことと、本番までの順番を整理し、認証やデータの土台となる骨組みをつくります。

骨組みができたら、本番と同じ環境（ステージング）で実際に触っていただけます。そこから先は、画面ごとに本番品質へ置き換え、自動テストを加えながら進めます。期間はモックの規模や、つなげるシステムの数によって変わるため、整理の段階で見通しをお伝えします。

ご用意いただくとよいもの

すべてそろっていなくても構いません。お手元にあるものから始められます。

• モックの画面やコード

  動く状態のものがあれば、その環境やファイル一式。画面の画像だけでも始められます。

• 使う人と、その役割

  誰が、どの画面で、何をするのか。管理者・担当者などの役割が分かると、権限の整理が早く進みます。

• 今のデータ

  表計算ファイルなどで管理しているデータがあれば、項目の設計と移行の計画に使います。

• つなげたいシステム

  既存の社内システムや外部サービスとつなぐ予定があれば、その一覧。

本番化でよくあるつまずき

見た目の調整から始めてしまう

モックを見せると、最初に出てくる要望の多くは色や配置といった見た目のことです。ただ、権限やデータの設計を後回しにして見た目を作り込むと、裏側を直すときに画面も作り直すことになりがちです。本番化では、裏側の土台を固めてから見た目を仕上げます。

つくった人だけで確かめてしまう

モックをつくった担当者だけが確かめると、実際に使う人の業務に合わない部分が残りやすくなります。ステージングでは、実際に使う人にも触っていただき、いつもの仕事がその画面で回るかを確かめます。

公開したあとの担当が決まっていない

公開後に不具合の連絡や改善の要望を誰が受け、誰が直すのかが決まっていないと、システムはすぐに止まってしまいます。本番化のあとは、継続開発としてそのまま改善を続けられる形にしておきます。