テーマ、知りたいこと
デザインデータを見てからどういう流れでHTML、CSSコーディングしてるか知りたいです。
背景、状況
依頼者によって求めるクオリティが異なるかと思うのですが、ピクセルパーフェクトを求める方にとって私のコーディングは全く違うと言われてしまうことが時々あります。
デザインデータのサイズで作成したら、その他の端末で表示した時のデザインはどこを優先していけば良いのかわかりません。コンテンツの幅なのかスペースの幅なのか寄せ位置なのか…。
テキストのフォント・行間・文字幅・サイズなどはデータ通りにしているのですが、その他についてどういう順序、優先順位が良いのかわかりません。
何か意識してることや大事にしてること、優先していることなどありましたらご教示頂けますと幸いです(＞人＜;)
回答4件
#1
総合スコア21
投稿2026/02/14 08:28
編集2026/02/14 08:36テキストのフォント・行間・文字幅・サイズなどはデータ通りにしているのですが、その他についてどういう順序、優先順位が良いのかわかりません。
そもそも、未定義なものは先方と相談して仕様として定義するべきです。
定義しきれない物事に関して、先方と打ち合わせして妥協点としての優先順位を付けたりするべきでしょう。
デザインデータのサイズで作成したら、その他の端末で表示した時のデザインは
そもそも、デザインデータのサイズが1端末分しかないのですか？
その他の端末は何を基準に作るのですか？
ピクセルパーフェクトを求められるのであれば端末ごと（ブレイクポイントごと）のサイズが明示されたデザインが用意されているべきではないですか？
ピクセルパーフェクトを求めている方も何を基準に「合っていない」などの判断をするのですか？
ピクセルパーフェクトを求める方にとって私のコーディングは全く違うと言われてしまうことが時々あります。
上で書いた通り、未定義なものについてお互いの認識が合っていないので良い反応が貰えないのは当然だと思います。
何か意識してることや大事にしてること、優先していることなどありましたらご教示頂けますと幸いです(＞人＜;)
上で書いた通り、意識や大事にしている事などの気持ちの問題に近い曖昧な判断基準で進めるべき話では無いと思います。
#2
ご意見ありがとうございます！
基本的にスマホ用やPC用どちらか１つのサイズのデザインデータしかないことがほとんどです。
そしてピクセルパーフェクトを求める方は質問してもデザイン通りでなどとしか答えて頂けないことが多く、こちらのやり方の工夫が必要なのかと思い質問させて頂きました。
やはりある程度お相手の方のご協力が必要になりますよね、ご意見ありがとうございます(⋆ᴗ͈ˬᴗ͈)”
#3
総合スコア118347
投稿2026/02/16 02:53
まずはAmazonにて「仕様書の書き方」で検索してみてください
https://www.amazon.co.jp/s?k=%E4%BB%95%E6%A7%98%E6%9B%B8%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9
プログラムやデザインはすべて仕様書に基づいて作成する必要があります。
依頼者からの要求定義に対してどう実現するか要件定義をすることで何をして何をしないかを切り分けるわけです。
本質的にはピクセルパーフェクトはマークアップ言語であるHTMLとは相性が悪いので、より厳密にするにはむしろユーザーの利便性をトレードオフする必要がでてきますので出来上がったものが使い勝手が悪いと不評になる可能性もあるので仕様書でリスクを十分に説明したうえで着手してください。
#4
ご意見ありがとうございます！
調べてみます！！
あなたの回答
tips
プレビュー