ちょっと前、先月の話題になってしまうのですが、Web ページ内の任意の要素をフルスクリーン表示可能にする Fullscreen API に関連して、Mozilla が公開している Gecko:FullScreenAPI が更新されて Firefox Nightly で使えるようになったり、W3C からも Fullscreen （Editor's Draft） が公開されたりと色々動きが活発になってきましたので、いい機会ということで、お勉強ついでに簡単に試してみました。

例えば HTML5 で追加された video 要素は、今まで Flash などのアドオンに頼ってきた動画の Web ページへの埋め込み、再生を HTML 側で対応することを可能にしましたが、フルスクリーン （全画面） 表示に関しては機能として含まれていませんでした。Fullscreen API は、JavaScript を使用して、video 要素や、canvas をはじめ、任意の要素内をフルスクリーン表示することを可能にしてくれます。

Google+ のプロフィールページって、メインのプロフィール画像以外に最大 5つまでスクラップブック写真っていう画像を掲載することができるんですよね （プロフィールバナーと呼ばれているみたいですが）。で、ここに 1枚の画像を分割して掲載したかったので簡単にサイズ調べてスライス用のレイヤーを作ったんですが、折角なのでシェアしようかなと思います。

実際に設定するとこんな感じになります（画像クリックで実際のページが開きます）。下記はこの Blog の Google+ ページに設定してみた例です。

「HTML5 でコーディングしたら SEO （検索エンジン最適化） 的に有利になりますか？」 っていう質問、たまに聞かれるんですけどね。

個人的には "SEO のために" HTML5 にするか XHTML にするかなんて悩んでる暇があったら利用者に役に立つコンテンツの 1つでも考えた方がいいよと思うわけですし、聞かれたときはそのように答えているわけですが、折角なので簡単に考えをまとめて Blog に書いておいてみようかなと思ってダラダラと書き始めていたら、自分が書こうと思っていた内容をすべて言ってくれてしまっている記事が Impressive Webs で 10倍わかりやすく書かれていたので引用しつつ紹介してみようと思います。

すでに色々なところで書かれてるので完全に乗り遅れた感はありますが、Google+ に追加された 「ページ」 機能で早速、会社とこの Blog のページを作ってみましたよ。

ということで、Google+ ページの作り方と、その時にやっておいた方がいい設定について簡単に解説してみます。

• 「Google+ ページ」で、新しいつながりを ： Google Japan Blog
• Google+ ページの作成

実際に作ったページは下記。

• WWW WATCH ： Google+
• デジパ株式会社 ： Google+

ちょっといつもと趣が異なる記事として、HTML5 Doctor で 「HTML5: briefing notes for journalists and analysts」 という記事が上がっていましたのでまたまた稚拙ではありますが翻訳など。

今回の記事は、ジャーナリスト、アナリスト （つまり、あまり技術的な話に精通していない人） 向けに、よくある質問とその答えをまとめたものです。技術者以外の人に 「HTML5 って何？」 って聞かれたときの参考になるかも。

明日ですが、9月27日に新しい著書、「できるクリエイター 逆引きHTML+CSSデザイン事典 Webクリエイターの現場で必要な基本と最新動向」 がインプレスさんより発売されます。今回も CSS HappyLife の中の人と共著です。

今回の書籍は、主にWebサイト制作、初級～中級の人向け。タイトルの 「逆引き」 からもわかるように、「困ったこと」 や 「やりたいこと」 からその解決策を逆引きできる感じの書籍になってます。頭から体系立てて学んでいくような書籍ではないので、手元に置いておいて、「あれどうすんだっけ？」 という時に開いてもらえたらいいなっていう感じの内容と作りになっています。

この Blog でも何度か取り上げていますが、Internet Explorer （IE） の中身だけ Google Chrome にしてしまおうというコンセプトで発表された 「Google Chrome Frame」 の管理者権限不要でインストール可能バージョンが安定版になりました。

• Non-Admin Chrome Frame Reaches Stable Channel : Chromium Blog

過去にここで取り上げた記事も参考まで。上から新しい順です。

• Google Chrome Frame が管理者権限不要でインストール可能に
• Google Chrome Frame 安定版がリリース
• IE を進化させる Google Chrome Frame

早いものでもう Firefox 6 の正式リリースですよ。

Firefox 5 のリリースから採用された高速リリースサイクルのおかげで、年内には Firefox 9 まで到達予定ですから、もうバージョンナンバーとかどうでもいい感と 「新しいバージョンが出た！」感のなさがハンパないんですが、一応入れてみたので簡単に。

• Firefox 6 リリースノート ： Mozilla Japan
• Firefox の灯

UI 的には大きな変更はありませんが、中身の方は WebSocket API の新しい Editor's Draft にプレフィックス付きで対応、EventSource / Server-Sent イベントへの対応や、新たに 「Web 開発」 メニューが追加され、開発ツールとして スクラッチパッド（Scratchpad） が搭載されたり、ウェブコンソールの改善なども行われています。あとは高速化とかその辺も。開発者にとってはいい感じのアップデートかもしれませんね。

いや、これは単純に私が知らなかったというか、普通に使えると思い込んでいただけなんですけどね。

前のエントリで 「HTML5 + CSS でコバトン描いてみた」 っていうお遊びを紹介したのですが、その後 iPhone / iPad で確認してみたらコバトンさんのお顔が四角い顔になっていて、そこで初めて気がつきました。結論から言ってしまえば単なる勘違いという間抜けなお話ではありますが、メモ代わりにエントリ。

なんか、CSS で色々描いてみた的なやつを見てたら自分も描いてみたくなったので、埼玉県民にはおなじみの鳥さんマスコット 「コバトン」 を HTML5 と CSS で描いてみるテスト。

単純に 空の div 要素を並べて CSS で整形して position: absolute; でもいいんですが、今回は CSS 無しの、HTML としてもある程度意味のわかる文書になるように、元の HTML も書いてみました。

あまり時間をかけずにとりあえずという感じで描いて、細かい検証とか、ソースコードのブラッシュアップとかしていませんので、絵としての再現度やソースコードは微妙なところも多々あります。また主要なブラウザの最新版ならほぼ問題なく表示できると思いますが、Chrome、Safari などでは顔がちょっと崩れていたり、IE は text-shadow が効いてなかったりと一部おかしい部分もありますが、その辺はご愛敬と言うことで。

• HTML5 + CSS3 でコバトン （浦和レッズバージョン） デモページ
• HTML ファイル一式はこちら（zip ファイル / 10KB）

ちなみにコバトンが浦和レッズバージョンなのは個人的な趣味の問題です...