| 会社名 | 採用サイト 実案件 |
|---|---|
| 担当範囲 | コーディング |
| 案件概要 | 運輸業者様の採用サイトのコーディングを担当しました。 PHPやCSSなどの基本的なデータはあらかじめ用意されており、見出しなどの共通要素はコンポーネントを修正することで他ページにも反映される構成となっていたため、保守性が考慮された案件でした。 その一方で、トップページや近年よく見られる「数字で見る〇〇」ページについては、ほぼゼロからコーディングを行っています。 特に苦労した点は、トップページに表示される画像を、斜めの楕円形でマスクして表示する実装です。 固定値では特定の画面幅では綺麗に見えるものの、画面サイズを変更すると違和感が生じてしまい、また画面幅に応じた楕円形にすると縦横比によって形が大きく変わってしまうため、さまざまな画面幅に対応できる数値を見つけるまで試行錯誤を重ねました。 また、レスポンシブ対応においては「rem」単位を使用することで、これまで画面幅ごとに調整していたmarginやpaddingを細かく指定せずとも、一定のバランスで表示できることを学びました。 さらに、これまで経験したことのないファイル構成の案件であったため、実案件ならではの構成理解の難しさや、保守を意識した設計の重要性を学ぶことができました。 本サイトは諸事情により公開できないため、ご連絡いただいた方にのみ、個別にURLをご案内いたします。 |
