*

HTML5対応CMSの条件

HTML5の話題が出ない日はないぐらいになっているが、Web屋としてHTML5で実装した後、それを運用できるCMSとはどのようなものなのか考察したい。

HTML5対応CMSの条件

  1. HTML5リッチインタフェース対応
  2. HTML5セマンティクス対応

はこの2点であると思われる。

HTML5リッチインタフェース対応

HTML5関連技術ではHTML5 canvasタグ+JavaScript、SVGなどによって動きのユーザインタフェースを実装することが可能である。これらをCMS化にする為には更新に関わる部分を外部ファイルとしてXMLなどで持つことが有効である。特にSVGはSVG自体がXMLである。つまり、ユーザインタフェースとコンテンツの分離をし、コンテンツをXMLで管理しておくことそれができるCMSである必要がある。

そのようなCMSであればコンテンツをXML化しておくことにより、必要なユーザインタフェースを追加すれば、それぞれのデバイスにふさわしいリッチなユーザエクスペリエンスを提供することができるようになる。

HTML5セマンティクス対応

HTML5マークアップの心得と作法

http://www.slideshare.net/futomihatano/html5-9066829

HTML5ではHTML4の文書構造やコンテンツの意味づけとは違うタグを設置する必要がある。文書構造では記事全体 article とその一部分 section タグが存在する。コンテンツの粒度がページ単位から記事内の一部分 section にまで細分化されることになる。そのため、CMSにおいてもコンテンツの粒度がページ単位ではなく section 単位で扱える必要がある。

ワンソース・マルチデバイスCMS – Web Meister

コンテンツ構造に関係なくコンテンツを再利用し、HTMLをワンソース・マルチデバイス化、必要に応じてデバイス特性を生かしたコンテンツをデバイス個別に用意することができる。各デバイスに適合したプログレッシブ・エンハンスメントやリッチインタフェースのコンテンツをXMLで管理することも可能である。ユーザインタフェースとコンテンツの分離、サイト階層構造とコンテンツをXMLで管理し、HTML5タグのarticleとsectionに対応し、section単位でのコンテンツの再利用が可能になっている。そのため、レスポンシブ・レイアウト+スマートフォン専用サイトを制作・管理が可能である。また、管理画面はマニュアルを必要としない操作性を目指して、XHTML、XMLを知らなくてもコンテンツ更新ができるようになっている。

文章としてはつめが甘いですが2つの条件を満たしているということを今日言いたかったのです。

 

2011/11/29 | CMS, Web Meister , ,

関連記事

no image

レスポンシブWebデザインの使い道って?

SwapSkills さんが日本に紹介して急速に広まりつつあると思う「...

記事を読む

no image

【株式会社サイズ】Facebookページはじめました 2011年5月ニュースレター

3月11日に発生した東日本大震災によりビジネス環境が大きく変化した業種...

記事を読む

no image

法政大学オフィシャルサイトをリニューアル、CMS- Web Meister を導入しました。

「自由と進歩」を基礎に、15学部を擁する日本有数の総合大学として、リー...

記事を読む

no image

Webサイトのスマートフォン対応で思うこと

Webサイトのスマートフォン対応 7つの基本ルール | Web担当者F...

記事を読む

新着記事

no image

レスポンシブWebデザインの使い道って?

SwapSkills さんが日本に紹介して急速に広まりつつあると思う「...

記事を読む

no image

株式会社サイズ4年目を迎えることができました

お世話になっております。 株式会社サイズ代表取締役糟谷です。 ...

記事を読む

no image

【株式会社サイズ】Facebookページはじめました 2011年5月ニュースレター

3月11日に発生した東日本大震災によりビジネス環境が大きく変化した業種...

記事を読む

no image

法政大学オフィシャルサイトをリニューアル、CMS- Web Meister を導入しました。

「自由と進歩」を基礎に、15学部を擁する日本有数の総合大学として、リー...

記事を読む

コメント/トラックバック

現在、この投稿へのトラックバックは受け付けていません。

この投稿のコメント・トラックバックRSS




管理人にのみ公開されます

no image
HTML5対応CMSの条件

HTML5の話題が出ない日はないぐらいになっているが、Web屋としてH...

no image
レスポンシブWebデザインの使い道って?

SwapSkills さんが日本に紹介して急速に広まりつつあると思う「...

no image
株式会社サイズ4年目を迎えることができました

お世話になっております。 株式会社サイズ代表取締役糟谷です。 ...

no image
【株式会社サイズ】Facebookページはじめました 2011年5月ニュースレター

3月11日に発生した東日本大震災によりビジネス環境が大きく変化した業種...

no image
法政大学オフィシャルサイトをリニューアル、CMS- Web Meister を導入しました。

「自由と進歩」を基礎に、15学部を擁する日本有数の総合大学として、リー...

→もっと見る

  • あわせて
PAGE TOP ↑