HTML/ CSS/ JavaScript（静的 HTML）作成

HTML/ CSS/ JavaScript （静的 HTML）作成とは

ワイヤーフレーム/ コンポーネント作成フェーズで決めたデザインを HTML/ CSS/ JavaScript を使ってコーディングするフェーズです。デジタルキューブでは、CMS 組み込み（WordPress テーマ開発）と同時に行います。

WordPress のテーマベースで作ることが可能なので、例えば1枚もののランディングページであったとしても、カスタマイズしやすいランディングページを作ることができます。 また、Google が推奨するコーディングルールに則っていますので、SEO 観点の考慮漏れも心配ありません。

HTML/ CSS/ JavaScript （静的 HTML）作成で行うこと

HTML/ CSS/ JavaScript （静的 HTML）作成フェーズでは下記のようなことを行います。

• HTMLの作成
• CSSの作成
• JavaScriptの作成

HTML/ CSS/ JavaScript （静的 HTML）作成を行う場合の注意点

1. 事前に要件定義・設計を行なっておくこと

Web サイトを制作する場合は、よほどのケースでない限りすぐにコーディングを行うことはありません。Web サイトを制作することになった背景やゴール・解決したい課題を関係者とすりあわせ、その上で、サイトに求める機能や想定する運用などを確認し、設計を行いましょう。

2. ワイヤーフレーム設計段階で、開発が可能か・どのように開発するかを検討しておくこと

これはディレクターやデザイナーの役割でもありますが、ワイヤーフレームの設計段階で、開発が可能か・WordPress のダッシュボードも鑑みながら、どのようにコーディングするのが良いかを関係者間で検討します。開発を考慮しないデザインを作成した場合、開発に予想以上の時間がかかったり、最悪の場合は開発自体が難しく手戻りが発生したりといったことになりかねません。

3. 設計の考慮漏れがあるとわかった場合、関係者と連携すること

完璧な要件定義や設計は存在しません。万が一コーディングのフェーズで設計の考慮漏れや追加で確認しなければいけない要件があれば、ディレクターや顧客にすぐに連携し、対応を検討しましょう。