前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。作業前に最終納品日、文字コード、SSL、ディレクトリ構造のチェック。Webサイト制作では、様々な職種の人たちが集まっていて、かつ作業を分担することも多いです。ルールがないと記述がバラバラになりメンテナンスも悪くなります。仕様書やガイドライン。これらを参考に社内独自のルールを決めても良いでしょう。余力あればアクセシビリティ・ガイドラインも目を通します。REFLECTDESIGN2.入稿データの確認・スケジューリング次にクライアントさんからいただいたデザインデータの確認。「お問い合わせ」と「お問合せ」などの表記の統一をします。これも表記の仕様書みたいなものですね。これ忘れると、後でクライアントさんに表記が違うと注意されることがあります。コーディングからのざっくりした流れは、静的ページだと1.HTMLコーディング/2.画像作成/3.1次アップ/ご確認/修正/2次アップ/ご確認/調整/納品/公開といった感じになると思います。ウェブサイト構築スケジュールを一旦エクセルなどにまとめて、簡単なスケジュールを作成します。マークアップビジュアルデザイン(カンプ等)がある程度確定し、制作ルール等を確認したら、コーディング作業に入ります。クライアントさんからいただいた原稿の文書構造を考えながらマークアップ。社内で共有できるテンプレートを作っておいて、社内打ち合わせの場を開いて定期的に確認します。ないようであれば、新たに作成して動作チェック等をしておきます。レスポンシブ対応テンプレHTML5テンプレートジェネレーター4.条件付きコメントIE8以下をHTML5に対応させるにはhtml5shivを使って新しい要素を生成する必要があります。