タグ

ブックマーク / d.hatena.ne.jp/Syunpei (3)

  • HTML5のscript要素でasync, deferを使ってパフォーマンスアップ - IT-Walker on hatena

    http://code.google.com/speed/articles/html5-performance.html JavaScriptの高速化手法を紹介する、Googleプロジェクト「speed」がリニューアルしたと言うので見てたら、「HTML5でパフォーマンスアップ」てなタイトルがあったので「なぬ?」と思って読んでみました。 HTML5使ってもそんな効力得られないだろう・・・と思って読んでみたら、「HTML5の記法を使えばnバイト節約」みたいなチョコザイな手法が主だったのでちょっと苦笑(^^; とはいえ、script要素に今度から加わるasync属性について等は、日語で説明されている記事がほとんどないので、全体的に要約しておきます(あくまで翻訳ではなくて要約。時間がないので超適当です。正確なところは原文を読んでください)。 DTD HTML4までは以下のように書かなきゃいけな

    wozozo
    wozozo 2012/05/21
    "asyncとdeferを同時に指定すると、ブラウザasyncをサポートしているならその動作を、asyncをサポートしていないならdefer時の動作を行わせることが出来ます。"
  • HTML5のcanvas2dの実装状況も調べてみた - IT-Walker on hatena

    ふと興味がわいたので、タグの実装状況に引き続き、こちらも調べてみました。 Canvasを実装しているブラウザが、HTML5仕様にあるCanvasRenderingContext2Dインターフェースの属性やメソッドのうち、どれくらい利用可能にしているかどうかをざっくり調べてみました。 例によってテスト方法はあまり厳密ではなく、「メソッドや属性がオブジェクトに定義されているかどうか(undefinedかどうか)」と言うものです。個々のメソッドが仕様通りに動作するかどうかまではテストしてないです。なので、この表で保証するのは「これらの属性・メソッドにアクセスしても『XXX is undefined』と言われる事はない」というところまでです。 最後の方の「drawImage(Canvas|Image|Video)」とか「createPattern(Canvas|Image|Video)」とかは、引

  • Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena

    Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見! どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb(GNU製C/C++デバッガ)みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の

    Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
  • 1