タグ

2010年6月10日のブックマーク (5件)

  • Safari拡張の作り方 - os0x.blog

    Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで

    Safari拡張の作り方 - os0x.blog
  • Safari Extension 三分クッキング! - こたにき

    Safari Extension 作りたい! という方にお届けする、三分クッキング! HTML5 + JavaScript を使って簡単な機能拡張(extension)を作ってみます。 日のメニュー ツールバーで動く時計 完成予定図: 最大の難関 Safari Extension を作るにあたって、最大の難関は Apple ID の登録と、Safari Developer Program への登録です。 三分クッキングとしては、「既に登録されたアカウントがこちらになります」と別のお鍋を取り出す場面です。 軽く要所要所だけ説明しますので、フィーリングとリーディングとやる気で乗り切ってください。 Safari Developer Program のページを開いて「Join now」を押します。 次のページでは登録状況によってチェック先が変わります。 Apple ID を持っていない人:左上の

    Safari Extension 三分クッキング! - こたにき
  • 第6回 Firebug要らずなChromeのWeb Inspector | gihyo.jp

    こんにちは、太田です。今回はChrome拡張の開発時のノウハウとして、開発ツールの解説をお送りします。Google ChromeにはWebKit由来のWeb Inspectorというデバッグツールが搭載されています。以前にも少しだけ紹介しましたが、今回は具体的な使い方まで掘り下げて解説します。なお、今回のWeb Inspectorの解説はChrome拡張だけでなく、JavaScriptを使ったウェブアプリケーションの開発に一般的に役立つノウハウとなっています。 WebKitのWeb Inspector Chrome拡張の開発の必需品であるWeb Inspectorですが、こちらは元々WebKit(Safari)で開発されたもので、Google ChromeChromium)に搭載されているものはさらに機能が追加されています。FirefoxにはFirebugという定番ツールがありますが、そ

    第6回 Firebug要らずなChromeのWeb Inspector | gihyo.jp
  • http://www.piyosystems.com/kuki/B2060435708/C1887229145/E718416190/index.html

  • EfficientJavaScript - Dev.Opera - 効率的な JavaScript

    EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき