HTML5活用の現時点での落としどころ
HTML5完全準拠をうたったIE（Internet Explorer）の新バージョン「IE9」ベータ版が2010年9月15日に一般公開になった。Webブラウザーシェアの約6割を占めるIEであるが、現バージョンであるIE8は、HTML5対応の点でFirefoxやGoogle Chromeなど主要なライバルWebブラウザーに大きな遅れをとっている。ベータ版とはいえ、HTML5に対応したバージョンがリリースされたことで、HTML5に対する注目度は一気に高まっている（関連記事1）。 HTML5の大きな特徴の一つは、Webアプリケーションのプラットフォームとしての機能強化である。現在のHTML4はHTMLのタグの仕様を規定するものだ。そのためHTML4をベースとしたWebブラウザーでは製品ごとにJavaScriptプログラムの挙動が異なることがあり、それがWebアプリケーション開発者にとって悩みの種
ブラウザーで何でもできる世界へ
Webの次世代標準仕様「HTML5」が、にわかに注目を集めている。HTML5は単なる仕様改定にとどまらない。Webの弱点を解消し、あらゆる情報システムの基盤へとHTML（ハイパーテキスト・マークアップ・ランゲージ）をバージョンアップさせる力を秘める。企業とIT（情報技術）業界に大きな利点をもたらすHTML5は、一方で波紋も引き起こす。米アップルや米アドビシステムズ、米マイクロソフト、米グーグルなどIT業界の巨大な“既得権益者たち”が互いの動きをけん制し合っている。HTML5のインパクトを追った。 情報の表示・閲覧から、アプリケーションを開発・利用するための「プラットフォーム」へ――。Webの全利用者にかかわる中核技術が、10年ぶりに変わる。 それが「HTML5」だ。Webブラウザーで文書を編集し、表計算を実行し、プレゼンテーションを作る。こうした高度なWebアプリケーションが、HTML5に
［2］現実の友人重視のmixi、バーチャル指向のTwitter
今回から3回にわたり、ソーシャルメディアの代表的なプラットフォームを2つずつ取り上げる。共通点のある2つのプラットフォームを比較することにより、それぞれの特徴を浮き彫りにする。今回は、利用者同士のつながりを中心とするコミュニケーション型プラットフォームとして、日本を代表するSNSであるmixiと、全世界でブームとなっているミニブログのTwitterを取り上げる。 mixiは女性10～20代、Twitterは男女10～20代が中心 まずは、mixi利用者とTwitter利用者の性年代別構成比を見てみよう（図2-1）。今回の調査では、男女それぞれ年齢層を6つに分けて全12セルとし、1つのセルに100人ずつを割り付けて全体が1200人となるように調査を実施した。このため、全体の性年代別構成比はすべて8.3％となっており、これと見比べることでそれぞれのソーシャルメディアの特徴が一目瞭然に分かる。男
WebアクセシビリティJISが改定、達成基準がより明確に
Web上のコンテンツを誰もが利用できるようにするアクセシビリティの日本工業規格（JIS）が6年ぶりに改定され、2010年8月20日に公示された。2004年策定の「JIS X 8341-3」を改定した「JIS X 8341-3:2010」である。公示後の8月25日に開催された「TCシンポジウム2010」（テクニカルコミュニケーター協会主催）では、改正原案を策定した東京女子大学現代教養学部人間科学科の渡辺隆行教授が、改正のポイントを解説した。 JIS X 8341-3は、「高齢者・障害者等配慮設計指針―情報通信における機器、ソフトウェアおよびサービス―第3部：ウェブコンテンツ」と題される規格。高齢者や障害者を含むすべての人が、Webコンテンツを適切に知覚、理解、操作できるようにするためのものだ。アクセシビリティの確保が特に求められる国や自治体のWebコンテンツにおいては、対応が必須とされている
「IE6の利用はやめて」、内閣官房が各省庁に移行を推奨
内閣官房情報セキュリティセンター（NISC）は2010年6月17日、各府省庁に対して、Internet Explorer 6（IE6）からInternet Explorer 8（IE8）への移行を推奨したことを明らかにした。 IE6は、2001年8月にリリースされたWebブラウザー。最近では、セキュリティや互換性の問題が頻発。例えば2010年1月には、IE6だけを狙った攻撃が確認されている。このためマイクロソフトなどでは、IE6のユーザーに対して、最新版IE8への移行を推奨（図）。グーグルなどのWebサービス提供者は、IE6への対応を順次打ち切っている。 しかしながらNISCによれば、中央省庁の中には、バージョンアップすることなくIE6を使い続けているところがあるという。組織内のシステム（Webアプリケーション）を、IE6用に構築しているためだ。IE8に移行するとなると、既存システムがIE
Webコンテンツの改ざんを発見する
前回は、社内でWebコンテンツを作成し、サイトにアップロードして管理する場合のGumblar対策を解説した。Webコンテンツの作成を外部に委託している場合もあるだろう。そのような場合、委託先にも社内で作るときと同様のセキュリティ対策を求めることになる。具体的には、委託する場合の仕様書に、前回に説明したWebコンテンツ作成関連端末のぜい弱性対策を必須とする条項を入れることになる。 Webサイトへアップロードする前にコンテンツの安全性をチェック だが、委託仕様書などに従ったた契約における対策は、あくまで保険にしかならず、Gumblarが侵入する可能性に対して万全とはいえない。委託先から、Gumblarに汚染されたコンテンツが納品されてくる場合を想定して、あらかじめ安全なWebコンテンツの受け入れ態勢を作る必要があるだろう。 GumblarによるWeb改ざんの方法は、FTPクライアントのIDとパ
第33回 動画を読み込んで操作する
Flash CS3には，定番のパーツをムービー内で使用できる「コンポーネント」が用意されています。今回も代表的なコンポーネントの使い方を学習しましょう。 Flash CS3には，動画を読み込んで再生するのに特化したコンポーネントが用意されています。動画の読み込みから，再生・一時停止・シーク・巻き戻し・早送りなどひと通りの機能を，コンポーネントを配置するだけで手軽に作成できます。 さらに，動画に「キューポイント」を追加することで，動画の再生時間(タイムラインと言った方がFlashユーザーの方にはわかりやすいかもしれませんね)に応じてイベントを発生させ，アニメーションなどの効果を付加できます。ユーザーの見ている動画の「位置」によって，Flash CS3で作成した独自の処理を実行するコンテンツなどが作成できるわけですね（図1）。 flv形式の動画を操作できる「FLVPlayback」コンポーネン
ログインしてください：日経クロステック（xTECH）
会員限定サービスです 有料会員（月額プラン）は初月無料！ お申し込み 会員の方はこちら ログイン 日経クロステック TOPページ
「IPAexフォント」が無償公開、IPAフォントの等幅とプロポーショナルを統合
独立行政法人 情報処理推進機構(IPA)は2010年2月26日、「IPAexフォント」を無償公開した。公開中の「IPAフォント」の「等幅（固定幅）」と「プロポーショナル（変動幅）」を一つに統合した。IPAフォントも新版Ver.003.02を公開した。 「従来のIPAフォントは、過去のシステムとの互換性の観点から、固定幅と変動幅のフォントを分離していた。しかし、一般的な日本語の慣例に従った文書を作成する場合、欧文文字の部分には変動幅の『IPA P明朝』、和文文字の部分には固定幅の『IPA明朝』、といった使い分けを、一つの文書の中で行う必要があった。IPAexフォントは、固定幅と変動幅を一つのフォントに統合することで、このようなわずらわしさの解消を狙った」（IPA）。 IPAフォントの新版Ver.003.02では、利用者から指摘があった不具合の修正をするとともに、欧文と数字の判別が容易となるよ
ログインしてください：日経クロステック（xTECH）
会員限定サービスです 月額プランが10月末まで無料 お申し込み 会員の方はこちら ログイン 日経クロステック TOPページ
第4回 HTML5の注目機能「canvas要素」
2008年8月設立。アクセシビリティ，ユーザービリティ，CMSの導入，SEO/SEMといったWebサイト制作から，ROIを意識したブランディング，ソーシャルメディアを用いたユーザーとのコミュニケーションの最適化など，マーケティング活動までを手がけるクリエイティブユニット。 今回は最近話題のHTML5について取り上げます。HTML5はまだ正式に発表される前の段階ですが、Firefox、Google Chrome、Safari、Operaなどの新しいブラウザが仕様の一部を取り入れ始めています。新機能の中でも特に注目されているcanvas要素は、Flashなどのプラグインを使わずにブラウザ上に図などを描くために策定された仕様です。 HTML5で新たに追加される要素 HTML5は現在ウェブページ向けマークアップ言語の主流であるHTML4.01が持つ多くの要素を引き継ぎつつ、Webアプリケーションの
ログインしてください：日経クロステック（xTECH）
会員限定サービスです 有料会員（月額プラン）は初月無料！ お申し込み 会員の方はこちら ログイン 日経クロステック TOPページ
各種ブラウザでの互換性を検証できる編集ツール「Pirka'r」，IPAがOSSとして正式公開
独立行政法人 情報処理推進機構(IPA）は2009年9月30日，コンテンツをさまざまなWebブラウザで閲覧した際の互換性向上を支援するツール「Pirka'r」（ピリカル）を，オープンソース・ソフトウエアとして正式公開した。互換性を検証や，コンテンツ編集機能を備える。 Pirika'rは以下のような機能を持つ。HTMLやCSS，JavaScriptを検証し，ブラウザに依存する記述がないかどうかを検証する「ブラウザ互換性チェック機能」。コンテンツがFirefox, Internet Explorer, Safariでどう表示されるかを，1画面に並べて表示する「マルチブラウザビュー機能」。また，コード補完や，シンタックス・ハイライト，構文チェックが可能なHTML/CSS/JavaScriptのエディタを備えており，指定したURLのコンテンツをディレクトリ構造を保ったままダウンロードし編集できる。
徳島県がRubyの独自開発CMS「Joruri」でサイトを刷新，OSSとして公開へ
徳島県は2009年10月，独自開発の徳島県CMS（コンテンツ管理システム）を採用し同県のホームページをリニューアルする。徳島県CMSはRubyで開発しており，2009年度中にオープンソース・ソフトウエア（OSS）「Joruri」（ジョールリ）として公開する予定だ。 OSS採用を県の方針に 徳島県では，情報システムを新しく導入する際に，なるべくオープンソース・ソフトウエアを採用することを方針としている。狙いはコスト削減，ベンダー・ロックインの軽減だけではない。同時に発注単位を小口化，小企業でも入手しやすいオープンソース・ソフトウエアを使うことで，県内のIT企業への発注を増やすことも大きな目的としている。 すでに長崎県がオープンソース・ソフトウエアとして無償公開した「長崎県電子県庁システム」の導入を開始しており，2009年1月から4月にかけて稼働が始まっている（関連記事）。導入したのは「総務事
HTML5
図 HTML5はWebコンテンツとWebブラウザの間のインタフェースの規定へと進化 HTML5はスクリプトがWebページを操作したり，Webブラウザの機能を利用したりするためのAPIを規定する。 HTML5は，W3Cが2012年を目標に規格化作業を進めている次期バージョンのHTMLである。仕様の一部は，FirefoxやGoogle Chrome，Opera，Safariなど，最新のWebブラウザが取り入れ始めている。 HTML5では，WebブラウザがJavaScriptに対して提供する機能と利用のしかたを，新たにAPIとして規定する。この点が現在のHTML4と大きく違う点である（図）。 Webブラウザは，あたかもOSのようにJavaScriptに機能を提供する。JavaScriptは，HTML5のAPIが用意する「メソッド」を使ってその機能を利用する。例えば，JavaScriptがWebブ
第1回 CSSサポートが不十分なIE 6でサイトの表示品質を保証する
2008年8月設立。アクセシビリティ，ユーザービリティ，CMSの導入，SEO/SEMといったWebサイト制作から，ROIを意識したブランディング，ソーシャルメディアを用いたユーザーとのコミュニケーションの最適化など，マーケティング活動までを手がけるクリエイティブユニット。 2009年3月18日にInternet Exploler（以下IE）8が米国で正式公開されました。日本語版も同月20日からダウンロード可能になり，多くの制作者が実際に触れてみたことでしょう。しかし，それから4カ月が経とうとしている現在でもIE 8へのアップグレードはスムーズに行われていないようです。 筆者がアクセス解析を見た範囲では，IEのシェアが全体の85～95％前後，さらにIEの中では6と7が約45％前後，8のシェアが10％弱ということろです（7月6日時点）（表1）。
HTML 5
開発者イベントの 隠れたメッセージ 「合言葉はHTML 5」─。2009年5月末から6月初旬にかけて，米国で開催された米Google Inc.の開発者向けイベント「Google I/O」と米Apple Inc.の「WWDC09」。ちょうど間に挟まれる形になった米Palm Inc.の新スマートフォン「Palm Pre」の発売。三つのイベントには，共通のメッセージがあった。 Google I/Oは，初日の基調講演からHTML 5のオンパレードで，Google社が今後の技術的な標準をHTML 5に置いたことを明確に打ち出していた。翌日は，共同作業のための新サービス「Google Wave」一色に染めた。Google Waveはいわば，電子メールとチャットと文書エディターを一つにまとめたようなソフトウエアだ。ある「テーマ」についてコミュニケーションしたり，複数のユーザーが共同で作業したりできる。
W3C，マークアップ言語「XHTML 2」を「HTML 5」に統合へ
Web関連技術の標準化団体World Wide Web Consortium（W3C）は米国時間2009年7月2日，マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について，策定担当ワーキング・グループ（WG）の憲章（行動指針）「XHTML 2 Working Group charter」の適用を2009年末で打ち切ると発表した。同憲章を更新せず，HTML担当の「HTML WG」に投入するリソースを増やすことで「HTML 5」仕様の策定作業を加速させ，HTML開発の方向性を明確化する考え。 W3CはXHTMLをHTMLのXMLシリアライゼーション（XML形式への変換）と見なしている。HTML 5仕様にXMLシリアライゼーションを含め，引き続きHTML WGで検討していく。現在HTML 5仕様でこのXMLシリアライゼーションは「XHTML 5」と呼んでいるが，今後HTML
ログインしてください：日経クロステック（xTECH）
会員限定サービスです 月額プランが10月末まで無料 お申し込み 会員の方はこちら ログイン 日経クロステック TOPページ
すごい現場
皆はどんな現場で，どんな仕事をしているのだろう。何に悩み，どうやって乗り越えているのだろう。プロの仕事とそうでない仕事の境目はどこにあるのだろう。システム開発や運用の現場を歩き，そこで見聞きした面白い話，感動的な話，すごい話を紹介します。 ・大企業からベンチャーまで ぼくはこんな現場を歩いてきた ・SEを潰した値引き 信頼も連帯感も消えた ・期限は明日――若手SEの気迫を見た ・寝不足のプレゼン ドリンク剤も効かず ・中国の開発現場もすごい 若き社長が率いる修羅場 ・オンラインダウン発生！ あの日，何もできなかった ・建築設計事務所で見た 巨匠のすごいレビュー ・コンサル泣かせの現場 “小さな王国”の弊害 ・逝去した巨匠への追悼 感激したあの言葉 ・人の話を聞かない40代 あるコンサルの失敗 ・過ぎたるは及ばざるがごとし 作りすぎたRFPの悲劇 ・人間万事塞翁が馬 得難いレクチャーの裏事情
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
