モックアップが簡単にできるアプリ

制作に関するエピソード

「手軽にサーバーにアップロードして使えるようにした」

webアプリを複数作りましたが、どれもレンタルサーバーのドメインを使ってファイルをアップロードしていました。
今回は簡単にドメインを発行できると言われているVercelを使いました。

「URLからモックアップを作って保存したかった」

画像をアップロードしてモックアップを作る方法と、URLから画面を読み取ってモックアップを作る方法2つ作ろうとしました。

しかしURLからの方はCORSによるブラウザのセキュリティ制限のためにダウンロードができませんでした。
代わりにプレビュー画面を使って保存できるようにしました。
出力したいサイズを入力し、プレビュー画面にそのサイズの画像が出力されるので、その枠に沿ってスクショとれば任意の比率で画像が保存できるようにしました。