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
CMS researcher - Greasemonkeyでprototype.jsやscript.aculo.usを使う方法
Greasemonkeyでprototype.jsやscript.aculo.usが使えたら便利だろうな、と考えたことのある開発者は少なくないのではないでしょうか。ちょっとそんなアイデアを試してみたことのある方ならわかると思うのですが、Greasemonkeyでそういった外部JavaScriptライブラリは簡単には使えません。案外ハードルが高いです。 Googleで調べていたら、面白い解決方法が見つかったので紹介します。 Loading External JavaScript Libraries in Greasemonkey このブログで解説されているアプローチを用いれば、Greasemonkeyで外部JavaScriptライブラリが使えるようになります。 ポイントは、 外部ライブラリがロードされるまで待ち続ける制御構造 unsafeWindowを経由して外部ライブラリにアクセス といっ
ウノウラボ Unoh Labs: prototype.jsへの依存を無くす方法
komagataです。 Javascriptで何か書こうと思ったときにどのライブラリをベースにして作るかで非常に悩みます。一端特定のライブラリに依存してしまうと途中で変更するのが難しそうですし、コアオブジェクトを汚染しているものは混ぜると動かなくなる組み合わせもあります。 別に「Mochikitにしよう！」とか宣言して決めてしまえばいいじゃないかという意見もありますが、妙にそんなところが気にかかってなかなかプログラムを書き始められないことが多いです。 そこで、「どうしても使いたい関数はインライン化すればいいんじゃないか？」と思ったので試してみました。 どういうことかというと、例えばprototype.jsのObject.extendを使って以下のように書きたいところを・・・ var dst = {'foo':1, 'bar':2}; var src = {'foo':100}; var r
ページ内検索バーに関する覚え書き - ヒビノキロク
検索バーを閉じる gFindBar.closeFindBar() 検索バーを開く gFindBar.openFindBar()または gFindBar.onFindCmd()onFindCmd() は Ctrl+F で呼ばれる関数。openFindBar()を呼んだ後でフォーカスの設定などをしている。 検索バーが開いているかどうか var findToolbar = document.getElementById("FindToolbar"); var isFindBarOpened = ! findToolbar.hidden;これらを応用して、こんな関数が作れる。 function toggleFindBarVisible() { var bar = document.getElementById("FindToolbar"); if (bar.hidden) { gFindBar.o
最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方
何かくっつける系のGreasemonkeyが作りやすくなってます。 エントリごとに表示投稿日時が出てる箇所に追加されます。 window.entry_widgets.add("name", generator , "description"); generatorはfunction(feed,item){ ... }のように無名関数で記述できます。feedはフィードに関する情報、itemはその記事のリンクや記事本文が取れます。データ構造はまるごとPerlに書いてあります。 descriptionは省略可能ですが、将来的に何か気の利いたUIでも作ろうかと考えていたりするので入れておくと良いかも知れません。今のところtitle属性に使うようになってます。Greasemonkeyだと日本語が通らないのでエスケープする必要があります。 エントリにくっつけるサンプルエントリごとにlivedoorクリ
Firefox拡張機能の基礎を実例で学ぶ：CodeZine
はじめに Internet Explorer（以下、IE）が主流のブラウザ市場の中で、Firefoxはシェアを伸ばしています。Firefoxがシェアを拡大している理由の一つに、拡張機能の存在があるでしょう。非常に多くの拡張機能が世界中の人々によって開発されています。これらの拡張機能を組み合わせることによって、Firefoxを自分の好みのブラウザにカスタマイズできるのです。 とはいえ、他人が作った拡張機能がぴったり自分に合っているとは限りません。幸いなことにFirefoxの拡張機能は、XML言語の一種でUI部分を規定するXUL、動作を規定するJavaScript、そしていくつかの設定ファイルから構成されています。これらはいずれもごくありふれた開発言語であり、特別な知識は必要ありません。しかも、エディタとFirefoxがあれば高価な開発環境をそろえる必要もありません。他人の作った拡張機能を自分
いぬビーム - １０秒でGreasemonkeyスクリプトが作れる機能拡張「Platypus」
楽しい。 http://platypus.mozdev.org/ xpi直 いつものようにインストール＆Firefox再起動。 手順は以下の通り。 「コンテンツは魅力的だけど画面構成がうざい」系のページを開く メニューバーから「ツール(T) → Platypus!(P)」を選択 消したい部分を選んでクリック。気が済むまで消しまくる。 右クリックして「Save and Exit Platypus」を選択 で、Greasemonkeyスクリプトが吐き出される。 ある１ページだけではなく、サイト全体へ適用する 猿を右クリック、「Manage User Scripts(U)...」を選択。 作ったスクリプト（リストの一番下）を選ぶ。 Included Pagesが現在のページになってるので、適当にURLを削って * を置く 例えば d.hatena.ne.jp/kusigahama/* にすると、
AsH //puf: Ajax Tutorials
Adire is a lending キャッシングand loans community for people who want great interest rates. For lenders, it is a fantastic alternative to savings & investments. With adire, your money gets lent to individuals with good credit history and who want a personal lending キャッシングloan. And for borrowers, it is the only place where thousands of people want tooffer you a fair rate for your loanLending キャッシングcom i
mUSEstorm IT School - mUSEstorm
This is where the discovery happens. The MUSEstorm IT School offers transformative research opportunities. Join graduate students and researchers who come here from all over the world. mUSEstorm IT School is designed to provide the highest level of continuing education and professional development in IT. Choose from a wide range of courses, seminars and certification programs at our campuses, pres
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM 境界を越える: JavaScript の言語機能 - Japan