こどもの日のWEBのお話

投稿者: | カテゴリ Tips, サイト設計 | 2009 年 5 月 5 日

鯉のぼりが五月の風に泳いでおります。
出町柳しんごです。

みなさんゴールデンウィークはいかがお過ごしですか?

今回はサイト紹介ではなく、こどもの日なので、
こどもとウェッブについて。

ターゲットがこどもとなると、それに応じたサイト制作が必要となります。
ちょうど去年、こども向けのコンテンツを担当したこともあり、
ここでも紹介しておきます。

こども向けコンテンツを作成するにあたって、参考にしたのが、
富士通が出している「富士通 キッズコンテンツ作成ハンドブック
制作上で押さえておくポイントとしては下記のようなとこでしょうか。

  • ライティング
  • 漢字の読み仮名
  • GUIの工夫

上記のハンドブックを見ていただければ詳細はわかりますが、
ここでは「漢字の読み仮名」についてちょっと触れておきます。

HTMLタグでrubyタグってのがあります。
下記のようなソースで書きます。

キテレツ荘はウェブの<ruby><rb>猛者<rp>(<rt>もさ<rp>)</ruby>どもの集まりです。

ただ、このrubyタグはXHTML1.1対応の要素で、おそらく世間一般的に一番よく使ってる
XHTML1.0 transitionalの仕様では対応していません。
(1.0でもブラウザ側で表示させてくれたりはするけど、基本的には文法エラーになる)

かといってルビを使うページをXHTML1.1で制作するというのも、結構他で影響を
受けそうなので、このあたりも含めrubyタグというのは扱いが微妙です。
(HTML1.1だとaタグの属性とかで廃止されてるものが多く、target属性も使えないからなぁ)

自分が担当した案件はrubyタグを使用せずに、読み仮名部分をspanタグにして、
通常の文章と見せ方を差別化する形でいきました。

と、珍しくタグの云々を書きましたが、海外ではこんなブラウザもあるみたいです。

KIDO’Z、おとながしっかりと考えた子ども向けブラウザを発表

KIDO’Z

KIDO’Z

Adobe AIRで動くブラウザで、インターフェースがめちゃくちゃかわいい。
日本語もあるのが良いねー!

こどもじゃなくても使いたい、と思ってダウンロードして使ってみた。
デフォルトで表示されるコンテンツはさくさく見れて面白いけど、
閲覧制限があるから普通にインターネットするにはしんどい(いちいち登録しないといけない)、
なので大人には物足りない、当たり前か。。。

久しぶりにトムとジェリーを動画で楽しんでみた、なんだかな〜なこどもの日でした。

【第1回キテレツ巡業 キテレツ春場所】 コンテンツ公開!!

投稿者: | カテゴリ Lab, キテレツ巡業 | 2009 年 5 月 2 日

こんにちは。寺子屋タラコです。
公開が遅くなりましてすみません!

さて、ノリと勢いで始まった
「第1回 キテレツ巡業 キテレツ春場所」!!

紅組、白組の両コンテンツが無事アップしました!!パチパチパチ!!!
みなさま大変お疲れ様でした!
わたしは対決に関しては何もしてません。すみません・・・。

キテレツ荘の住人が紅白に分かれ、1ヶ月もがきこだわりぬいた血と汗と涙の結晶!
ぜひぜひご覧いただき、「これぞキテレツ!」と思った組に投票をお願いします!!

~~第1回 キテレツ巡業 キテレツ春場所~~
■内容:
「キテレツっぽいコンテンツ」をテーマに赤・白に分かれ、内容を競い合うというもの。
■チーム
紅組・・・棟居真一郎、韋駄天 太郎、とんか
白組・・・風の谷のかしこ、出町柳しんご、ふーぐー
(告知サイト制作・・・寺子屋タラコ、風の谷のかしこ)
■審査委員長
デジハリ大阪 木村氏(?)
キテレツ荘をご覧の皆さま

投票サイト
⇒春場所投票サイトはこちら!

なお、5月10日(日)10時よりデジハリ大阪校セミナールームで
身内向けの発表会が行われる模様です。
発表者の皆様よろしくお願いします!!