[event][javascript] Kanasan.JS (別名：prototype.jsのソースにツッコミを入れるオフ) に参加してきました - Greenbear Diary (2007-11-03)
■ [event][javascript] Kanasan.JS (別名：prototype.jsのソースにツッコミを入れるオフ) に参加してきました ちょっとしたイベントのはずが20人オーバーの中規模イベントになってしまった(笑) Kanasan.JS。 結局、途中から初心者/上級者の2グループに分かれてコードリーディングを進めることになりました (※初心者グループの方が内容のレベルが高かったという噂もあるけど…!?)。 感想ですが、prototype.jsのソース読みがこんなに面白いとは思わなかった！ 他の言語ではありえないJavascriptならではの実装があったりして、とても良い企画だったと思います。 今回はまだ400行(全体の11%)しか進んでいないので、次回以降も続きができるといいなぁ。 とりあえず、大量の印刷物の用意など、いろいろな作業をしてくださった主催kanasanに感謝
![[event][javascript] Kanasan.JS (別名：prototype.jsのソースにツッコミを入れるオフ) に参加してきました - Greenbear Diary (2007-11-03)](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0dd2a08b2c0fff30d70543ed7fa340ebfeb5697/height=288;version=1;width=512/https%3A%2F%2Froute477.net%2Fd%2Fassets%2Fogimage.png)
S6 と XPath の紹介
8 年。 世界が XPath の真の実力を発見するのに要した時間である。 1999 年、W3C により勧告された XPath は、「なにコレ読めねえwww XPath きめえwww」などと言われもした、 ともすれば不遇とすらいい得る歳月を経て、あたりのそこここに満ち充ちていた「DOM まじめんどくせえ」という思いによって、ふたたび表舞台に招来された。 XPath は、DOM ツリーの「ancestor」と「descendant」、「lastChild」と「firstChild」とを取り結ぶ、もっとも古くてもっとも新しい、そして、もっとも重要な技術だ。次の 8 年を自らの手で創り出すために、私は DOM 3 XPath に注目した。 XPath
新規でサイトを作るのに使えそうなの一式。（あの人のパクりじゃないんだからっ！）｜CSS HappyLife
08年6月4日追記： コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記： contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ！じょぐ！！！すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。本題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう
JavaScript Library Archive
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
HTMLのドキュメントから繰り返し部分をみつける - bits and bytes
RSSを生成していないページからRSSを生成するなんでもRSS 0.1bは、公開されているJSAI2005: なんでもRSS - HTML文書からのRSS自動生成によると、日付情報を目印にしてそのHTMLドキュメントの構造を推測して、各エントリ(item要素)のタイトルと本文を単語の統計的に処理して決定し、フィードを生成していると書かれています。 ウェブ上にあるHTMLドキュメントは Ask.jp ： "xml" Search results. のように、RSSのitem要素に相当する部分に日付が含まれていないものもあります。 その中でも、大量のデータを複数のページにわけて表示しているHTMLドキュメントを対象に、ドキュメント中に含まれる繰り返し部分のXPathを生成するブログラムをjavascriptで作りました。 アプローチ 大量のデータを複数のページわけて表示しているドキュメントを
HTML::Featureをまねしてみた - gotin blog
HTML::Feature - 重要部分を抽出するモジュール - - ダウンロードたけし（寅年）の日記 ↑こちらで紹介されていたCPANのモジュールでHTMLの重要部分が抽出できるとのことで、ちょっとまねしてみました。 といっても記事に書かれていたアルゴリズムとソースをチラっとのぞいた程度なのでおそらくきちんと移植できてはいないのですが、いくつか試したところ同じ結果が得られたのでまぁいいのかもというレベルです。 肝心なソースはこちら↓です。 karaoke_html_feature.user.js ↑こちらのソースの中にHTML::FeatureをまねしたgetFeatureNode関数を定義していて、 カラオケアニメーション対象の文字列を今まではページ内の文字全てにしていたのを、getFeatureNodeで得られたノード内にしています。 いつもどおり速度性能は全く意識せずに書いたのでg
js実装したHTML::Featureを使ってldr上でエントリ主要部分を見るgreasemonkeyスクリプト - koyachiの日記
LDR x HTML::Feature in client – Userscripts.org 操作はeで選択したエントリを抽出、抽出した状態で再度eで折りたたみ。shift+eで文字コードを変えて再抽出。shift+eでの文字コード変更はshift_jis -> euc_jp -> utf-8を繰り返しです。デフォルトでutf-8で取得するのでutf-8以外の内容の場合に(2007-11-03)文字コードを自動検出して適切なコードに変更するようにしました。それでも文字化けしたらshift+eしてみてください。 TSUBUAN APIを使ったldr上でのEntryFullTextもどきをベースにしています。 HTML::Featureの詳細についてはHTML::Feature - 重要部分を抽出するモジュール - - ダウンロードたけし（寅年）の日記を参照ください。 ちなみにjavascr
アマグラマーのすすめ - 下ごしらえ : 404 Blog Not Found
2007年11月01日01:30 カテゴリアマグラマーのすすめ アマグラマーのすすめ - 下ごしらえ それでは、いよいよプログラムを進めていきます.... が、その前に、ちょっと下ごしらえしておきます。 本書は、あくまで「アマグラマーのすすめ」であって「プログラマーのすすめ」ではありません。料理本を一冊読んだからといって調理士にはなれないように、本を一冊読んだぐらいではプログラマーにはなれません。それがどんな名著でも。 本書がめざすのは、読者に「プログラムってこんな感じなんだ」という、だいたいの感じをつかんでいただくことです。料理にたとえれば、サンドウィッチのパンは外で買ってきて、具をいろいろと作ってみるという感じでしょうか。 というわけで、以下は本書で使う「パン」に相当するプログラムです。この時点で意味はわからなくても結構です。私のblogからそのままコピーしても構いません。これに適当な
いまさらながらAutoPagerizeでmixi日記のコメント欄が逃げる件 « ku
いまさらながら、10/1にmixiのデザインが新しくなったときに、前よりぜんぜんXPathフレンドリーなHTMLになっていたのがうれしくてためしにSITEINFOを書いたけど、コメント欄がpageElementに入っていなかったのでコメントが書けなくなってAutoPagerizeを使われているひとに迷惑をかけた件について。まず迷惑をおかけしてしまってごめんなさい。そして直していただいたotusneさんありがとうございます。 このことについてまとめられているAutoPagerizeでmixi日記のコメント欄が逃げる件 - cameraLadyのこの件を通じて思ったことを読んで思ったことを。 この件を通じて思ったこと 個人的にはSITEINFOは気軽に書くことができて、気軽に使えるほうがよいと思う。 もし気軽にSITEINFOを書くことができないなら、たとえば一度書いてSITEINFOコミッタ
404 Blog Not Found:アマグラマーのすすめ - 目次
2007年11月24日20:00 カテゴリアマグラマーのすすめ アマグラマーのすすめ - 目次 完成まで毎日更新予定 - なかなか毎日更新とは行かないのはスルーしていただく方向で。 はじめのはじめ はじめに プログラムって何さ? 世界は言葉で出来ている 下ごしらえ プログラムの言の葉 美徳その1:怠慢 美徳その2:短気 美徳その3:傲慢 「アマグラマーのすすめ」カテゴリの最新記事
FirebugのXPath関連関数でエレメントからXPathを作る « ku
AutoPagerize用のXPathをかんたんに作るためのブックマークレット AutoPagerize IDE - bits and bytesみたいに、ブラウザ上でクリックした要素を表すXPathがほしいことがよくある。perlだったらこないだのXML::LibXML::ElementのnodePathでおしまい。 jsだとFirebugが中にそういうのを持ってる。コンソールに出力されたHTML要素の上にマウスを持っていくと、その要素を表すXPathが表示されるやつ。 extensionからだったらFirebugLib経由で呼び出すことができます。 /** * Gets an XPath for an element which describes its hierarchical location. */ this.getElementXPath = function(element
livedoor Techブログ : jTemplatesでHTMLを書くときに知っておきたい8つのこと
こんにちは、(主に)LDサービスのインターフェース部分に携わらせてもらっている油井です。 現在ホットな JavaScript-library の一つとして「jQuery」の名をあげることができますが、このライブラリのプラグインとして動作するjTemplatesというHTMLテンプレートエンジンにも、(個人的にはですが)注目しています。 http://jtemplates.tpython.com/ そこで、以下、私がjTemplatesを触ることにより知り得た『jTemplatesでHTMLを書くときに知っておきたい8つのこと』について言及していきたいと思います。 ※ 今回の記事では「jQuery1.2.1-非圧縮版」そして「jTemplates0.5.0-非圧縮版」を使用することを想定しています。 1, (特殊変数である)$Qの正体 jTemplatesには$Tと$Pそして$Qという特殊変
ウノウラボ Unoh Labs: iPhone/iPod touch対応サイトを構築するための情報
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
ブックマークレットから起動できるブックマークレットエディタを作ってみた | fladdict
ブックマークレットを簡単に作れるブックマークレットを作ってみた。 ■これをブックマーク ブラウザから任意のページでブックマークレットを実行すると、↓のようなエディタが出現します。 ここにJavaScript書けば、直接ページに対してスクリプトをインジェクトできます。 ・RunボタンでページにJavaScriptを適用 ・一応タブエディタ ・エディタに書いたコードはページをまたいで持ち越せるよ。 ・Copy as Bookmarkletボタンで、javascript:(function()～みたいな形のワンライナーに整形してくれる。 そんな感じ。Flexアプリケーションをブックマークレットから起動するってコンセプトは、ちょっとこれから流行るんじゃないかと思ってるのですが、誰もやらないのでとりあえず作ってみました。 もうちょっと完成度高めたかったのだけど、最近忙しくて１ヶ月以上放置してるのでも
CodeRepos に nobjdb.js 追加 - 最速チュパカブラ研究会
http://coderepos.org/share/browser/lang/javascript/nobjdb CodeReposに「nobjdb.js」というファイルを追加しました。これは、「syobocalplus」のタイトル検索のルーチンを抜き出し、ライブラリ化したものです。 オブジェクトの集合の中から、文字列検索の結果によって部分集合を抜いてくる処理…… と言うとわかりにくいですが、要するに 購読しているフィードのリストの中をタイトルで検索する(例: LDR) タグクラウドの絞り込み検索(例: はてブ) などという処理です。これを素朴に実装すると for (var i in list) if (list[i].name.indexOf(keyword) >= 0) { // マッチ! } という感じですが、nobjdb.jsでは、ひとつの文字列にタイトルをすべて突っ込んで、 タ
AutoPagerize の SITEINFO を JSON 化するブックマークレット - IT戦記
実際に使われている XPath のデータを大量に欲しかったので どうしよーって悩んでたら 。。。！！！AutoPagerize があるじゃん！！！ ってことで SITEINFO を JSON 化するブックマークレット作った。（既出？ ブックマークレット javascript:(function(){var result = document.evaluate('//textarea[@class="autopagerize_data"]',document, null, 7, null); var array = [];for (var i = 0, l = result.snapshotLength; i < l; i ++) {var data = result.snapshotItem(i).value;var json = '({' + data.replace(/\s*$/, '
E4Xを知っておくとよいたった一つ(かどうか知らない)の状況 - 葉っぱ日記
史上空前のクラムチャウダーを飲んで帰国ブームの間に何か書こうと思ってたのにブームが去ってしまったので、史上空前というほども流行っていないE4Xブームにのってみる。 E4Xという機能を使うと、JavaScript内にリテラルXMLを記述できる。徳丸さんのサンプルがわかりやすい。 var order = <order> <name>Webアプリケーションのセキュリティ完全対策</name> <author>徳丸浩他</author> <price>3990</price> <ISBN>4822229718</ISBN> </order> JSONで書いた例も徳丸さんのサンプルから借りてくる。 var order = { name : "Webアプリケーションのセキュリティ完全対策", author : "徳丸浩他", price : 3990, ISBN : "4822229718" } 確か
E4X、連想配列とプロパティ、Object.evalメソッド - ockeghem(徳丸浩)の日記
大垣さんのブログから 確かにかなり便利なのですが以下のコードでスクリプトが実行されることはほとんど知られていないでしょうね。 <script> 123[''+<_>ev</_>+<_>al</_>](''+<_>aler</_>+<_>t</_>+<_>(1)</_>); </script> このスクリプトの中には、興味深い要素がたくさん含まれていますが、説明もなく放り出されているので理解が難しいでしょうね。 E4Xについて まず目につくのは、JavaScript(ECMAScript)のスクリプト中にXML形式でオブジェクト・リテラルを記述できるE4X(ECMAScript for XML)という機能です(FireFox1.5以降で対応)。これは、例えば以下のように使います。 var order = <order> <name>Webアプリケーションのセキュリティ完全対策</name>
Mersenne Twister in JavaScript
Mersenne Twister in JavaScript © 2006 Magicant / 0.2.4 (2005-12-23) 高性能な擬似乱数生成アルゴリズム「Mersenne Twister」の JavaScript による実装です。 (別途テストページあり) mt.js は原典のライセンスに反しない限り自由に使用していただいて構いません。 目次 mt.js の使い方 mt.js の API 仕様 MersenneTwister コンストラクタ setSeed メソッド next メソッド nextInt メソッド 出力サンプル mt.js の使い方 実装ファイルは mt.js です。 このファイルは単独では実行しても意味がありません。 mt.js には MersenneTwister オブジェクトの定義が含まれており、これを他の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ライブドアブログ｜無料で豊富な機能が充実
