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

Perfect Pixel

注記

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

Perfect Pixel とは何ですか?

Perfect Pixel(PP)とは、デザインと1pxもズレないコーディングを意味します。 これは、経験豊富なプログラマーでさえ正確に解決できない要件であり、それがAGLのフロントエンドチームのメンバーを信頼してもらう理由でもあります。

AGLではPerfect Pixelの品質を保証するために全てのフロントエンドスタッフに一定水準の品質を持つことを求めています。

なぜPPが重要か

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

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

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

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

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

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

例外

以下の場合は、必ずしもPerfect Pixelを行う必要はありません。

  • 対応するフォントがありません。
  • スペースエラーは日本語の特殊文字によって引き起こされます。
  • 設計ミス
    • デザイン内の同じ要素でも属性 (幅、高さ、マージン、パディング、フォントなど) が異なります。
    • 明らかに設計エラーと考えられるその他の要因。