Tagged

ブラウザ

A collection of 14 posts

ブラウザ

Beyond IE Six というページをつくりました

[http://beyondiesix.jp/] 先週いよいよ Internet Explorer (IE) の自動アップグレードが開始 [http://blogs.msdn.com/b/ie_jp/archive/2012/03/26/10287454.aspx]されました。これにより、多くの Web 開発者の頭を悩ましていたバージョン 6 (IE6) がなくなるのではないかと期待している方もいると思います。制作者の都合だけでなくても、より早く安全な Web 体験が出来ることを考えると、利用者にもメリットはいくつかあります。 自動アップグレードによって、IE6のシェアは今後さらに下がることでしょう。しかし、真の課題は IE6 がなくなっても残り続けると思います。見た目を同じにする [http://www.yasuhisa.com/could/article/progressive-enhancement-result/] という古い考え方を持ち続けている間は、IE6
デザイン

拡大・縮小機能からみるブラウザの課題

拡大・縮小はレガシー機能？ JIS X 8341-3:2004 には、ブラウザの機能で文字の拡大・縮小ができるようにしたり、ユーザースタイルシートで変更できるようにすることを推奨しています。当時多く方が利用していた IE6 は、ピクセル指定の文字の拡大縮小が出来なかったこともあり、ブラウザの機能とは別に JavaScript で実現した文字サイズ UI が実装されてたのだと推測しています。もちろん、JIS規格が IE 中心で見ていたとは思っていませんが、ブラウザによって拡大・縮小の解釈が様々でした。その名残もあって今でも Web サイトに文字サイズ変更の UIが設置されている場合があります。 今は時代も変わりほとんどのブラウザがピクセル指定がしてあってもレイアウトも文字も拡大・縮小出来る機能を実装しています。こうした時代の変化を考慮して JIS X 8341-3:2010 では、文字に関する達成基準のニュアンスが変わっています。現在は「コンテンツ又は機能を損なうことなく，テキストを支援技術なしで200%までサイズ変更できなければならない。」としています。200% という数値が出て来て
google

Chrome Frame はひとつのソリューション

今週リリースされた Chrome のように JavaScript や HTML5 レンダリングを実現することが出来る IE 向けプラグイン、Chrome Frame [http://code.google.com/chrome/chromeframe] 。プラグインをインストールしているブラウザのみ認識するたった一行の meta を記入するだけなので、制作者にもやさしい仕組みになっています。Techcrunch [http://jp.techcrunch.com/archives/20090922google-turns-internet-explorer-into-chrome-yes-seriously/] あたりでは、「笑える」「スマート爆弾」だとおもしろおかしく Chrome Frame を表現していますし、「IE を乗っ取った」と書いている方も見かけますが、個人的にこれは素晴らしいデザインソリューションとして見ています。 まず、構造からして「乗っ取り」ではなく、利用者を意識した配慮がなされています。Chrome Frame は Browser Helper Object
ブラウザ

Opera Japan のパネルディスカッションに参加しました

[http://twitpic.com/cyjui]数日前の話になりますが、Opera Japan [http://my.opera.com/chooseopera-Japan/blog/] にて社員向けのパネルディスカッションが開催され、スピーカーとして招待されました。林 信行さん [http://nobi.cocolog-nifty.com/nobilog2/]、ミツエーリンクスの木達さん [http://kidachi.kazuhi.to/blog/] に並んで一緒に話すことが出来て恐縮でしたが、こんな機会はまずないので楽しんで参りました。Opera が示すことが出来る日本のプレゼンスに関するディスカッションもありましたが、Opera というひとつのブラウザに捕われない大きな話もありました。 HTML5 がこれからWebアプリケーションにどのような影響を及ぼすのか、そして使える環境が整えられ始めている現在においてデザイナーや開発者はどのような姿勢をとっているかといった話は多くの時間を費やしました。ジャーナリストから見た視点、大規模の Web サイト制作会社の視点、そしてひと
ブラウザ

IE6から先へ行くための提案が必要

YouTube [http://www.techcrunch.com/2009/07/14/youtube-will-be-next-to-kiss-ie6-support-goodbye/] やDigg [http://www.techcrunch.com/2009/07/10/can-you-digg-it-maybe-not-if-youre-stuck-on-ie6/] といった海外でアクセスの多いサイトが次々と IE6 のサポートを中止する動きを見せています。YouTube は他のブラウザに変更するメッセージの表示以外に具体的にどのようなサポートを止めるのかが分かりませんが、Digg では、コメントや Digg ボタンといったサイトのコア機能のサポートを止めることを考えているそうです。このニュースに影響されたのか、Twitter では、「IE6 Must Die [http://twitter.com/#search?q=IE6%20Must%20Die]」が、トレンドトピックにランクインしましたし、Twibbon [http://twibbon.com/join/IE6-M
UI

ユーザーが考えるブラウザの未来

Mozilla は去年からコンセプトサイト [http://labs.mozilla.com/projects/concept-series/] で未来のウェブの使い方の提案をしています。セミナー [http://www.yasuhisa.com/could/diary/websig-semanticweb/]でも紹介したことがある、Adaptive Path の Aurora [http://adaptivepath.com/aurora/] が有名ですね。コンセプトサイトだけでなく、Flickr の mozconcept [http://www.flickr.com/photos/tags/mozconcept/] というタグから、利用者が提案した様々なコンセプトデザインを観覧することが出来ます。 利用者が考えた優秀なコンセプトデザインが見たい方は、Design Challenge: Summer 09 [http://design-challenge.mozilla.com/summer09/
インターネット

ブラウザは知るべき存在だと思う

この記事は「ブラウザって何ですか？ [http://www.yasuhisa.com/could/article/what-is-browser/] 」の続きにあたります。> @zerobase [http://twitter.com/zerobase/status/2247922609] 「誰がインタビューを実施し、結果を公表したか（その意図は何か）」への批判的な考察も書かれたほうがよいかも > “回答者の多くの方が「ブラウザ＝検索」という認識を持っているみたいですね” ぜひ石橋さんの意見を伺いたいところですが、私もほうも肯定的に「ブラウザは見えない存在になっているのね。良かったね！」と考えているわけではありません。 利用者がウェブから取得したデータをどのようにブラウザで表示されるかどうかといった仕組みは知る必要はありません。ただし、ブラウザが分からないとなると、セキュリティへの理解も低いのではないかという懸念もあります。特別な知識やセキュリティソフトがなくても、ブラウザという窓口を利用しているのだと理解しているだけで予防出来ることは少なくありません。例えば、アドレスバーの URL
ブラウザ

ブラウザって何ですか？

IT関連の仕事をしている方にとっては恐ろしく簡単なこの質問。私たちなら使っているブラウザの名称に応じて人のタイプを無意識に分類してしまいそうですよね。では、この質問を一般の方に向けたらどんな答えがかえってくるのでしょうか。Google の従業員がニューヨークで街頭インタビューをしたのが上のビデオになります。 回答者の多くの方が「ブラウザ＝検索」という認識を持っているみたいですね。ビデオによれば、50人の回答者の中でブラウザ名を応えたのは全体の 8%。ブラウザはソフトウェアとしての捉えている方は少ないということになります。自分が行う行為そのものがブラウザというソフトウェアと融合しているのでしょう。 これと同じ質問を日本をはじめ、他の地域で行うとまたレスポンスが変わるかもしれませんが、ブラウザ＝ソフトウェアと考えてる割合はそれほど変わらないのではないかと思います。こうした捉え方は、良い傾向なのかもしれません。ソフトを立ち上げて使っているというよりかは、自分がしたいことをするための、幾つか開いているウィンドウのひとつという存在が今のブラウザなのかも。身近な存在になっていると同時に、常に開
CSS

TypeKitから始まるウェブ文字革命

今月はじめに John [http://johnfallsopp.com/] が来日したときに「フォント関連で近々発表があるんだよね」と言っていたのですが、ついに全貌が明らかになったようです。Jeffrey Veen [http://www.veen.com/jeff/] を中心に TypeKit [http://blog.typekit.com/2009/05/27/introducing-typekit/] というプロジェクトが立ち上がる模様です。既に WebKit, Opera 10, Firefox 3.1 3.5 でサポートされている @font-face [http://www.w3.org/TR/css3-webfonts/] 。利用者のパソコンにあるなしに関係なく指定のフォントが使えるようになります。つまり、今まで仕方なく画像文字にしていた部分もテキストで処理可能になる可能性があります。 @font-faceでまず問題になるのが著作権に侵害しないかどうかという部分です。多くのフォントはウェブ上での配布を禁じていますし、@font-face
デザイン

質問: ウェブサイトの見た目は同じにしなければならないか？

東京・京都で開催された Web Directions East ワークショップ [http://east.webdirections.org/] にて、ジョンの通訳として参加させていただきました。同時通訳でもなければ、プロの方がされるような完全な言葉の伝達ではない形でしたが、よりインタラクティブな対話が出来たのではないかと思います。遠く離れた２カ所で開催されたワークショップでしたが、共通して盛り上がったディスカッションが「ウェブサイトの見た目は同じにしなければならないか？」というトピックです。 この話題は私のサイトでも何度か挙って [http://www.yasuhisa.com/could/article/dowebsitesneedtolookexactlythesame/] いますが、「同じ見た目」という言葉だけでも随分捉え方が違いますよね。講師をしていた John にとっては「ほとんど同じだから良い」という装飾でも他の視点から見ればそうではない場合があります。最大公約数でポテンシャルを削ぎ落としてまで同じように見せる必要があるのか、実際、複数のブラウザで観覧するユーザーがどれ
ゲーム

ウェブブラウザとオンラインゲームの今後

数年前からオフィス系のソフトウェアは次々とWebブラウザ上で扱えるようになってきましたが、ゲームも似たような状況になりつつあります。Flashゲームのような小さなゲームは以前からブラウザで遊べましたが、 MMORPG [http://ja.wikipedia.org/wiki/MMORPG] のようなスケールの大きいゲームもブラウザへ移行しつつあります。ユーザー数が多いゲームで有名なのが RuneScape [http://www.runescape.com/]。サービスが立ち上がった 2001年当初はポリコンそのままのグラフィックでしたが、今では高画質でフルスクリーン表示も可能です。アクティブユーザーは何人か分かりませんが、850万アカウントあると言われています。 ブラウザベースの MMORPG は他にも Free Realms [http://www.freerealms.com/] があります。どちらかというとコミュニティサイトですが、Club Penguin [http://www.clubpenguin.com/] もオンラインゲームといえます。いずれもコンソールゲーム
ブラウザ

Web版Twitter利用者向けの便利なUserscript

以前は Twitterrific [http://iconfactory.com/software/twitterrific] のようなクライアントを使って、Twitter を追っていましたが、最近は Webブラウザで直接自分のページにアクセスして観覧しています。独立したクライアントや IM のほうが手軽なのですが、頻繁に更新しているのが視野に入ってしまうと集中出来なくなります。いつでも見るのではなく、見たいときに見るほうが良いなと思って今は Web 版を利用しています。 Twitter用のソフトウェアのメリットは単に手軽にアクセス出来るだけでなく、それぞれ独自のカスタマイズがされている点もあります。Web版はシンプルに構成されているので、ソフトウェアを使っているときのような使い込みが難しいですが、 Userscripts [http://userscripts.org/]を利用することでカスタマイズが可能です。（Firefoxなら Greasemonkey [https://addons.mozilla.org/ja/firefox/addon/748]、Safari/Webki
ブラウザ

Firebug用リファレンスツール「Firescope」

サイト構築の際、欠かせないツールのひとつといえば Firebug [http://getfirebug.com/]。JavaScript を使ったウェブアプリケーションのデバッグだけでなく、サイトデザインをしている方にとっても便利なツール。テストの際、レイアウトが崩れていたとしても Firebug で調べればだいたいのことは解決します。この Firebug のコンパニオンツールが Firescope [http://tools.sitepoint.com/firescope] です。 Firescope は、Firebug 内で CSS/HTML のタグの意味や使い方をチェック出来るツール。インストール後、Firebug のパネルに新たに「Reference」というタブが追加されます。HTMLビューや「調査」の際に選択したタグと下階層にあるタグの意味が Reference に表示されます。最新のブラウザだけですが、その場でサポート状況も見れるのは便利です。もっと詳しく知りたい方は提供元の Sitepoint のページへ誘導する仕組みになっています。 W3Cの仕様が頭に入っている方や
CSS

3D世界もWebKit採用へ

Qt [http://www.qtsoftware.com/]は、クロスプラットフォームで動作するアプリケーション開発を目的としたフレームワーク。開発と GUI デザインをワンストップで行えるメリットもあるので、様々なデバイスやアプリケーションで Qt が採用されています。代表的な例だと Google Earth [http://earth.google.com/] でしょう。 様々なライブラリも用意されているわけですが、その中で注目なのが QtWebKit [http://doc.trolltech.com/4.4/qtwebkit.html] (日本語 [http://qt.linux-life.net/4/doc/ja/qtwebkit.html]) というモジュール。Qtで開発されたアプリケーションの中に Webブラウザを埋め込むことが出来るようになります。 Qt は以前から GPL ライセンスとして配布されていたのですが、最近