【サイト模写を始める前に】入れておかないと損するツール５選【必見】

アヤナ

模写って色とかフォントとか画像とかそろえるの時間かかるし、めんどくさい…

このお悩みを解決します。

✔本記事の内容

・サイト模写を始める前に入れておかないと損するツール５選

この記事を書いている私は iSara というサイトの模写のPC版を8日で完成させ、25日で初案件を獲得しました。

何時間かかったかはわかりませんが、このツールたちを使っておけばもう少し楽に進んだだろうなあ…と思っています。

そんな便利ツールの紹介です。

模写する前に入れておかないと損するツール５選

まず、safariなどありますが、ブラウザはchrome一択です。

実は、ここから紹介するツールはほぼchromeの拡張機能なので、chromeでないと話が通じなくなってしまいます…。

以下の４つはすべてchrome拡張機能です。

これはフォントを認識してくれるツールです。

例えば、ゴシックとか明朝体とか。

わざわざデベロッパーツールを見なくていいので重宝します。

これは色を認識してくれるツール。スポイトみたいな感覚で使えます。

画像でも、フォントでも何の色でも認識してくれます。

ざっくり言うと、パソコン上の定規です。

何 px か知りたいときに便利。実際に iSara の模写をするときにも登場します。

はい。こちらはハイテクなスクリーンショットです。

これを使うとツールバーとか表示されずに、webページだけを一気に撮ってくれます。何回もスクロールする必要がないので、便利。

サイト模写を始める前に入れておかないと損するツールをご紹介しました。

模写のいいところは、自分ができる点とできない点が明確になるところなので、簡単な部分はツールで楽しちゃいましょう！

というわけで、今回は以上です。ここまで読んでくださりありがとうございます。