今日から使える JavaScript カスタム関数トップ 10
今日から使える JavaScript カスタム関数トップ 10 2006-02-13-2: [JavaScript] - Top 10 custom JavaScript functions of all time http://www.dustindiaz.com/top-ten-javascript すぐにでも使える，気の利いた JavaScript の関数を 10 個紹介． - 10) addEvent() イベントリスナーを登録する関数．クロスブラウザ対応．結構有名． - 9) addLoadEvent() クロスブラウザな window.onload．onload する関数が幾つもある場合に． - 8) getElementsByClass() クラス名から要素を取得する関数．prototype.js にも getElementsByClassName() という名前である． p
秋元@サイボウズラボ・プログラマー・ブログ: Yahoo! UI Library はすごいね
via O’Reilley Radar Yahoo! UI Library で、Yahoo! が実際に使っている Javascript のライブラリ集が公開されている。 Yahoo! のどこでこんなユーザインタフェースが使われてるんだろう? と思うぐらい、サンプルで見せられる UI パーツは豊富だ。それぞれの “Example” を見てまわるだけでもおなかいっぱいだ。 コアユーティリティ アニメーション クロスブラウザ対応の XMLHttpRequest ラッパ DOM 操作 ドラッグアンドドロップ イベントハンドリング UI コントロール部品 カレンダー スライダー ツリー ドラッグアンドドロップなんかは、ファンタジースポーツで使われているのを見たことがあるので知っていた。複数のリスト間でアイテムの移動や並べ替えを行うときには使えるパーツだろう。 日本語カレンダーなんかも、いい感じで再利
テストを楽にするための Auto Fill Bookmarklet - memo.xight.org
Summary 何度も同じ入力する時間が無駄なので JavaScript で Auto Fill． ただし，onKeyUp などのイベントが起こらないので注意! Template <form> <input id="id_name" name="name" /> </form> javascript:(function(){ if (document.getElementById(id)){ function set(id,val){ document.getElementById(id).value=val; } } set('id_name','value'); }() Sample <form> <input id="name" name="name" /> <input id="mail" name="mail" /> <input id="company" name="compa
IT戦記 - 複雑で重くなった JavaScript を超高速化する方法。
以下のスクリプトを他のすべてのスクリプトよりも前に読み込む。 var nativeSetInterval = window.setInterval; _setInterval = {}; window.setInterval = function(process, delay) { var entry; if(typeof process == 'string') { entry = new _setInterval.Entry(function(){eval(process);}, delay); } else if(typeof process == 'function') { entry = new _setInterval.Entry(process, delay); } else { throw Error('第一引数が不正です。'); } var id = _setInterv
JavaScriptとDHTMLによるタイピングゲームの作成：CodeZine
完成版のアプレットで遊ぶ はじめに JavaScriptやJava言語で製作されたアプレットによる、ブラウザ上で動作するゲームを、90年代後半からインターネット上で数多く見かけるようになりました。これらのゲームは、特別なアプリケーションをインストールすることなく、Microsoft Internet ExplorerやNetscape Navigatorなどのブラウザ上で実行することができ、クロスプラットフォームで動作するため、一時期ホビーストたちの間で脚光を浴びました。また、Internet Explorer 4.0以降はDynamic HTML（以降「DHTML」と表記）が登場し、スクリプトからHTMLドキュメントを動的に変更することもできるようになりました。 しかし、ブラウザ上で動作するスクリプトプログラムには、さまざまな制限があります。実際に、インターネット上で見ることができる多く
Javascriptだけで各種プログラム言語コードを色分け表示する方法:phpspot開発日誌
dp.SyntaxHighlighterを使えばJavascriptだけ各種プログラミング言語コードを色分け表示出来ます。 言語はC#,Javascript,VB,XML,HTML,PHP,SQL,Delphi,Pythonに対応しています。 例えば、次のような感じの表示が可能。素晴らしいです。※印刷、コピーも容易に出来るようになっています。 Javascriptの場合 PHPの場合 サーバ側で構文ハイライト機能が不要なのでCGIやPHPが使えないサーバでも使えますね。 ダウンロードはこちら: dp.SyntaxHighlighter - free JavaScript syntax highlighting
[戯] Ajax を使って PHP や JavaScript の正規表現のテストが出来る Rex V
Ajax を使って PHP や JavaScript の正規表現のテストが出来る Rex V 2006-01-18-5: [PHP][JavaScript][Ajax] http://www.rexv.org/ Ajax を使って PHP PCRE，PHP Posix，JavaScript の正規表現のテストが出来るサイト． どこがマッチしたなどの結果がリアルタイムにわかるので便利． - via: Sooey http://www.sooey.com/journal/2006/01/17/85/
JavaScript開発のお供に。 log吐き
2006/11/27 Firebug公式サイトが移転しました。 http://www.getfirebug.com/ 詳しい使い方は、http://www.getfirebug.com/docs.html等をどうぞ。 2006/11/07 未だにアクセスが多いので、補足します。ここにある情報は既に大幅に古くなっています。以前程、パフォーマンスの低下もありませんし、ログの吐き方も変わりました。 例えば、console.debug("message",obj)のような形でログをとったり、assertしたりするようになっています。詳しくは、http://www.joehewitt.com/software/firebug/docs.php辺りを参照してください。 https://addons.mozilla.org/extensions/moreinfo.php?id=1843&applicat
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES
TinyMCE JavaScript Content Editor - naoyaのはてなダイアリー:
とある友人に教えても経ったTinyMCEという WYSYWIGWYSIWYG な HTML エディタライブラリがやばそう。 JavaScript で記述された LGPL でオープンソースな クロスプラットフォームの 多言語対応もしてて 簡単に使える ライブラリ。似たようなものに htmlArea というのがあって結構昔に話題になってたんですが、導入がめんどくさかったりブラウザによってはまともに動かなかったりとか色々面倒な感がありました。TinyMCE の方はと言いますと、Installation instructions にもあるとおり、 <html> <head> <title>TinyMCE Test</title> <script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script> <script type=
script.aculo.usのPHPラッパークラス:phpspot開発日誌
Scriptaculous Lists with PHP The resulting PHP class is a very simple class that makes it easy - with a couple lines of code to get a sortable list (or sortable just about anything) onto a page and to translate the result into a PHP array. script.aculo.usのsortableの機能をJavascriptのコードを一切書かずに、PHPだけで実装できるPHPラッパークラスの紹介。 script.aculo.usだけでも非常に簡単にかけますが、テコでもJavascriptは書きたくないという方にオススメのライブラリ。 以下、サンプルコード <?ph
for 文 2.0(笑) - IT戦記
まぁ、かなり知られてる話ですが JavaScript は .(ドット) の計算がかなり遅い。まぁ、簡単なスクリプトなら問題にならないが。web2.0的には大違いなのであります。ちなみに、.(ドット) の計算に比較演算の 3 倍のコストがかかる（IEはとくに）。 ということで、for 文は下のように(比較に .(ドット) を使わない)書くくせをつけましょう。地道な差が大きなパフォーマンスを生みます。 // for 文 2.0 for(var i = 0, len = array.length; i < len; i++) { .... }各種ライブラリの for 文 1.0 を for 文 2.0 化するだけで、CPU 使用率がけっこう下がりました。 予断ですが、間違っても .(ドット) を避けるために with 文を使うようなことはやめてください。 with 文のコストは 比較演算の 8
validate.js と setInterval を利用したフォームの入力チェック - memo.xight.org
Summary validate.js[2006-01-06-4] を利用してみた． オートコンプリートからマウスで選択した直後に，validate結果が更新されない． インフォアクシアのお問い合わせでは setInterval(func,ms) を利用して 定期的に入力フォームのチェックを行っている． validate.jsでvalidate結果表示を更新するには，Behaviour.apply() を呼び出せばよい． Source 以下の記述で500ms毎にvalidate結果を更新する． <body onload="setInterval('Behaviour.apply();',500"> ... </body> 注意 無差別に全フォームのチェックを行ったり，極端にインターバルの時間を短くしたりすると，処理が重くなる． インフォアクシアのお問い合わせでは，入力内容が変更された時のみ
ThinkCAPがオープンソースに - SourceForge.JP Magazine
AJAX（Asynchronous JavaScript and XML - 非同期なJavaScript+XML）は、インタラクティブなWebアプリケーションを開発する技術である。Web開発のシーンで急成長を遂げ、あまりにも急速に普及したため、スキルの追いつかない開発者もいるほどだ。 AJAXでのより速い開発というニーズに対応するため、多くの企業や開発者コミュニティが、AJAX向けのRADプラットフォームを作ろうとしている。そうしたプラットフォームのひとつがThinkCAP JX Frameworkである。ThinkCAP JX Frameworkは、20以上のオープンソースライブラリとアプリケーションのフレームワーク部分とを組み合わせたもので、GPLライセンスの条件でリリースされたばかりだ。 今日、企業とエンドユーザーがともに期待しているのは、読み込みが速く、しかも高度にインタラクテ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.oldriver.org/jsmigemo/
datebox.inimit.com is not in our inventory
EmpathAbbey
moo.fx
ブックマーク抜粋 2006/01/23 - FAX
X Library のリファレンス - memo.xight.org