ホームページ、Webシステム開発ならエボルニにお任せください

HTML5 + CSS3コーディング

ウェブサイトの運営方針に合わせたコーディングをさせていただきます

お客さまのホームページでも、インターネットを利用した広告掲載に充てる費用が、数年前に比べて大きな割合を占めるようになっているのではないでしょうか。

そこで注目され始めたのが検索サイトの上位表示を目的としたSEO(検索エンジン最適化)です。掲載回数やクリック回数に応じて費用がかかる広告ではなく、検索結果の上位に表示されることを目指してサイトを最適化することで、コストを抑えて広告と同等の効果を得ようというものです。

しかし、適切なコーディング(マークアップ)が行われていないサイトも多く、伝えたい内容が適切に検索サイトから認識されず、正しい評価を得られていない場合がございます。

アクセシビリティやユーザビリティといった言葉の認知度が高まり、利用者の立場に立ったホームページが求められる中、正しく意味のあるコーディング(マークアップ)を行うことは、ウェブサイト制作の基本中の基本と言えるでしょう。

HTML5+CSS3コーディングのメリットとは

エボルニではtable要素(タグ)を使ってレイアウトすることが主流だった頃からCSSでコーディングを行なってまいりました。

レイアウトや見た目の装飾をCSSで行うことで、HTMLから分離することができるため、HTMLには伝えたい内容だけが集まり、結果として検索サイトから「より正しいページの評価」を受けることができるようになりました。(自社のサイトにてリニューアルまでの5年間「CSSコーディング」で3位以内を維持した実績あり。)

今ではCSSコーディングは基本的な技術となりました。ブラウザの世代交代、スマートフォンやタブレットの登場もあって、以前の「職人技」といった印象も薄れて、より身近になったように思います。

HTML5+CSS3では、これまでの主流であった XHTML+CSSと比較して次の二つのメリットを強く感じています。

まず、高機能なことがより手軽に実現できるようになりました。
例えば、video要素、audio要素、canvas要素などによって、Flashがなくても、動画・音声の再生や、3DCGの描画などがブラウザだけで実現できるようになりました。

次に、ソースコードがより簡潔になりました。
XHTMLではid属性やclass属性をつけて、そのコンテンツがどのような意味を持つかを表しました。HTML5になり、コンテンツの意味を表現するための要素が豊富になりましたので、文書の意味付けが簡潔で理解しやすくなりました。

HTML5+CSS3コーディングのこだわり

HTML5では、コンテンツを制御するためのAPIが豊富になりました。
これを活かすためには、JavaScriptでAPIを使いこなす必要がありますので、HTML5・CSS3だけではなく、プログラミングについても高い技術レベルが要求されます。

また、今までJavaScriptで実現していたことが、CSS3に任せられるようにもなってきました。

このような状況を踏まえて、これまでHTML、CSS、JavaScriptがそれぞれ担ってきた役割を、改めて考え直さなければなりません。

従来よりも実現できることの幅が広がり、実現方法も多様化するなかで、エボルニではお客さまのご希望をどのように実現すべきか、その時々に最適な設計・実装を行なっております。

HTML5+CSS3コーディングの品質管理について

エボルニでは納品物の品質を維持するために品質管理チームを構成しております。
ミスを減らすための品質管理体制として、機械的検査ができるコーディングチェックツールの利用と、 制作担当者とは異なる観点での目視チェックを徹底しています。

日々変わり続けるコーディング技術を見据えて、エボルニではさまざまな取り組みを行なっています。チームの技術向上と情報共有のための週一回会議、最新の技術情報を収集するための勉強会への参加、チェック体制の確認、使用可能な技術・実装方法の検討など、常に話し合い、より良いコーディングをお客さまにご提供できるように努めています。

コーディングの品質には他に負けない自信がございます。

TOP