Enterprise Strategy Group: Go-to-market Expertise to Help You Win
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
JavaScript開発ツールの現状 Webアプリケーションには欠かせないJavaScriptだが、読者の皆さんはどのように開発しているだろうか? 最近ではAptanaなど、JavaScriptのコーディングを積極的にサポートするIDEも登場してきているし、EclipseやNetBeansの次期バージョンでもJavaScript関連の機能が強化される予定になっている。 しかし現状ではやはりテキストエディタで記述し、ブラウザで動作確認という方法が最も手っ取り早いのではないだろうか。特にFirefoxではFirebugという強力なエクステンションがある。Firebugを使うとHTMLのDOMツリーを参照できたり、JavaScriptをグラフィカルにデバッグすることができるなど、IDE顔負けの機能をFirefox上で利用することができるのだ。FirebugはもはやJavaScript開発に欠かせ
Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基本的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動
Sniff! 上記の記事で、IEを超シンプルに判定する方法が紹介されていました。 var isMSIE = /*@cc_on!@*/false; たったこれだけです。 IEの条件付コンパイルを利用しているようですが、IE5.01, IE5.5, IE6.0, IE7.0, FireFox2.0, Opera9.1.0 で問題なく動作しました。 うーむ。すばらしい。
http://d.hatena.ne.jp/amachang/20070206/1170715555 http://labs.unoh.net/2007/02/ie6_png_fix.html http://web.kankodo.net/2007/02/01-233315.html http://phpspot.org/blog/archives/2007/02/iepngjavascript.html なんかはやってるみたいなんで作ってみました! 一番設定が簡単だと思う。IE5IE5.5以上なら多分動く*1。 あとIEすごいよ!というお話 やりかた 1.次の内容を alpha.htc という名前で適当なところに置く <SCRIPT LANGUAGE="JScript"> (function(){ runtimeStyle.filter += 'progid:DXImageTransfo
ご存知の方も多いかと思いますが、ご存知ない方のためにちょっとしたTipsをご紹介。Internet Explorer5.5以上限定ですが。 Webサイトをブラウザ上で自由に編集できてしまうテクニックです。やり方は簡単。下記のJavaScriptをアドレスバーに打ち込むだけ。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 こんな(↓)感じです。 ドラッグ&ドロップで画像を動かせる他、テキストも自由に書きかえることができます。これはコンテンツをブラウザ上で編集できる「contentEditable」というタグを活用したTipsですね。 » contentEditableについて スクリーンショットを取る時にいらない画像を簡単に消したりできるのは便利かも。diggからの情報でした
Conditional Compilation of JScript/ JavaScript in IE IEの条件付コンパイルの解説記事(英語)です。 あまり見かけないのでメモ。 ちなみに、IEの条件付コンパイルというのは、IE独自のコメントの付け方で、ブラウザによって処理を切り替えることができるもの(私の理解では)。 下記スクリプトは元記事のものです。 <script type="text/javascript"> /*@cc_on document.write("JScript version: " + @_jscript_version + ".<br>"); /*@if (@_jscript_version >= 5) document.write("JScript Version 5.0 or better.<br \/>"); document.write("This tex
innerHTMLにscriptを代入しても評価されず無視されるのはIEの仕様なのでいいとしてその回避策。最近、昔あの方法で出来たんだけどいつの間にかできなくなってるコードが出てきている気がします(気のせいにしておこう)。 以下は一般的な動かないコード。 <div id="foo"></div> <script type="text/javascript"> document.getElementById('foo').innerHTML = "<script type='text/javascript'>alert('動かない')<"+"/script>"; </script> 以下は動くコード。 <div id="foo"></div> <script type="text/javascript"> document.getElementById('foo').innerHTML =
JavaScriptnanto_viさんの以下記事にて、より詳しくまとめられており、回避策も示されています。本エントリは飛ばして、こちらをご参照ください。 IE の getAttribute / setAttribute: Days on the Moon IEで、Element#setAttributeでstyleを設定しても反映されなかった。 以下コードで確認を行った。 var span = document.body.appendChild(document.createElement('span')); span.innerHTML='ABC'; span.setAttribute('style', 'background-color:red'); このときinnerHTMLを見ると以下のようになり、全く設定されていないことがわかった。 ABC Internet Explorer
JavaScriptnanto_viさんの以下記事にて、より詳しくまとめられており、回避策も示されています。本エントリは飛ばして、こちらをご参照ください。 IE の getAttribute / setAttribute: Days on the Moon IEで、Element#setAttributeでclassを設定した要素にCSSが適用されなかった。 以下コードで1〜3の3つのSPAN要素を作った。3のみCSSが効かず、背景が赤くならなかった。 1 このときinnerHTMLを見ると以下のようになった。setAttributeで設定したものだけ内部的に結果が異なっているように見える。 1 2 3 Internet Explorer 7.0.5730.11にて確認した。FirefoxおよびOperaでは正常に動作した。
IE Memory Leaks OutOfHanwell.com took the initiative to host Drip (a memory leak detector for Internet Explorer) after it was no longer available through Joel Webber's blog and has made some revisions to the tool under its BSD license. If you wish to contribute or if you have specific thoughts or suggestions regarding the Drip tool, please visit the SourceForge project page. Download The latest
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く