.sort.call(null)の深淵 - 素人がプログラミングを勉強していたブログ
発端は javascript:alert([].sort.call(null)) これで window オブジェクト取れるのなんで? http://twitter.com/edvakf/status/9222713572 という投稿。 この不可解な挙動を説明することは案外難しい。 まず、ES5のstrict mode以前（つまり、今普通にJavaScriptを使う場合）では、 function fun() { return this; } alert(fun.call(null) === window); がtrueになる。 それから、 var a = [3, 2, 1]; alert(a.sort() === a); alert(a); // [1, 2, 3] sortは破壊的であり、thisを返す。 thisが配列以外の場合については、仕様では未定義であるが、どうなのか。id:nan
JSON判定（構文解析の練習） - 素人がプログラミングを勉強していたブログ
そういえばこういうのまともに書いたことないなと思って練習がてらJSONのシンタックスが正しいか判定する関数を作った。 だいたいhttp://www.ietf.org/rfc/rfc4627.txt?number=4627: JavaScript Object Notation (JSON)に沿って書いた。 minus記号を判定するだけのごく小さい判定機を作って、正しければ一文字進めて…といったようにしてnumber関数を作って、最終的にJSON全体の判定機を作る。 これを少し改造して途中でスタックに値を積むようにすれば構文解析器として使えるんだと思う…けど、なんかよくわからなくなったので一応これで完成として、あとで考える。 var parseJSON; (function () { parseJSON = function (text) { if (value(text, 0) <= 0)
Firefox3のnightlyでサポートされたJSON.parseとJSON.stringify - 素人がプログラミングを勉強していたブログ
JSON.parseとJSON.stringifyがサポートされた。 これは、JSON in JavaScriptのネイティブ実装と言える。 これからWebサイトでJSONを使う時は、 <head> <script type="text/javascript"> if (typeof JSON != "object") document.write('<script type="text/javascript" src="http://www.json.org/json2.js"></script>'); // 実際にはローカルに落したものを使う </script> <script type="text/javascript"> // JSON.parseやJSON.stringifyを使う処理 </script> </head> とすると、クロスブラウザで、なおかつ最新のブラウザだとネイ
クリップボードにコピー - 素人がプログラミングを勉強していたブログ
Chromeのcopyは, たしか, 隠しinput[type=text]作ってcopyさせたいものをvalueにいれて, selectionStart/Endをいじって, focusあてて, document.execCommand('copy')すればJSだけでできる. http://twitter.com/Constellation/status/7188365498 これを参考にcopy関数を作ってみた。Internet Explorer、Safari、Google Chromeで動く。FirefoxとOperaで上手くいく方法は発見できず。 おまけでFirebugの入ってるFirefoxでも動くようにしてみた。 function copy(text) { var input, success; if ("console" in window && "notifyFirebug"
循環参照を含むオブジェクトのディープコピー - 素人がプログラミングを勉強していたブログ
function deepCopy(orig) { var clone = {}; return (function (orig, clone, visited, ref) { for (var k in orig) { var v = orig[k]; if (v instanceof Object) { var i = visited.indexOf(v); if (i == -1) { var o = {}; visited.push(v); ref.push(o); clone[k] = arguments.callee(v, o, visited, ref); } else { clone[k] = ref[i]; } } else { clone[k] = v; } } return clone; })(orig, clone, [orig], [clone]); } var
Object#tap - 素人がプログラミングを勉強していたブログ
RubyのObject#tapがすごく便利。tapかわいいよtap - (rubikitch loves (Emacs Ruby CUI Books))に書いてある。これを使うと、selfを返さないメソッドを使ってもチェインできる。 JavaScriptだと、こんな感じ。 Object.prototype.tap = function (fn) { fn.call(this, this); return this; }; ただ、JavaScriptだとyieldブロックがないから、少し野暮ったい。もう少し動作を限定させて、 Object.prototype.tap = function (name) { this[name].apply(this, Array.slice(arguments, 1)); return this; }; [1, 2, 3] .tap('push', 4, 5
wait - 素人がプログラミングを勉強していたブログ
同期XMLHttpRequestを使ってJavaScriptでwaitする。 wait.html <!DOCTYPE html> <html> <head> <title>wait test</title> <script>window.onload = function () { var script = document.getElementsByTagName("script").item(0); var code = document.getElementsByTagName("code").item(0); code.appendChild(document.createTextNode(script.textContent)); function wait(sec) { var API_URL = "wait.rb"; var req = new XMLHttpRequest(
GreasemonkeyからNode定数やKeyEvent定数を使う場合の注意点 - 素人がプログラミングを勉強していたブログ
追記：が優れているので、こちらもあわせて読むといいです。 Greasemonkey上では、Node.ELEMENT_NODEなどがundefinedになってしまう。 for(var i in Node)unsafeWindow.console.log(i,Node[i]); とやってみれば分かるが、定数自体は定義されているが、中身が全てundefinedになっている。 ということで、自分で再定義する必要がある。 var Node = { ELEMENT_NODE: 1, ATTRIBUTE_NODE: 2, TEXT_NODE: 3, CDATA_SECTION_NODE: 4, ENTITY_REFERENCE_NODE: 5, ENTITY_NODE: 6, PROCESSING_INSTRUCTION_NODE: 7, COMMENT_NODE: 8, DOCUMENT_NODE:
SmartLDR更新 - 素人がプログラミングを勉強していたブログ
LDRの画面を広くするGreasemonkeyスクリプト。 javascripter's gist: 3740 — Gist 一つ前のバージョンは javascripter's gist: 3740 — Gist 。 location.hrefとjavascript:プロトコルを使ったハックをevalInPage関数に分けた。 function evalInPage(fun) { location.href = "javascript:void (" + fun + ")()"; } XPCNativeWrapperの外側でスクリプトを評価する関数。Firebugも同じことをしている。unsafeWindowを触らないので安全。そのかわり、GreasemonkeyのAPIも触れなくなる。 XPCNativeWrapper - MDN スタイルの有効と無効の切り替える為にtextConten
XPath入門、実用例 - 素人がプログラミングを勉強していたブログ
すべての要素 //* div直下のp //div/p style属性を持つspan //span[@style] alt属性のないimg //img[not(@alt)] idがheaderな要素 id("header") rel属性がshortcut iconなlink要素 //link[@rel="shortcut icon"] 子要素にimgを持つa要素 //a[./img] 子、子孫にa要素を持つh2要素 //h2[.//a] 子要素にulがないdiv //div[not(.//ul)] javascript:から始まるhref属性を持つa要素 //a[starts-with(@href,"javascript:")] alt属性の値がsrc属性の値と同じであるimg要素 //img[@alt=@src] alt属性の値がsrc属性の値と異なるimg要素 //img[@alt!=@
XBLとuserContent.cssとGreasemonkey - 素人がプログラミングを勉強していたブログ
追記：コメントでbindToUntrustedContent="true"が必要になったと指摘をうけたので追加 2015/3/21 userContent.cssに @-moz-document domain("reader.livedoor.com") { #right_body > .item { -moz-binding: url("ldr.xml#filter") !important; } } と書いて、同じchromeディレクトリに、ldr.xmlという名前で <?xml version="1.0"?> <bindings xmlns="http://www.mozilla.org/xbl"> <binding id="filter" bindToUntrustedContent="true"> <implementation><constructor><
XPathEvaluator - 素人がプログラミングを勉強していたブログ
var XPath = { cache: null, reset: function () { this.cache = {__proto__: null}; }, get: function (context, expr, type) { var cache = this.cache, evaluator; if (expr in cache) { evaluator = cache[expr]; } else { evaluator = cache[expr] = XPathEvaluator().createExpression(expr, null); } return evaluator.evaluate(context, type, null); }, has: function (context, expr) { return this.get(context, expr,
スタイル - 素人がプログラミングを勉強していたブログ
最近はこう書いている。 /* copyrightやlicense情報は必要だったら最初に複数行コメントで書く */ // グローバル変数を初めにvarで宣言する var global = window; // 関数を使用する前に関数本体を書く function times(func, n, self) { // var宣言は最初に書く。 var i; if (!self) self = global; // 式が一つの場合、一行で書く for (i = 0; i < n; ++i) { // 必要がない場合、i++ではなく++iとする try { func.call(self, i); } catch (error) { if (error instanceof global.StopIteration) { break; } else { // elseが必要な場合、ブレースは必ず付ける
Flash 10でもFlash 9を名乗る - 素人がプログラミングを勉強していたブログ
Flash 10 でも「はてなダイアリー」の「バックアップ機能」を使えるようにするグリースモンキー - IT戦記を見て、ユーザーエージェントを切り替えるように、Flashのバージョンも嘘を付けるようにできるといいと思った。 Firefoxだと、 navigator.plugins['Shockwave Flash'].__defineGetter__('description', function () { return 'Shockwave Flash 9.0 r151'; }); とすればいい。 Safari(WebKit)だと、 navigator.plugins['Shockwave Flash'] !== navigator.plugins['Shockwave Flash']; なので、上の方法はうまくいかない。 var navigator_ = window.navigato
FastladderでLDRのクローラを使うGreasemonkey - 素人がプログラミングを勉強していたブログ
追記:console.logとかが残ってたので、gistのほうは直しておいた。 からインストール。 LDRの画面が狭くて嫌でFastladderに乗り換えようとしたけど、LDRと比較してクローラの巡回が遅くて困っていた僕のために。 // ==UserScript== // @name FastLDR // @namespace http://d.hatena.ne.jp/javascripter/ // @include http://fastladder.com/reader/ // ==/UserScript== var native_post = unsafeWindow.API.prototype.post; var api_key = null; GM_xmlhttpRequest({ method: "GET", url: "http://reader.livedoor.com
ニコニコ動画を前みたいに自動で再生するGreasemonkeyスクリプト - 素人がプログラミングを勉強していたブログ
追記：からインストールできるようにした。 wnp/nicovideo_wnp.js at master · miya2000/wnp · GitHubを参考に、Flashを毎回クリックしなくても勝手に再生されるようにした。 // ==UserScript== // @name NicoVideoAutoPlay // @namespace http://d.hatena.ne.jp/javascripter/ // @include http://www.nicovideo.jp/watch/* // ==/UserScript== location.href = "javascript:" + function () { var flvplayer = $("flvplayer"); (function play() { try { if (flvplayer.ext_getStatus
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アダルトサイトをブロックするGreasemonkeyスクリプト - 素人がプログラミングを勉強していたブログ