JavaScriptでの独自右クリックメニューライブラリ作った - spiritlooseのはてなダイアリー
さて、たまにはJavaScriptでも。 JavaScriptで独自の右クリックメニューを簡単に使うライブラリ作った。 http://spiritloose.net/misc/popupmenu/ デザインはlivedoor Readerから頂きました。 var popup = new PopupMenu(); popup.add('メニューに表示するテキスト', function(target){ // なんか処理 }); popup.addSeparator(); // セパレータ追加 popup.bind('targetElement'); popup.bind(); // document がターゲット こんな感じで使える。 jsファイルひとつでよくて、メニューのHTML書く必要はない。スクリプトのみでOK。 CSSファイルとか、他のライブラリとかも不要。 その分デザイン変えるため
てっく煮ブログ - Flex の見た目カスタマイズについて調べてみた
flex前置き出発点は Adobe Design Center - Video workshop。このページ、CS3 のチュートリアル ビデオがいっぱいあって、CS3 の新機能を予習できたりもする。ネタ元は POP*POP。と、表向きの紹介はこの辺でおいといて、気になったのが「このページ、Flex だよね」ということ。DataGrid そのまんま。標準のデザインと色が違ってるだけなんだけど、ちょっとかっこいい。今までは Flex 使ったら機能的になるけど見た目は微妙だよなー、と思っていたんだけどどうやらそうでもないらしい。で、調査してみた。Flex で Napkin Look and Feelまず面白かったのが、Flex で Napkin Look and Feel を実現するページ。キャプチャを見たら分かるけど、かなり見た目が変わってる。（Napkin Look and Feel に関し
Firebug の monitorEvents unmonitorEvents がバグってる件とそのバグ修正方法 - IT戦記
以下のエントリーを見て FirebugのmonitorEventsが動かない - Enjoy*Study で、実際はどうなんだろうと試してみた。 ちなみに monitorEvents とは Firebug のコンソールで >>> monitorEvents(document.body) と打ち込むと document.body にあがってきた全てのイベントをモニタリングできる >>> monitorEvents(document.body, 'click') と打ち込むと document.body にあがってきたクリックイベントをモニタリングできる >>> monitorEvents($('target')) もちろん document.body 以外もできる そんな機能 たしかに、現在の Firebug 1系 ではこれがバグっててまったく機能してない！ なんで今まで気がつかなかったんだ
Firefox の拡張機能をふとした時に手元でチョコチョコいじれるようにしとくと楽しい - IT戦記
この記事で Firebug ハッキング Tips を纏めたい Firebug に一行追記して右クリックで XPath をコピペ出来るようにする。 - IT戦記 とか言ってたけどその前に、 僕は Firebug だけじゃなくて、 だいたいの拡張機能で、簡単に「チョコチョコいじれる化」というのをしてるのでそれを書いてみます。 チョコチョコいじれる化とは jar ファイルを解凍しておいてすぐ書き換えられるようにしとくこと。 「チョコチョコいじれる化」しとくと気付いたときにちょっと JS や XML や CSS を追加するだけで、いろいろ改造できて楽しい。 「でも、 Firefox が壊れる可能性があるじゃん＞＜」って？ チッチッチ、ナンセンスだよメーン そんなの拡張機能のディレクトリを削除しちゃえば元通りさ Don't be scared! iKnow!で英語。ちょっとの努力で、大きな成果を。
FirefoxのlivehttpheadersでHTTPリクエストの中身が見られるしくみ - bits and bytes
サーバに送っているHTTPリクエストのヘッダやレスポンスのヘッダが見られるFirefoxのextension livehttpheaders がどうやってこの機能を実現しているのか調べてみました。 HTTPリクエストを送るタイミングでイベントを捕まえることができるんだろうと予想して探してみるとLiveHTTPHeaders.jsの43行めからのaddToListener()に function addToListener(obj) { ... snip ... // Should be a new version of Mozilla/Phoenix (after september 15, 2003) var observerService = Components.classes["@mozilla.org/observer-service;1"].getService(Compone
Collection & Copy - Firefox、evalの第二引数、プライベートメンバ/クロージャーの実行コンテキストへのアクセス
JavaScript RHG読書会::東京 入門JavaScript 第四回 - ヒビルテ (2007-04-14) はじめてしりました。 // Firebug出力のショートカット function p(x){console.log(x)} // evalの基本を確認 var context = {a : 50}; // evalのコンテキストオブジェクト p(context.eval("a")) // 50 contextの上で評価 p(eval("a", context)) // 50 入れ替えても同じ // カウンタクロージャーを生成する関数 function counter(){ var num = 0; return function(){ return ++num; } } // 実際にカウンターを作成 var count = counter(); p(count());
テストとか - JS Commander
コンソール上から JavaScript で Web ブラウザを操作できる、JS Commander というプログラムを作ってみました。JS Commander を立ち上げるとプロキシサーバが同時に起動し、このプロキシサーバを使うように Web ブラウザを設定すると、コンソール上で JavaScript のコードが入力できるようになります。Web ブラウザ上の JavaScript を自由に実行できるコンソールには FireBug, FireBug Lite, jsh, MozRepl などがありますが、JS Commander の特徴は以下のような感じです。ブラウザ非依存 - XmlHttpRequest が使えるブラウザであればたぶん動きます。readline を使った操作 - bash などのシェルと同じような emacs 風キーバインドが使えます。別のマシンにあるブラウザも操作可能
最小完全ハッシュ関数の作り方 を JavaScript で - てっく煮ブログ
JavaScriptActionScript/Flex ネタが続いているので、たまには JavaScript ネタを。はてブ経由で知った 最小完全ハッシュ関数の作り方 が面白そうだったのだけど、「最小完全ハッシュ関数」が何か分からないまま読み進めたら、やっぱり話が分からなくなってしまった。分からないまま JavaScript に移植。 /* 順列型の最小完全ハッシュ関数 */ function ChangeNumber(arr) { var work = arr.concat(); var hash = 0; // 階乗値テーブル作成 var FACTOR = [1]; for(var i=0; i { FACTOR.unshift(FACTOR[0] * (i+1)); } for(var i=0; i { hash += work[i] * FACTOR[i]; for (j=i+1;
初めてのJavaScript
Ajaxの中心的なテクノロジでもあるJavaScriptは、これまで10年以上使われてきた（そしてこれからも10年以上使われるであろう）Web開発者にとって必須のスクリプト言語です。本書では基礎固めとしてまずこの言語の歴史的背景や基本構文、JavaScript言語の機能を学びます。後半の章では最新のWeb開発テクニックを例に、標準に準拠したWebサイトを構築するための正しいコーディング手法を解説するとともに、Ajaxなどの高度な技術の基本を紹介します。 訳者によるサポートページ。 訳者まえがき まえがき 1章 JavaScriptの第一歩 1.1 ねじれた歴史 1.2 ブラウザ間の互換性やその他のJavaScriptにまつわる神話 1.3 JavaScriptでできること 1.4 初めてのJavaScript――「Hello World!」 1.4.1 <script>タグ 1.4.2 J
Function.applyを使って、クラスをMix-in - nothing but trouble
Firebugのコードを読んでから、apply廚になりはじめている。 var Foo = function() { this.name = "Foo"; this.foo = "foo"; this.hage ="foo"; } var Bar = function() { this.name = "Bar"; this.bar = "bar"; this.hage = "bar"; } var Hoge = function() { this.name ="Hoge"; } new Hoge(); // Object name="Hoge" Foo.apply(Hoge.prototype); new Hoge(); // Object name="Hoge" foo="foo" hage="foo" Bar.apply(Hoge.prototype); new Hoge(); // O
ウノウラボ Unoh Labs: Ext.js入門: Grid編
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
FirebugでPHPをデバッグするツールまとめ
こんにちは、亀本です。最近は体調がすこぶる絶不調です。季節の変わり目なので、皆さんも気をつけてください。 さて、ちょろちょろと話題に上ることの多いFirefoxを使ったPHPのデバッグ手法ですが、いくつか出てきたのでこの辺でサクッとまとめておこうかと思いました。 結果的に、だいぶ膨らみましたが。。。まとめ力ないなorz 1.Buggy クラス AJAX magazine というサイトで公開されていたサンプルスクリプトで、クラス１つだけの小さなライブラリです。 以前、PHPプロ！ニュースでもご紹介した方法です。 この方法は、PHPのエラーをハンドリングし、その内容をscriptタグに出力し、console.info()を用いてFirebugのコンソールに渡す、という仕組みです。そのため、Firebugは必須です。 記事掲載当時は、buggy.class.phpがダウンロードできたのでしょうか
JavaScript勉強会のまとめ | Blog hamashun.com
2007-07-12資料公開をした人の章にリンク追加 2007-07-12 sendさんの章に追記 超長いんでショートカットメニュー作りました。 あと、JavaScriptの素人が書いてます。 あちこち間違ってたらごめんなさい。 マークアッパー・デザイナー向けJavaScript入門 マークアップエンジニア・HTMLコーダー向け、Yahoo UI Library活用術 Google Gears入門 JSの使いどころ liveプレゼン 猿でもわかる GreaseMonkey Firebugの話 総括 Twitter関連でお世話になっているukstudioが、初心者向けJavaScript勉強会を主催してくれたので、モリモリ勉強してきました！ 会場は株式会社ノッキングオン様に提供して頂きました。 ありがとうございます！ 僕は行ってなかったんですけど、モバイル勉強会の時もお世話になったそうです。
Amazon 再調査 - へたっぴ日記
Amazon で ISBN を抜く。前からやってるけど改めて。ASIN だと CD とかでも抜けちゃうのでいや。 XPathではこんなん。 >>> var text = document.evaluate( '//div[@class="content"]/ul/li[b/text()="ISBN-13:"]/text()', document, null, XPathResult.STRING_TYPE, null); >>> var isbn13x = text.stringValue.replace(/[\s-]/g, ''); >>> isbn13x; "9784873113227" 正規表現ではこんなん。 >>> document.body.innerHTML.match(/<b>ISBN-13:<\/b>\s*(\d{3})-(\d{9}[\dX])/); ["<b>ISBN-
Blog.okuryu : JavaScript-XPath for YUI part 2
Tags: javascript xpath yahoo yui | Date: 2007-11-18T18:39:24+09:00 | Comments: 3 | Trackbacks: 0 TODO をオープンソース - IT戦記 を見て、優先順位低すぎやなと思いつつ、前回 に引き続き考察する。YUI 自体をいじるのはちょっとまずいのかなと思ったので、名前空間を作って JavaScript-XPath をラッピングしてみた。
オライリー JavaScript 第5版の読書会
サイ本の読書会行ってきました。 http://cotocoto.jp/event/2880 仕事と場所の関係で大幅に遅刻さんだったのだけど、とりあえず参加できた範囲でまとめますだ。 まとめは人のためならず。 まとめることは再確認になって、自分のためになると思います。 とりあえず1時間遅刻して入ると >>> undefined = 3; undefined; 3 的な事がかかれてた。 37Pにあるけど、undefinedは予約語ではないので書き換えられるって事やね。 後Lingrにあるけど。 # undefined = "a" # undefined //=> "a" # array = new Array(10) # array[0] //=> null # array[0] + 0 //=> NaN # typeof(array[0]) //=> undefined # window.u
Firebug を「カクカク化」して $x の第 2 引数でコンテキストノードを指定できるようにする。 - IT戦記
twitter の id:ZIGOROu と id:ku0522 の会話で $x の第 2 引数コンテキストノード指定出来たらいいよねーって話しがあって 作ろうと思って 作ったら id:os0x さんが先に作ってて http://d.hatena.ne.jp/os0x/20071213/1197515856 実装もほとんど同じだったので凹みつつ まあ、もったいないので晒そうとか思った。 で 今回は「チョコチョコいじれる化」しないでやる方法でやってみましょう。 題して 「拡張機能内に自分用の拡張空間を作っとく化」略して「カクカク化」 カクカク化で Firebug を拡張する手順は以下のようになります。 Firebug の拡張機能用のディレクトリに行く 環境 Firebug の拡張機能用のディレクトリ WinVista C:\Users\[ユーザ名]\AppData\Roaming\Mozil
俺々拡張作成法 - 例題：Firebug を「カクカク化」して $x の第 2 引数でコンテキストノードを指定できるようにする。 - IT戦記 - hogehoge @teramako
Firebug を「カクカク化」して $x の第 2 引数でコンテキストノードを指定できるようにする。 - IT戦記に対してブクマコメントでう〜ん、どうも健全な拡張開発って感じじゃないな..../本来ならuserChrome.jsか拡張の拡張を作るべきだと思う/あとでなんか書くかもと書いたら [firefox][firebug][javascript][extension]id:teramako 僕は、手元の環境をグチャグチャにするのが好きで、グチャグチャにするのが勉強になるんじゃないかなーとか思ってるんです＞＜ごめんなさい＞＜確かに人に薦めるのはどうかなーってのもわかります＞＜ http://b.hatena.ne.jp/amachang/20071213#bookmark-6788550 正直、ガリガリ弄れちゃうamachang氏が羨ましい＞＜ 臆病なオイラは他人の拡張をグチャグチャに
ウェブ製作に便利な９のFirefox拡張機能 | Google Mania - グーグルの便利な使い方
ウェブ製作に便利な９のFirefox拡張機能 管理人 @ 7月 5日 08:51am Firefox Deziner Folioの9 Essential Firefox Extensions for all Web Developersというエントリーで、ウェブ製作者向けのFirefox拡張機能が紹介されていたので、自分のためにも簡単に訳してみました。 1. Firebug Firebugを使えば、あらゆる Web ページの CSS、HTML、および JavaScript をリアルタイムに編集、デバッグ、モニタすることができます。また、発見したバグを知らせてくれるので、自分でエラーコードを探す手間が省けます。限定したサイトのみにfirebugを動作させるようにカスタマイズし、プレビューしたサイトに対して、on the flyでＣＳＳを編集することもできます。 2. MeasureIt ウェ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://twitter.com/bulkneets/statuses/396872342
