LP制作その1

Date2026/07/30 Last Modified2026/07/30

■ 何を作ったか SEO対応のLP制作

■ 自分の担当範囲 デザインコーディング～バックエンド実装

■ 難しかったこと
Figmaからのコーディング起こし。専門ではないのだが、これを機に多数やることに。
実務のデザインは研修以来初めてだったため、工数を図るのが難しかった。

■ 使用技術
HTML + CSS + JS + PHP

■ 結果 実運用に至らず、フィードバックは無し。
デザインの素地を学んだ

■ 今なら改善すること
デザインコーディングの工数感。スピード勝負なので、知ってるのとできるのでは大違い。
コーディングの順序や命名など。手探りでやった結果、不都合なDOM構造になり解体する羽目に。
SEOに対する意識。このときはh1~h6くらいしかできなかった。今ならAIに解析させるのと、スピードチェックやLighthouseの数値を意識するようにしている。

■ 対応する能力
フロントコーディング、Figma、XServer