• 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
GTUGの[BootCamp 2011 Japan](https://sites.google.com/site/tokyogtugusersite/bootcamp-2011?pli=1) でChrome Extensionのセッションに参加してきました。 * セッション資料の公開は[こちら](http://t.co/ghjewBrp)。 * ハッシュタグは #bc2011jp #chr1  Chrome Extensionは今年のGDDのDevQuizで初めて触りました。簡単に言ってしまうとChromeを拡張して操作を自動化したりできるわけなんですが、最初に触ったときの印象としては[Selenium](http://seleniumhq.org/) に近いものがあるかなという気がしました。  技術的には使うものはHTML,CSS,Javascriptなので、今までWebアプリを開発してる人なら学習コストはかなり低いんじゃないでしょうか。  例えば"Hello World!"を表示するだけの簡単なExtensionなら、必要なものとしては、 * manifest.json json>> { "name": "SampleExtension", "version": "0.1", "browser_action": { "default_popup": "popup.html", "default_icon": "icon.png" } } <<-- * popup.html html>>

Hello, World!

<<--  とりあえずこれだけです。この例では使ってませんがJavascriptでページの要素を操作したりもできるので、かなりいろんなことがやれると思います。デバッグもデベロッパーツールでWebアプリと同じようにやれます。  自分としては、Webアプリを開発する時のテスト用ツールとして使えないかなぁと思ってます。開発時には何回もブラウザから同じ操作を繰り返したりするので、そういう作業を自動化したりとかするのに使えないかなーと。  Chromeは急速にシェアを拡大していて、このままの勢いだと来年中にIEを抜くんじゃないかという話もあるようなので、そうしたら自分で使う便利ツール以外にもExtension開発に力を入れたらおもしろいかなぁとも思いました。  仕事でブラウザチェックをするときにはChromeはバージョンアップが早すぎて推奨環境から外れてしまってますけどね・・・。
posted by akanuma akanuma on Sat 29 Oct 2011 at 21:45 with 0 comments

Chrome Extensionがリリースされるという事で、
以前作っていた
GoogleDocs Outliner
を一般化して、全てのWebページに
アウトラインを表示するExtensionを作ってみました。

Chrome Outliner

ss0

https://chrome.google.com/extensions/detail/jlppdmdapoeahlgfmioblnpfhfgcigim

もちろん、GoogleDocsのアウトラインも表示できます。

ss0

PageActionを使っているので、残念ながら現時点では Mac版のChromeでは動かないようです(※)。次回のアップデートに期待。

※開発版のChromiumでは動きます。

posted by genki genki on Wed 9 Dec 2009 at 02:55 with 0 comments

初めてFirefoxExtensionを作ってたのですが色々勉強になったのでメモ。

大体の方針としてはありえるあさんのFirefox拡張機能(extension)の作りが大変参考になりました。作り始めてからはamachangさんのFirefox の拡張機能をふとした時に手元でチョコチョコいじれるようにしとくと楽しいの技を使って既にあるアドオンのソースを見るというのが大変参考になりました。
開発後半XULのリファレンスがあることがわかってこれまた便利でした。

####Extension作成について

####参考にした拡張

#####Tips

  • xulズールと読む

  • xul内でのidの振り方は方針が揺れているようなので入り混じっても気にしない

    somePopupMenu
    some-main-window
    some_context_menu

  • prefへのアクセスは存在するかどうか確認してから(又は必ず存在するようにしておく)。JSエラーになる。

    prefs.prefHasUserValue("some.value")

  • escapeもね(encodeURI/encodeURIComponent)

    http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide:Predefined_Functions:escape_and_unescape_Functions

    escape および unescape 関数は 非 ASCII 文字に対しては正しく機能せず、廃止予定になっています。JavaScript 1.5 以降では encodeURI、decodeURI、encodeURIComponent および decodeURIComponent を使用してください。

###about:config

  • 以下の値をtrueにします。
  • javascript.options.showInConsole
  • javascript.options.strict
  • extensions.firebug.showChromeErrors
  • extensions.firebug.showChromeMessages
  • nglayout.debug.disable_xul_cache =>なければ追加
posted by satoko satoko on Wed 19 Dec 2007 at 12:04 with 0 comments