メインコンテンツまでスキップ

Perfect Pixel

note

このページの日本語版はGoogle翻訳による機械翻訳です。

Perfect Pixel（PP）とは、デザインと1pxもズレないコーディングを意味します。 これは、経験豊富なプログラマーでさえ正確に解決できない要件であり、それがAGLのフロントエンドチームのメンバーを信頼してもらう理由でもあります。AGLではPerfect Pixelの品質を保証するために全てのフロントエンドスタッフに一定水準の品質を持つことを求めています。

なぜPPが重要か​

想像してみてください、あなたに仕事を依頼してくれた人が以下のようなことを望んでいます： 「PSDファイルのデータと同じデザインのコードを受け取ること」、もちろん依頼人はデザインを確認した後で依頼を出し、正確性を確保しています。 コーディングの過程でルールに従わず、注意深くチェックしないと、完成した製品は品質を保証できないでしょう。

PSDデータに合わないコードは修正しなければなりません。 そして修正作業は、例えばフォントカラー、フォントサイズ、間隔などがデザインと異なる場合に繰り返されます。

このようにすると、当社の製品の完成時間が長引き、会社の信頼性に影響を与え、仕事の期間が延びます。 そして結果として、評価が低くなることになります。

だからこそ、コーディングをする際には十分に注意し、トレーニング中にメンターと共に向上することを心掛けてください。

Perfect Pixelチェックをサポートするツール​

Perfect Pixel Extensions
Mentorがチェックをサポートするツールの使い方を教えます。

他のケース​

以下の場合は、必ずPerfect Pixelに従う必要はありません。

  • デザイン上のエラーにより、同じ部分の幅や高さが異なる値に変更された場合。
  • デザインの誤りにより、同じ部分のマージンやパディングが異なる場合。
  • 他の要素がデザインエラーと見なされる場合。