こんにちは、太田です。前回はクロスブラウザの入口として、各ブラウザの特徴をまとめつつ、実際にクロスブラウザなコードを紹介しました。今回はクロスブラウザ対策における基本である、各ブラウザ環境の構築について解説したいと思います。 前回紹介した通りブラウザにはたくさんの種類・バージョンがあります。それぞれが動作する環境を用意するだけでも、一苦労ではすみません。なるべく少ないマシンで、各バージョンをインストールして、さらにデバッグするための環境作りについて紹介します。なお、Safari以外はWindows環境を想定しています。さらに、特に断りがない限りはWindows XP SP3をベースに解説させていただきます。ご了承ください。 各ブラウザのデバッグ環境は近年目覚しいほどの進化を遂げています。統合デバッグ環境の草分けであるFirebugを筆頭に、Safari/Chrome（WebKit）のWeb
Adobeさんが、クロスブラウザ表示テストサービス BrowserLabを開始したので使ってみました。 https://browserlab.adobe.com/index.html このサービスを使うと、以下のブラウザでの表示テストが可能です。 Windows XP Firefox 2.0（2.0.0.18） Firefox 3.0（3.0.13） Firefox 3.05（3.5.3） Internet Explorer 6.0（6.0.3790.3959） Internet Explorer 7.0（7.0.5730） Internet Explorer 8.0（8.0.6001.18702） Chrome 3.0（3.0.195.27） Mac OS X Safari 3.0（3.2.3） Safari 4.0（4.0.3） Firefox 2.0（2.0.0.18） Firefo
長年Firefoxを利用してきましたが、とうとう乗り換えの時期がやってきました。 少し前からGoogleChromeも併用していましたが、Firefoxのアドオンへの依存度が高くて移行しきれずにいました。 でもChromeのβ版に関して特に致命的な不具合の情報とかもなく、そろそろいいのでは、と思いβ版のdevバージョンに切り替えて色々とアドオンを設定してみました。私の場合はこれまでFirefoxで実現できていたことの80%くらいはChromeでも実現できました。あとの20%とChromeのスピードを天秤にかけましたが、私の中ではChromeのスピードメリットが残りの20%を上回りました。 ということで晴れてChromeがデフォルトブラウザに。 今回私がFirefoxの機能をChromeに移行したときの作業を備忘録としてメモしておきます。まずはChromeのバージョン変更 Chromeのバー
数ヶ月前から既定のブラウザをFirefoxからChromeに変更しました。 ChromeはFirefoxなどと比べ、まだまだ機能的に劣るところもありますが、 他のブラウザにない便利な機能も備えています。 Chromeとか単純にシンプルなだけでしょ、はいはい。と思っていましたが、 最近になっていろんな機能が拡張されています。 今では90%Chrome, 10%Firefox くらいの利用頻度です。 Firefoxはリーダーを読むときだけ利用しています（アドオンがあるとブクマとかがやっぱり便利） ただ通常のブラウジングはChromeがほとんどです。 以下に、Chromeの便利な機能や気に入っているところを紹介します。 私のChromeのホーム画面です。 他のブラウザと違い、いろんなボタンがないのでごちゃごちゃしてません。 非常にシンプル！ ちなみに最近になり、Chromeテーマが用意されました
こんばんは、五十川です。 ご存知の通り、5月以降に発売開始されたNTTドコモの携帯電話の殆どには、新しいiモードブラウザ 2.0が搭載されています。iモードブラウザの大幅な仕様の拡張はi-XHTMLの登場以来ということになりますが、iモードの登場から10年経って登場した新しいブラウザは、i-XHTMLのときよりも遥かに大きな、過去最大の変化を遂げています。 iモードブラウザ 2.0の詳細は、ドコモ公式のiモードブラウザ 2.0にまとめられています。以下では主要な変更点を確認していこうと思います。 キャッシュ容量拡大 1画面あたり読み込めるデータの最大量が、従来の100Kバイトから500Kバイトに、大幅に拡大されました。ご存知の通りiモードの場合この値は、画像などの外部リソースもすべてひっくるめた値ですが、iモードブラウザ 2.0では、新たにCSSファイルやJavaScriptファイルも外部
前回、米lifehackerで「our must-have Firefox extensions（絶対手に入れるべきFirefox拡張機能）」を紹介してから、かれこれ2年が経ちました。当時はまだFirefoxのバージョン1でしたし、あれからさらに便利な機能拡張も新しく増えたので、2009年版Firefox機能拡張TOP10をお送りしたいと思います。 日々ライフハッカーを更新している編集部員に、Firefoxの機能拡張で、毎日使えるオリジナリティある機能拡張について聞いてみました。そのうち約半数は、前回のTOP10にも入っていた定番でしたが、残りの4つはこの2年の間に登場した、革新性も将来性も十分な期待のニューカマーでした。機能拡張名からダウンロードできるページにリンクしていますので、気になるものがあれば試してみてくださいね。 では、気になるTOP10のカウントダウンを発表！ 10位 ： テ
2009/03/30 「昔はWebブラウザの新バージョンのリリースには1年とか1年半かかっていました。しかし、われわれはWebブラウザの世界にも、Webアプリケーションと同じ速度で革新をもたらしたいのです」。こう語るのは、グーグルでシニアプロダクトマネージャーを務める及川卓也氏だ。及川氏は日本のグーグルでGoogle Chrome開発に携わる1人だ。 東京・渋谷のグーグルの日本オフィスで、Google Chromeに関する最新事情と技術的な取り組みについて話を聞いた。ここでは、Google ChromeがベースにしているオープンソースのWebブラウザ開発プロジェクト「Chromium」のWebサイトにある開発者向け情報と合わせてGoogle Chromeの現状と、高速化への取り組みに迫ってみたい。 矢継ぎ早のバージョンアップで機能強化と高速化 及川氏の指摘通り、グーグルはGoogle Ch
↑ この透過されているiframeは、ブラウザの最前面に配置されています ※はてなにログインしていると、どのようにボタンが被っているのかわかりやすくなります
Chromeの動作が圧倒的に速いように感じている。Chromeがリリースされた当初、それがなぜなのかよく分からなかった。グーグルだけにできて、ほかのWebブラウザ開発者にできないことなどあるように思えないが、それにしてはあまりに速いように感じたからだ。 その疑問のほとんどは、Chromeのオープンソースプロジェクト版「Chromium」の公式ブログの解説で氷解した。ブログを読んで分かったのはグーグルのエンジニアたちが信じられないほどのスピード狂であることと、そのスピードへのこだわりには2種類の“スピード”があることだ。 1つは処理速度、もう1つは応答速度だ。特に後者、ユーザーをできるだけ待たせない、イラつかせないということに対する徹底したこだわりは、すさまじい。その背後には「スピードとは、つまりお金だ」という洞察があるようだ。 0.5秒の遅延でユーザー離れ グーグル創業約1年後の1999年
イベント・セミナー集客プラットフォーム 「こくちーずプロ」を使えば、驚くほど簡単で安全なイベント告知・集客ができます。誰でも使えるシンプルさ、とことんまでイベント集客の手助けができる拡張性、大規模なイベントの大量な申し込みも安心して受付ができる高機能を併せ持っています。 一般的なイベントだけでなく講演会や、定期的に開催する地域セミナー、クローズドな社内勉強会、大規模な学会など様々なイベント形態にあわせた募集が可能です。 サービスのトップへ セミナー会場検索サービス 「こくちーずスペース」は、イベント・セミナーの開催に適したセミナー会場（貸し会議室・ホール）を所有する全国2,700箇所以上の公共施設を掲載！リーズナブル・格安で安心して利用できる貸し会議室やレンタルスペースを中心にイベントの規模や設備など目的にあった施設を簡単に検索できます。 今まで見つけにくかった公共施設の詳細な情報をまとめ
MooTools 1.2 Image Protector: dwProtector Image protection is a hot topic on the net these days, and why shouldn't it be? 自サイトの画像の保存をプロテクションする仕組み サイトの画像は、次の方法で保存できますが、それを全部禁止する方法です。 ・右クリック→名前をつけて保存 ・デスクトップにドラッグ＆ドロップで保存 ・右クリックで名前をつけて背景を保存 ・背景画像を表示 dwProtect.js をダウンロードして、JavaScriptで以下のように書くだけです。 window.addEvent('domready', function() { var protector = new dwProtector({ image: '/blank.gif', elements:
(2010.01.28追記)古い記事なのでもっといいアドオンとかがいっぱいある気がします。 夏休みで暇だし！ごめん嘘、現実逃避！！ 入れてるアドオン２９種類 基本的なアドオン Adblock Plus いらない広告を表示しないためのアドオン。 NoScript スクリプトを禁止したりできる。 Tab Mix Plus タブ周りを快適にする。 お気に入りなアドオン Easy DragToGo リンクや画像をドラッグすると、ドラッグした方向によって保存したり、新しいタブに開いたりできるアドオン。 中クリックが使えないノートPCとかには必須のアドオンだと思う。Drag de Goってちょっと高機能なのもあるけどFirefox3では動かないっぽい…？ Vimperator いろんなスクリプトを動かせるキーコンフィグいじりアドオン。 Vim本家のキーとか分からないので、自己流にキーコンフィグいじった
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
