お知らせ はてな側の負荷が高そうなので、公開を中止いたします。 はてなの皆様、大変ご迷惑おかけいたしました。
base2 のコードを見ていたら便利そうだったのでメモ http://code.google.com/p/base2/ 文字列から正規表現を作るとき RegExp("^hoge$"); // hoge とマッチ RegExp("^\\\\$"); // \ とマッチ RegExp("^\\[hoge\\]$"); // [hoge] とマッチ という感じで、バックスラッシュをいっぱい書かなければいけないので 以下のような関数を用意してやって function _r(str) { return (str + '').replace(/([\/()[\]{}|*+-.,^$?\\])/g, "\\$1"); } こんな感じで match(RegExp('^' + _r(prefix) + 'unko'), 'unko'); めもめも
ブックマークレット javascript:Array.prototype.forEach.call(document.getElementsByClassName('add-favorite'), function(e) { var ev=document.createEvent('MouseEvent'); ev.initMouseEvent('click', true, true,window,0,0,0,0,0,false,false,false,false,0,null); e.dispatchEvent(ev) }); void(0); これでいけた Firefox, Safari では動くと思う あーインターバル入れたほうがいいですね。 javascript:Array.prototype.forEach.call(document.getElementsByClassName
JavaScript はどのように実行されるか Safari*1 の実装を例に JavaScript はどのようにして実行されているかを書く。自分用のメモ。日本語の出来は気にしない 1. ブラウザを起動して以下のようなページを開いたとする <html> <head> <script> var a = 1; var b = 2; alert(a + b); </script> </head> <body> </body> </html> 2. インターネットからデータが到着する そうすると WebCore::FrameLoader::write という関数に生の文字列が渡される。型は char* だ。 http://trac.webkit.org/browser/trunk/WebCore/loader/FrameLoader.cpp#L990 この関数の中では、到着した文字の文字コードを解
結局、最近目立ついつものメンバーなのが、もう参加者の時点で食傷気味 http://b.hatena.ne.jp/TKSK/20080924#bookmark-10135194 こっちは、休日つぶして真剣に資料用意してやってんのにそりゃないわ ひがさんから、以下のようなメールを頂いて 10/16(木)に日本Javaユーザグループでクロスコミュニティカンファレンスというイベントを行ないます。クロスコミュニティということなので、Javaにこだわらず、ギークにもこだわらず、楽しくお祭りしようよというイベントです。 詳しくはこちら。 http://d.hatena.ne.jp/higayasuo/20080818/1219038263 Java以外で、みんなに楽しんでもらえるセッションをしたいので、 ぜひ、JavaScriptについてしゃべってもらえたらと思っています。 以前、Shibuya.jsで
はじめに 皆様 JavaScript のスピード競争が激化し、 ECMAScript 3.1 の仕様の策定が進むなど、激動の JavaScript 時代をいかがお過ごしでしょうか。 さて今日は、今、ちまたで大ブレイクの兆しを見せている DOM Storage という仕様を紹介したいと思います。 DOM Storage とは何か まず、 DOM Storage とはどんなものなのでしょうか。 とても簡単に言ってしまえば、とてもたくさんのデータが保存できてサーバーに自動で送られない Cookie みたいなものです。 さらに、 Cookie とは違って JavaScript からとても扱い易く作られています。 では、この DOMStorage の具体的なソースコードを見てみましょう。 <!DOCTYPE html> <html> <head><title>DOMStorage の使い方</tit
週末といえば だらだら、動画サイトを見て過ごすってことも多いんじゃないでしょうか。 という訳で、 Pathtraq を使って「ニコニコ動画のハブとなっているサイト」を調べてみました。 Pathtraq を使って調べた結果はこちら こうやってみるといろいろなサイトがありますね。 予想外に知らないサイトが多かったので、軽くまとめてみます。 あまり中身は吟味していません。 以下、リンク http://b.hatena.ne.jp/video http://b.hatena.ne.jp/video http://www.nicochart.jp/ http://www.nicochart.jp/ http://nicorankmonth.web.fc2.com/ http://nicorankmonth.web.fc2.com/ このURLのページは表示することが出来ませんでした。 IP分散サーバ
Pathtra 新しい API がリリースされたみたいなので log4ZIGOROu : Pathtraq API のページカウンタで複数のURLが指定出来るようになりました さっそく何か作ってみた http://b.hatena.ne.jp/hotentry で以下のブックマークレットを実行してください javascript:var s=document.createElement('script');s.src="http://amachang.art-code.org/pathtraq/page_counter2.js";document.body.appendChild(s);void(0) はてブのホッテントリが Pathtraq の人気順に並びます。 ソースは以下のようになってます (function() { var entryXPath = 'div[@class="entr
昨日 はてブにアクセスチャートというエントリを書いて、 Pathtraq のページチャート API と Google Chart API の組み合わせが結構便利だったので、そのノウハウを書いておきたいと思います。(後の自分のためにも) こんな感じのチャートが簡単に書けちゃいます! Pathraq のページチャート API とは 特定の期間内での時系列のアクセス数の一覧を返す API です。 マウント アンマウント | パソコン豆知識 とあるように、「この 1 時間は何アクセスがあって、その前の 1 時間は何アクセスあったよ」という要な情報を返してくれます。 この API を使うと 「今から 24 時間前までのアクセスの推移を知りたい!」 「このページっていつ頃から注目され始めたのかなあ?」 というような情報を得ることができます。 Google Chart API とは Google Cha
こんな感じ document.evaluate('/html/head/link[contains(concat(" ", @rel, " "), " alternate ") and (@type = "application/x.atom+xml" or @type = "application/atom+xml" or @type = "application/xml" or @type = "text/xml" or @type = "application/rss+xml" or @type = "application/rdf+xml")]', document, null, 7, null) ブックマークレットにしてみる javascript:var ___r=document.evaluate('/html/head/link[contains(concat(" ", @r
はてブのエントリーページに 以下のようなアクセスチャートを出す Greasemonkey を作りました! このアクセスチャートは、どのくらいの人がそのページに訪れたかという情報を表しています。 「このページはいつ頃から注目を集めだしたか」などの情報が一目で分かるようになります。 期間は、「24時間」から「3ヶ月」までその場で切り替えることができます。 インストールする! http://userscripts.org/scripts/source/32521.user.js ブックマークレットを使ってみる! はてブのエントリーページで以下のブックマークレットを実行してみましょう! javascript:(function(s){s.src='http://userscripts.org/scripts/source/32521.user.js';document.body.appendChi
手順 1. ここに行って(同じドメイン下で実行するため) 2. 以下のブックマークレットを実行する javascript:var xhr=new XMLHttpRequest;xhr.open('POST','http://api.wassr.jp/statuses/followers.json',false);xhr.send();var i=0,ids=eval('('+xhr.responseText+')');(function() {var xhr=new XMLHttpRequest;xhr.open('POST','http://api.wassr.jp/friendships/create/'+ids[i++].screen_name+'.json',false);xhr.send();setTimeout(arguments.callee,4000);})() 3. しば
はじめに JavaScript の標準仕様である ECMAScript 3rd Edition (ECMAScript 3.0) が 9 年ぶりにバージョンアップしようとしています。 実は、これまでも様々なバージョンアップの案が上がっては消え、また上がっては消えていました。 しかし、今回のバージョンアップには今までと違う点が一つだけあります。 それは、現時点での主要な ECMAScript インタプリタ(JavaScript の実行エンジン)を作っている全団体(以下を参照)がこの仕様に同意したことです。 Mozilla (Firefox) Apple (Safari) Microsoft (Internet Explorer) Opera (Opera) Adobe (Flash) Yahoo (Yahoo Widget) Google この同意は JavaScript のこれからを大きく
はじめに Pathtraq API を使ってもっといろいろできないかなあと思って、 XPath で指定したリンクに Pathtraq のスコアを付加する JavaScript の関数を作ってみました。 Greasemonkey や Bookmarklet から使うことができます。 たとえば 関数を読み込んだ状態のはてなブックマークのページで以下のようなコードを叩くだけで appendPtScore('//a[@class="bookmark"]'); 以下のように XPath で選択した a 要素にパストラックのスコアを付加してくれます。 コード function appendPtScore(xpath) { var self = arguments.callee; var obj = new self.PtObject(xpath); obj.timeout(); } appendPtS
はじめに 「このサイトの人気ページを見たい!」 「このページに、皆いったいどうやって来てるんだろう?」 「このページを見たあとは、どこを見に行ってるんだろう?」 そんなこと思ったことありませんか? Pathtraq API を使うことで、そんな情報をあなたのソフトウェア、ウェブアプリケーションに組込めるようになりました!やった! でも、難しいんでしょ><? 違うよ。全然違うよ。超簡単だよ。 というわけで、今日は JavaScript から Pathtraq API を使ってみましょう! Step 1 Pathtraq API を目で見てみよう! やり方は、簡単です。 http://api.pathtraq.com/pages?url=**ここに調べたい URL** とやるだけです。 試しに、このブログを見てみましょう。 RSS が出力されました。 これは、 IT 戦記内で最近人気のページを
このメモについて id:amachang の私的な学習目的 IE6 の標準モードに関するバグ いろいろとポイント layout IE6 の視覚整形モデルの中で要素は、大きく分けて layout を持つ要素と、 layout を持たない要素に分けることができる。 layout を持つ要素とは、自分のサイズや位置に責任を持つ要素である。 layout を持つ要素は、四角形の領域を作る。 layout を持たない要素は、直近の layout を持つ要素のサイズおよび位置と、そこの間にあるすべての要素の margin, padding, border によってその開始点、折り返し点が決まる。 layout を持たない要素は、四角形の領域を作らない。上下左右の間隔を保持しているだけに過ぎない。 layout を持たない要素間の上下マージン(相殺されるマージン)は二つの要素間の共有のもので、ある要素特
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
以下の質問の反応をまとめてみます。 役に立ちそうな情報で、インターネットで手に入れられても良さそ… - 人力検索はてな 質問の回答、はてブ、トラックバック、ダイアリーのほうについたはてブ、コメント、などを集計しています。 まとめ ニュースのその後 (id:jane) 雑誌の記事検索 (id:natumi0128) 「SPA!」「読売ウイークリー」「AERA」は出来る → http://news.nifty.com/cs/entame/showbizddetail/fuji-320080417006/1.htm (id:muddydixon) タバコの製品情報(電話でのユーザ登録が必要なため困難。不可能ではない)→ https://www.jtad.jp/members/login/ (id:n-styles) 新聞折込チラシ (id:n-styles) スーパーの特売情報 (id:n-st
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く