WebコーダーはIllustratorを完全に扱える必要はありませんが、コーディングに必要な値やデータを取得できなければなりません。 （Illustrator自体は、わたしはほぼ使えません…＞＜） というのも、Webデザイナーさんが作成したデザインカンプを元にコーディングするのがコーダーのお仕事だからです。デザインカンプはIllustratorで作られることがあるので、Illustratorからコーディングに必要な値や画像を取得する知識が必要ということですね。 この記事ではIllustratorからコーディングする際に必要な値や画像を取得する方法を紹介しています。

PerfectPixelを使えばデザインカンプを完全再現したコーディングができる！ 2018 10/31 コーダーとしての質の高さの指標の1つに、デザインカンプからの再現度の高さが挙げられると思っています。 PCサイトだけ作っていればいい時代に生まれた言葉で「ピクセルパーフェクト」があります。ピクセルパーフェクトとはデザインカンプから1mmもズラさずに再現するというものです。 今の時代にそこまで厳密に求めてくる会社はないと思いますが、それでもデザインカンプの再現を理由もなく怠るのはコーダーとしてありえないと思います。 「PerfectPixel」という（名前そのままの）ブラウザ拡張ツールを使えば、デザインカンプの再現を高いレベルで担保することができます。コーディングを担当している方は、ぜひ使ってみてほしいツールです！ 📝コーディング時にデザインカンプを100%再現するためのツール「Per