写真：アフロ こんにちは、「Yahoo!ニュース」のHTMLやCSSのコーディングを担当している吉澤です。 今回は、「Yahoo!ニュース」ブラウザ版のコーディングをするにあたって気をつけている点などに触れてみたいと思います。 まずは、現在、PC版「Yahoo!ニュース」にアクセスしている方々がどんなブラウザを使っているのかを紹介します。 ご覧のように、Internet Explorer 11からのアクセスが一番多く、次いでGoogle Chrome、そしてInternet Explorer 8といった順番となっています。 1年間の主要ブラウザシェアの大まかな推移はこのようになっています。 Windows XPのサポート終了の影響で大きな動きがあったものの、ここ数ヶ月は安定した推移で動いているのがわかります。Internet Explorerについては最新版へのアップデートが緩やかに進行し

次世代のWebアプリケーションの中核を担う技術として「HTML5」に注目が集まっているが、それと並んで期待されている技術に「WebSocket」がある。 IETFとW3Cによって仕様の策定が進められており、最初の提案以来幾度もの改訂を経て、2011年12月11日にそのプロトコル仕様がRFCのProposed Standard（RFC 6455）となった。 AjaxからComet、そしてWebSocketへ WebSocketはウェブサーバとブラウザが直接コネクションを張って双方向通信するための技術規格である。HTTPとは異なる独自の軽量プロトコルによって通信を行うため、オーバーヘッドが小さく、長時間に渡って通信する場合でもHTTPコネクションを占有する必要がないというメリットがある。 WebSocketが生まれた背景には、サーバとブラウザがもっとリアルタイムに通信して情報の配信や更新を行え

はじめに ブラウザ間でP2P通信が実現できれば、ブラウザ上で動作するP2Pアプリが作れて面白そうだなーと思ったのでWebSocketを使って実現してみました。仕組みについては以下で説明していきますが、私が実現した方法は限定的で実用性が低く色々と足りない部分もあるので、軽い気持ちで読んで頂けるとありがたいですw 仕組みの概要 なぜWebSocketを使うのか 従来、Webサーバとクライアント(Webブラウザ)間で非同期に通信するにはXHR(XMLHttpRequest)を用いてきました。基本的にこのXHRは以下の図のように同一ドメインとしか通信できないという制約がありました。*1 しかし、WebSocketのthe Origin-based security modelでは異なるドメインとも通信することが可能になります。WebSocketプロトコルでは、サーバとクライアント間で接続を確立する

Google、オーディオ機能やLion対応を盛り込んだ「Google Chrome 14」の安定版リリース 「Web Audio API」の実装で高度なオーディオを使ったゲームに対応し、2008年発表のNaClアプリを利用できるようになったほか、「OS X Lion」版ではフルスクリーンモードに対応した。 米Googleは9月16日（現地時間）、Webブラウザ安定版のアップデートとなる「Google Chrome 14」（14.0.835.163）をリリースした。Webアプリやゲーム関連の新機能が追加されたほか、米Appleの「OS X Lion」対応が強化された。 Web Audio API 「Web Audio API」は、音声処理・合成のためのJavaScript API。開発者はこのAPIにより、Webアプリやゲームにさまざまなサウンドエフェクトを追加できる。サンプル紹介ページには

JSONの発見者でJavScript界の重鎮であるYahoo!のダグラス・クロックフォード（Douglas Crockford）氏。米オライリーが主催するイベント「Velocity 2011」で、セッション「JavaScript & Metaperformance」を行いました。 いまWebブラウザ間でJavaScriptエンジンの性能競争が行われていますが、その影響とこの先の展望について語っています。JavaScriptプログラマなら必見の内容を、公開されたビデオを基に紹介しましょう。 JavaScript & Metaperformance これから、JavaScriptと性能についての本当の話をしよう。 JavaScriptはみなさんご存じかな？ いまや世界で最もポピュラーになったプログラミング言語だ。 JavaScriptは、Javaからシンタックスを、Schemeからファーストク

Twitterでちょっとつぶやいてみたけど誰からも反応がなくて悔しかったのでブログに書く。後悔はしていない。 Google Chrome を使っていて、「ウィンドウ」メニューの中に「タスクマネージャ」という項目があるのに遅ればせながら気がつきました。3周くらい遅れてますかそうですかまあいいです。 それでおもむろに「タスクマネージャ」メニューを選ぶとこんなウィンドウが開きます。 各タブや拡張機能ごとのCPUとメモリの使用量が一覧できます。これは便利。 そして気になるのが、左下の「統計情報」リンクです。 ここは about:memory へのリンクとなっており、クリックすると以下の表示になります。 最上行にGoogle Chromeのメモリ使用量が出ているのはいいとして、その下に同一マシンで動作している他ブラウザのメモリ使用量も表示されています。オーグレイト！ なんというおせっかい機能もしくは

IE9を超えてパワフル！──「Internet Explorer 10」の本気を動画で見る：MIX11 米Microsoftは、米国ネバダ州ラスベガスで開催中のWeb開発者イベント「MIX11」において「Internet Explorer 10 Platform Preview 1」（IE10 PP1）を公開した。IE10 PPは、開発者がレンダリング処理などの挙動を把握するために配布されるもので、UIなどのスキン要素は含まれない。だが、MIX11で公開されたデモの数々は、IE10で向上した高速動作とHTML5標準準拠を示した。ここでは、デモで紹介されたIE10 PPの動作を動画で紹介する。なお、IE10 PP1は、こちらのWebページからダウンロードできる。 米MicrosoftでIEチームを率いるコーポレート上級副社長のディーン・ハチャモビッチ氏。恒例のIEシャツは「Ten」の「e」の

