タグ

javascriptとChromeに関するecoopのブックマーク (2)

  • Chrome Extensions の開発環境、Tipsについて書いてみる - 自堕落な投資ずきSEの日記

    このエントリの目的 Chrome Extensionsの概要は知っている人向けに開発効率を上げるためにTipsを紹介します。Chrome ExtensionsのHello world レベルは作ったことがある人向けです。下記は、自分が作る際に参考にしている記事になります。作られたことのない方、これからちょっと作ってみようと思っているかたは、下記の記事を読まれてからがいいかなと思います。 Chrome拡張のお勧め記事 開発環境について Eclipse(Javaの開発ツール)にAptana JS エディターを入れて使っています。下記のサイトよりダウンロード可能です。 http://mergedoc.sourceforge.jp/ Eclipseは、デフォルトの設定だと英語なのですが、便利なツールをセットにし、かつ、日語化して配布しているプレアデスが導入が簡易でしょう。 ここでは、Aptana

    Chrome Extensions の開発環境、Tipsについて書いてみる - 自堕落な投資ずきSEの日記
  • Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog

    Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript

    Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
  • 1