タイトルと概要を表示するJavaScript - 暴想
ココログベーシックでタイトルと概要の一覧を自動作成するJavaScriptを作った。 まあ、つまり、前回紹介したタイトルのみ表示JavaScriptの改良版です（詳しい使い方とかはそっちを見て下さい）。 あとまあ、フォントサイズを小さくしたり、アンダーバーをなくしたりしてみました。上で目立っていると、うっとおしいので。 勝手に使うなり改造するなりしてくれて結構です。 ちなみに、概要の文字数はJavaScriptのコードの上の方にある「var description_length = 60;」の数字を変更すればその通りになります。 一応簡易的にHTMLタグを除去してるんで、画像タグとか改行タグとかは出てこないはずです。まあ、出てくることがあってもご愛敬ってことで。 ってか、なんだか休日なのに仕事をしている気分になってきた、、まあ、暇だからいいけど。。 #2005/09/26追記 ようやく、コ
1分でわかるJSAN - FAX
1分でわかるJSAN 技術 概要 JSANは、他のライブラリをインポートするライブラリです。 リポジトリ リポジトリは、ライブラリの検索対象のパスです。 JSAN.addRepository()で追加します。 JSAN.includePathにリストされます。 デフォルトのリポジトリは「.」と「lib」です。 JSAN.use() ライブラリをインポートするには、JSAN.use()を使います。 クラスがロードされます。 個々の関数もグローバルコンテキストへロードされます。 JSAN.require() クラスのみをロードします。 「Test.Simple.plan()」のように、全部書けば呼び出せます。 グローバルコンテキストを汚しません。 JSAN.exporter() ロード済みのクラスから、好きな関数をグローバルへ置き直します。 関数が使いやすくなります。 好きなライブラリの、好き
変数名の取得 - FAX
変数名の取得 JavaScript (via 最速インターフェース研究会) function plus(a,b){alert(a+b)} plus.curry({a:3})(5); // 8 beyond.jsのcurry(カリー化/引数固定+関数生成)メソッドで、好きな位置の引数を固定できる旨を読み、挙動確認のためコードを読む。 「変数名」の取得(以下コード例では、「abc や def など」)は、以下手順で行なわれていた。 関数の文字列化 引数定義部分の取得 カンマとスペースで切り分け コードは、以下。 function foo(abc, def){} var argNames = ("" + foo).match(/\(([^)]*)/)[1].split(/\s*,\s*/); これが許されるのがJavaScriptなのかと思った。これが許されるなら、なんでも有りじゃないか。自由だ
axentric. a web designer
Daftar SBOBET Daftar Judi Bola & Slot Online Hallo gaes… para member setia SBOBET Indonesia… Jumpa Kembali dengan kami disini, Agen Sbobet terbaik dan terpercaya. Untuk meningkatkan kualitas pelayanan kami membuat situs ini sedemikian sederhana lho… dari formulir daftar, deposit dan withdraw hanya dalam satu halaman saja, keren kan.. Biarpun simpel gaes.. tentu saja tanpa mengesampingkan faktor ke
"続きを読む"を折りたたみ - Synkronized
Ricoのデモは最初から開いてるやつを折りたたむ方式なので要素の高さがあらかじめわかってるからいいんだけど、 最初は閉じておきたい場合はちょっと一手間かけないといけない。参考 考えたけど結局「普通に表示させて高さを測っておいてから、すぐに閉じる」とかいうセコイのしか思いつかなかった。 せめて閉じるまでの間に内容が丸出しにならないように、スタイルでvisibilityをhiddenにしておく。 こうすると、要素の高さを変えずに内容を表示させなく出来る。 ／￣￣￣￣￣￣ ＼ /⌒ヽ / '''''' '''''' ヽ | / | （●）, ､（●） | | | | ,,ﾉ(､_, )ヽ､,, | | | | ｀-=ﾆ=- ' | | ｜ ! ｀ﾆﾆ´ .! 天狗じゃ、これも
Latest > Flakes of Ideas > JavaScriptでDOMを使う――オブジェクト指向入門の入門 - outsider reflex
2003/9/3 2003/9/4 2003/9/5 2003/9/6 はじめに オブジェクトとプロパティ 連想配列 オブジェクトと連想配列 「クラス」というテンプレート オブジェクトとメソッド 特定の型専用の関数 「メソッド」というプロパティ クラスとメソッド 「オブジェクト指向」の簡単なまとめ DOMとオブジェクト指向 「DOM」とは何か？ インターフェースとクラス DOM操作の実例 簡単な処理の例 もっと複雑な処理の例 おわりに Cが分かる人には疑りぶかいあなたのためのオブジェクト指向再入門というページがお勧めです。僕の稚拙な説明よりずっと分かりやすいです。 Home Back to Flakes Prev. Next はじめに JavaScriptでDOMを使う。DOMはHTMLやXMLをスクリプトやプログラムで操作するのにとても便利な技術ですが、簡単なスクリプトくらい書けるからD
はてなブックマークのエントリーとタグを２次元平面上に配置するブックマークレット - llameradaの日記
はてなブックマークのエントリーとタグを２次元平面上に配置するブックマークレットを作ってみました。エントリーとタグの関係を鳥瞰的に眺めることが出来ます。実用性はあまりないですが、人によっては面白いかもしれません。はてなブックマーク上のRSSのアイコンがあるページで、次のブックマークレットを実行してください。具体的には、次のコードをコピーして、URL欄に貼り付けて、実行してください。 javascript:(function(){var s=document.createElement('script');s.charset='UTF-8';s.src='http://llamerada.fc2web.com/js/fhatebv.js';document.body.appendChild(s);})();エントリとタグが蠢きながら、一応、それらしい配置になっていきます。はっきりいって、Jav
はてなダイアリーTools（私家版） - rand's
「javascript:〜」で始まる文字列をブラウザのアドレス欄にコピーするか、またはブックマークに登録してお試し下さい。IE6.0およびFirefox1.0、Opera8.0で動作を確認済みです。コピー&ペーストでは使いにくいので独立ページを作りました。 選択中の文字列または閲覧中のURLに含まれるISBN（に対応する本）をコレクションに登録するjavascript:(function(s){try{s=document.selection.createRange().text}catch(e){s=document.getSelection()}(s+document.URL).replace(/-/g,'').replace(/(?:^|[^\dX])([\dX]{10})(?=$|[^\dX])/g,function(s,t){open('http:'+'//b.hatena.ne
Index of /js
Parent Directory README.html Text/ array_extra.js date_extra.js dom.js extra.js function_extra.js hotkey.js ie_xmlhttp.js json.js merge.txt number_extra.js object_extra.js profiler.js regexp_extra.js roma.html roma.js site.js string_extra.js timer_extra.js blogで使っているJavaScriptです。使ってないのもあります。 ie_xmlhttp.js - IEで、ほぼ完全互換のXMLHttpRequest json.js - object.toJSON()でJSONダンプ出力、デバッグに便利 roma.js - アルファベットから曖昧
配列のループ - FAX
配列のループ イディオム (in behaviour.js) 以下は、 for(var i = 0; i < list.length ; i++){ var element = list[i]; alert(element); } 以下のように書ける。 for (var i = 0 ; element = list[i] ; i++){ alert(element); } 「forが多いコードは、ダメなコード」という思いもある。 追記 id:facetさんにブックマークコメントを頂き、カウンタ変数の宣言にvarを追加した。 varをつけない場合、変数はグローバル変数として扱われる。 (function(){ for(i=0 ; i<3 ; i++){} })() // カウンタ変数へ参照可能 ok(i == 3); varをつけると、変数は「関数スコープの中の変数(forなど、ブロックの中
HTMLWalker - Personnel
HTMLWalkerは、簡単シンプルなJavaScriptのコンストラクタ関数で、JavaScriptによるDOMスクリプティングを補助します。インスタンスのwalkメソッドは、指定したノードから出発して文書順にノードを辿り、その都度nodeNameアトリビュートに基づいてハンドラを呼び出します。 雰囲気としてはDOM Level 2のNodeIteratorインターフェイスに似ていますが、それより低機能かつシンプルなもので、DOM Level 1 HTMLの実装だけを要求します： HTMLWalker.js Foot note この記事のURI参照 http://members.jcom.home.ne.jp/jintrick/Personal/DOM_HTMLWalker.html#WHAT
ベイエリア情報局: Javascript なでしこ（もどき）
元Vine SPARC開発者。2003年度未踏ユース採択者。海外でも活躍できる国際的なLinuxエンジニアになることを夢見て日本で頑張っています。ウノウ株式会社にて写真共有SNS「フォト蔵」を開発中。 Javascript で日本語プログラミング言語なでしこ（もどき）を作りました。 Javascript なでしこ（もどき） 100% Javascript で書いています。 何もダウンロードする必要ありません。 IE, firefox で動作確認済み。 週末ハックでできるとこまでしか作らない条件で作ったので、 本物のなでしこほど完成度は高くなく、 本当に基本的な機能しかありません。 今、実装している機能は ・計算 ・文字列の表現 ・メッセージの表示 ・変数の扱い だけです。 なんでこんなものを作ろうかと思ったのは、 kmyacc という Javascript に対応したコンパイラコンパイラを
オブジェクト指向JavaScript - 大きな画像をポップアップ
Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。 クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存のオブジェクトのクローンとして新しいオブジェクトを作成し、そのオブジェクトに独自の性質を付加してプログラミングする。 JavaScriptのオブジェクトの性質は動的に変更可能。Java等では一度決定したオブジェクトの振る舞いは変更できないが、JavaScriptでは実行中の任意の場所でメソッドの動作を変更したり、新しく追加したり、削除したりすることができる。
JavaScriptの簡易プロファイラ - llameradaの日記
JavaScriptで少し大きなアプリケーションを作っていると、処理速度がどんどん遅くなってしまうことがある。処理速度を向上させるには、ボトルネックとなっている処理を見つけて、その部分のパフォーマンスを改善するのが一般的である。そこで、ボトルネックを見つけるのに便利なプロファイラを作ってみた。 コードはこちら。 var Profiler = Class.create(); Profiler.prototype.extend({ initialize: function(){ this.keys = []; this.records = {}; }, observe: function(object, name){ name = name || "Method"; for (property in object) { if(typeof object[property] == "functi
SpiderMonkey (JavaScript-C) Engine
What is SpiderMonkey? SpiderMonkey is the code-name for the Mozilla's C implementation of JavaScript. Where do I get it? You can get the engine via CVS and build it yourself, or look for recent tarballs at (please check the mirrors first), http://ftp.mozilla.org/pub/mozilla.org/js/. Release notes are available at http://www.mozilla.org/js/spidermonkey/release-notes. You can also browse the sourc
llameradaの日記 - JavaScript でマルチスレッド・デザインパターン
JavaScriptでデザインパターンを書いてみる。とはいえ、いまさらFactoryパターンなど書いても面白くないので、マルチスレッド・デザインパターンにする。 もちろん、JavaScriptの言語仕様にスレッドなどない。しかし、ブラウザ環境では実質的にスレッドが存在する。スレッドが発生する場面には２種類ある。１つは、イベントである。例えば、ユーザのクリック動作によってonclickイベントが発生した時、onclickイベントハンドラだけを処理するスレッドが発生するとみなせる。もう１つは、setTimeoutとsetIntervalメソッドである。これらのメソッドでは、一定時間後に、別の処理を実行させるが、この処理は現在の処理と並行的に実行される。つまり、スレッドとみなせる。個人的には、setTimeoutをアニメーションなどの小細工だけに使うのはもったいないと思う。setTimeoutの
MozillaDOMの不思議 style.display をいじるよりappendChildの方が早い - nazokingのブログ
GreaseMonkeyをいじっていたんですが、２ちゃんねるのスレッド一覧をインクリメントサーチするスクリプトを書いてたんです。 // as は 検索したい文字列のリスト // as[i].element は文字列に対応する A エレメント // ↑はdocument.getElementsByTagName('A')で取得 // v は検索文字列 for( var i=0; i<as.length; i++ ){ if( v=='' || as[i].indexOf( v )>-1 ){ as[i].style.display=''; }else{ as[i].style.display='none'; } }とまあ、こんなかんじ。で、そこそこ動いていたんで、気に入ってまちBBSでも動くようにしてみたら、やたらと時間がかかるです。まちBBSのスレッド一覧ではスレッド数が1000以上あるか
Google Personalized Search - あくる日
id:mizuno_takaakiさんに教わった、履歴検索機能。不思議なことに、ブラウザのステータスバーで見る限り特に細工のなさそうなリンクも、きちんとクリック履歴に乗る。コードをのぞけば簡単で、どうもonmousedownイベントでクリックを取ってXMLHttpRequestでサーバに渡しているっぽい。Googleらしいというかなんというか、ギミックが上手だなぁ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本アニメ（ーター）見本市 イブセキヨルニ
HTMLBuilder - Personnel