追記 new.がとれて、http://perldoc.jp/ でアクセスできるようになったんで、s@http://new.perldoc.jp@http://perldoc.jp@g と目sedしてお読みくださーい。 をより便利に、アドレスバーに長いURL打ち込まなくてもいいようにする方法の紹介です。 具体的には、これを読めばあなたも今日から pd perlrerefと打ち込めば http://new.perldoc.jp/perlreref が表示される pd openと打ち込めば http://new.perldoc.jp/open が表示される ようになります。ね、簡単でしょう？ PHPも http://php.net/if や http://php.net/=== や http://php.net/split といったのが用意されているので、今回紹介する方法がそのまま使えますね。あ

Twitpic

内閣官房情報セキュリティセンター（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

グーグルが、Chromeの表示スピードは驚異的に速いのだということを印象づけるために、高速で空中を飛ぶジャガイモとChromeの表示スピードを比較するという超アホらしい（が、予算はたっぷりかかっていそうな）ビデオを発表したのは5月3日のこと。話題を呼んだこのビデオは200万回以上再生されました。 謎の実験装置から発射されるジャガイモ。 Operaもジャガイモより速いぜ！ しかしOperaの方がグーグルのChromeより速いぜ！ といいたいのか、オペラソフトウェアがこのビデオに対抗すべく、先週の木曜日にさらにアホらしいビデオの公開をやってくれました。さっそく50万回以上再生されている模様。 なにやら巨大なエンジンをメンテナンスするマッドサイエンティスト風の二人。これで実験をするのか？

デベロッパーのあいだでHTML5の重要性が高まってくるにつれ、各ブラウザベンダは自社のブラウザがHTML5にいかに対応しているか、あるいは今後すばらしい実装計画があるか、といったことをアピールし始めました。 Webの新しい標準となることが決定的とされているHTML5に、多くのベンダが注目し、競うように実装を進めていることは歓迎すべきことです。これからのWebが1つの標準に基づいた高い互換性と、競争によってより品質の高いソフトウェアの提供が行われると期待できます。 しかしその一方で、行きすぎた競争による残念なことも起きています。 わざと誤解を与えようとするアップル アドビのFlashはクローズで、HTML5はオープンだ、と言ったスティーブ・ジョブズ氏率いるアップルが「HTML5 Showcase」と銘打ったWebサイトのデモンストレーションコーナーを開設。しかし、「HTML5 and web

5. World Wide Webの誕生 http://groups.google.com/group/alt.hypertext/msg/395f282a67a1916 c WorldWideWeb - Executive Summary The WWW project merges the techniques of information retrieval and hypertext to make an easy but powerful global information system. The project started with the philosophy that much academic information should be freely available to anyone. It aims to allow information sharing

kotoba_bot　の「近所の子が「くらえ！インターネットエクスプローラー！」と叫んでた」ツイートがきっかけで、全国から「インターネット戦士」が結集。いい歳をした大人が、ノリノリで対抗しあった結果を、まとめました。

こんにちは、id:os0xこと太田昌吾です。今回から、クロスブラウザ対策を中心としたJavaScriptの初級から中級の方向けの連載を開始します。JavaScriptの基礎的な文法は理解されているという前提での解説となりますので、ご了承ください（間違いやすい、わかり難いと思われるところは適宜補足します⁠）⁠。初回である今回はJavaScriptやウェブブラウザの背景など盛りだくさんの内容でお届けします。 JavaScriptのイマ JavaScriptは2010年現在において、最も重要な言語となりつつあります。旧来はすべての処理をサーバーで行って、結果をウェブブラウザ上に表示するだけというのがウェブの一般的な姿でした。2005年に登場したGoogle Mapsを一つの契機として徐々にウェブブラウザ・クライアント側での処理が見直され始め、近年ではクラウドやSaas、そしてHTML5の流行によ

「Flashをオープンソース化できない主な理由は、H.264のようにアドビが所有していない技術が含まれているから」と説明するのは、アドビシステムズでオープンソース担当ディレクタのDave McAllister氏。 McAllister氏が自身のブログにポストしたエントリ「Following the open trail. 」で、こう説明されています。 The main reason we can't release Flash Player as open source is because there is technology in the Player that we don't own, such as the industry standard hi-def video codec, H.264. われわれがFlash Playerをオープンソースとして公開できな主な理由は、Pl

WebKit のコードについて。 Google 社内のコードを見慣れてると、 WebKit のコードはまず、オープンソース的な感じというか、ありていに言うとコメントが圧倒的に少ないように感じます。特に内部についてわかってない人もわかるようなコメントを書く気は基本的に無いらしく、冗長気味なコメントを書くとむしろ削ってちょとレビューされたりします。偉い人死んだらどうするのかなー的な。 あとは関数名とかもイマイチなのが多いように思います。個人的な体験で一番印象的だったのは HTML parser 内にあった parseSpecial という関数でした。この special ってのは textarea, script, style, iframe なんかの中にあるタグが無視されるような種類のものを指していたのですが、 special って命名はアレだなぁ…と。そう思いつつ WebKit の人はみん