第1回 ウェブブラウザとJavaScriptの未来 | gihyo.jp
こんにちは、id:os0xこと太田昌吾です。今回から、クロスブラウザ対策を中心としたJavaScriptの初級から中級の方向けの連載を開始します。JavaScriptの基礎的な文法は理解されているという前提での解説となりますので、ご了承ください（間違いやすい、わかり難いと思われるところは適宜補足します）。初回である今回はJavaScriptやウェブブラウザの背景など盛りだくさんの内容でお届けします。 JavaScriptのイマ JavaScriptは2010年現在において、最も重要な言語となりつつあります。旧来はすべての処理をサーバーで行って、結果をウェブブラウザ上に表示するだけというのがウェブの一般的な姿でした。2005年に登場したGoogle Mapsを一つの契機として徐々にウェブブラウザ・クライアント側での処理が見直され始め、近年ではクラウドやSaas、そしてHTML5の流行によ
さよならFirefox 気づいたらGoogleChromeがデフォルトブラウザだった件|MOBILE POWER 〜読書とかiPhoneとか〜 - livedoor Blog（ブログ）
長年Firefoxを利用してきましたが、とうとう乗り換えの時期がやってきました。 少し前からGoogleChromeも併用していましたが、Firefoxのアドオンへの依存度が高くて移行しきれずにいました。 でもChromeのβ版に関して特に致命的な不具合の情報とかもなく、そろそろいいのでは、と思いβ版のdevバージョンに切り替えて色々とアドオンを設定してみました。私の場合はこれまでFirefoxで実現できていたことの80%くらいはChromeでも実現できました。あとの20%とChromeのスピードを天秤にかけましたが、私の中ではChromeのスピードメリットが残りの20%を上回りました。 ということで晴れてChromeがデフォルトブラウザに。 今回私がFirefoxの機能をChromeに移行したときの作業を備忘録としてメモしておきます。まずはChromeのバージョン変更 Chromeのバー
Web ブラウザに表示されている画面を直接編集する方法
これはすごい。Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 WEBブラウザーに表示されている画面を直接編集する方法 - sanonosa システム管理コラム集 追記(2009-10-04): 戻す方法はないものかなあ。‘false’ と ‘off’ では出来なかった。 追記(2009-10-17): 「戻す方法」というのは、「編集モードから閲覧モードに戻す方法」のこ とです。端折った書き方ですみませんでした。もう少し楽な方法が見つかっ たので、以下に追記します。 IE では、以下を入力し Enter
IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ | Blog hamashun.com
最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。 ただ、そこで問題となるのはIE6のアルファチャンネル問題。 何らかの手段でこれを解決する必要があります。 少し前の仕事でこの問題を解決する必要があり、いくつかのライブラリを試してみたので、それをまとめてみます。 なお、img要素ではなく、CSSの背景画像で使用する場合として検証しました。 img要素にだけ適用したい場合には、もっとシンプルな方法があるかもしれません。 概ね共通する事 標準準拠のCSSのみでは不可能 IEの独自拡張の、filterプロパティを使う必要があります。 CSS内に記述する方法やhtcファイルを使う方法、JavaScriptを使う方法でも、結果的にはこのfilterプロパティのAlph
『Google Chrome』パワーユーザー向け完全ガイド : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
■クリックボードにURLを記入しているとき、アドレスバーの上で右クリックすると、「貼り付けて移動」することが可能（つまりエンターキーを押さなくて済むわけですね）。 ■テキストエリアのコーナーをクリック&ドロップすることで、入力エリアをリサイズ。ブログコメントやWebメール、フォーラムなどに記入する際には、恐ろしく便利な機能です。 ■Ctrl + マウスホイールでズームイン＆アウト。 ■アドレスバーのURLをドラッグ＆ドロップすることで、デスクトップにURLを保存。エクスプローラウィンドウにも同じことができます（タブをドラッグ&ドロップすることで、ウィンドウを切り離したり、融合させたりできるのはすでにご存知ですよね？）。 『Google Chrome』のショートカット一覧 マウス操作を好まない方のために、『Google Chrome』にはさまざまなショートカットが搭載されています。しかも、ほ
3分LifeHacking：Google Chromeの便利な使い方、教えます (1/2) - ITmedia Biz.ID
Google Chromeの便利な使い方、教えます：3分LifeHacking（1/2 ページ） 各所で話題になっている、GoogleがリリースしたWebブラウザ「Chrome」。ショートカットキーや検索のときのちょっとしたコツなど、Chromeを便利に使えるテクニック、教えます。 Internet Explorer（IE）8 beta 2が公開されてから1週間も経たないうちに、今度はGoogleのオープンソースWebブラウザ「Chrome」のβ版が公開された。搭載された便利な機能やちょっとしたTipsを、IE 8やFirefox 3の似たような機能と比較しながら紹介しよう。 多機能ワンボックス＋［Tab］キーで、検索エンジンを切り替えて検索 Chromeはシンプルなデザインが特徴だ。使ってみた人はすぐに気付くと思うが、アドレスバーと検索バーが1つに統合されている。多機能ワンボックスと呼ば
IE の Ajax (XMLHTTP) で、通信が行われたかキャッシュが使われたかを判定する方法 - IT戦記
どうやら 以下の方法で判定することができるようです。 // リクエストオブジェクトを作る var req = new ActiveXObject('Microsoft.XMLHTTP'); // フラグの準備 var sended = false; // readystatechange イベントを待つ req.onreadystatechange = function() { if (req.readyState == 4) { // キャッシュに存在しない場合 if (sended) { alert('loaded'); } // キャッシュに存在する場合 else { alert('cached'); } } }; // 通信開始 req.open('GET', 'hoge'); req.send(); // フラグを立てる sended = true; 解説 IE では、キャッシュ
Webアプリ開発環境としてのSafariを知ってますか？
「Java News.jp（Javaに関する最新ニュース）」の安藤幸央氏が、CoolなプログラミングのためのノウハウやTIPS、筆者の経験などを「Rundown」（駆け足の要点説明）でお届けします（編集部） シェア競争に挑まないWebブラウザ「Safari」の登場 2008年3月、iPhoneの日本登場に先駆けて、Windows版Safari 3.1が登場しました（参考「Apple、Windowsにも正式対応の「Safari 3.1」リリース」）。 WebブラウザのシェアはFirefoxが健闘しつつも、いまだInternet Explorer（以下、IE）が大半を占め、多くのWebアプリケーションサービスにとって、IEへの対応が必須であると思われてきました。そんなWebブラウザのシェア競争の中へSafariが登場したことは、最初はとても異質なことに感じられました（参考「新しいWebブラウザ
IE7とIE6を共存させる
「Internet Explorer 7」と「Internet Explorer 6」を一つのOSに共存させる方法の紹介です。 「Internet Explorer」は「Windows XP」などのOSのシステムに組み込まれるため、通常のインストール方法ではどちらかのブラウザしか使用できませんが、下記の２つの方法のどちらでも共存が可能です。 IE7をベースに、IE6をスタンドアローンで起動する方法 IE6をベースに、IE7をスタンドアローンで起動する方法 IE7をベースに、IE6をスタンドアローンで起動する方法 IE7をベースにする方法です。 今後はIE7がIE6より主流になりますので、こちらの方法を推奨します。 ただし、会社のマシンや使用しているアプリケーションの都合でIE6が変更できない場合などは、「IE6をベースに、IE7をスタンドアローンで起動する方法」になります。 IE7をダウン
IEとFirefoxで「リファラを送信しない設定」をする : LINE Corporation ディレクターブログ
こんにちは、佐々木です。 他社サイトへのリンクが含まれるような開発環境で作業を進める場合、使用しているブラウザを「リファラを送信しない設定」にする必要があります。うっかりクリックしてしまったサイトに送信したリファラから「開発環境のURLがばれてしまう」という危険を防ぐためです。 つまり、リファラを送信する設定のまま開発環境で作業を進めることは、「スーツの内ポケットにキャバクラのマッチが入ったままになっている」のと同じくらい無防備な状態といえます。惨事が起こる前に、しっかりと準備をしておきましょう。 『Internet Explorer』の場合 『Internet Explorer』（以下、IE）の場合は「Proxomitron」を使う方法もありますが、リファラを送信しない設定だけであれば「Fiddler2」のほうが簡単ですので、ここではその方法を紹介します。 Fiddler2 を使ってIE
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-715.html
GeneralSurf.com is for sale | HugeDomains
Google Chromeのキーボードショートカットまとめ - builder by ZDNet Japan