注意事項¶

ポートフォリオのコーディングでよくレビューされるポイントをまとめています。

ファイル名やフォルダ名の命名規則¶

スペースを含んではいけません（エラーの元になります）。代わりにハイフン(-)やアンダースコア(_)を使用します。
基本的に大文字を避け、すべて小文字にします（サーバーでは大文字と小文字を区別するため、変更があった場合に混乱が生じるため）。

画像フォルダについて¶

Illustratorで画像を書き出した際、1xや2xといったフォルダが生成されますが、画像を格納するフォルダ（imagesやimgフォルダなど）には含めないようにしてください。書き出した画像を直接格納しましょう。

最適な画像ファイルサイズ¶

画像ファイルは極力圧縮して軽くします。読み込む画像が多く、ファイルサイズが大きいとページの読み込み時間が長くなりユーザービリティに影響します。

エックスサーバーによると、画像ファイルは、200KB以下にすることが推奨されています（あくまで推奨であり、絶対ではありません）。
またGoogleでは、速度が遅くなりがちなモバイル回線を考慮し、1.6MB以内のファイルサイズを目指すことを推奨しています。

LPのPC版デザインをそのまま書き出すと4MB前後になります。圧縮ツールを使って荒れない程度に圧縮しましょう。

出典：
ブログの最適な画像サイズとは？最適化する理由やおすすめツールも紹介
 Avoid enormous network payloads

意図しない横スクロールが生じないようにする¶

ページを確認する際、横スクロールバーが出ていないか確認してください。

sectionタグの使用¶

よく使われるsectionタグですが、見出しタグを必ず一つ含む必要があります。

進捗報告で提出する際はValidation Checkを行ってください¶

HTMLとCSSで文法エラーが起こっていないかバリデーションチェックを行ってください。
これは自身でチェックできるものなので、極力エラーを解決した状態にしておきましょう。
エラーが出ていた場合、エラー文をそのまま検索すると解決策が出てくることが多いです。
エラーが多く出ていたとしても焦る必要はありません。一つのエラーが芋づる式に他のエラーを誘発しているパターンがよくあるため、根本的エラーが解決できればすべて解決することがあります。
自力で解決できなさそうな場合、時間をかける必要は無いので講師に聞きましょう！