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
最速インターフェース研究会 :: JavaScriptでDebugScreenを表示する
デモ、IEかFirefox http://la.ma.la/misc/js/debugscreen/ IEとFirefoxではwindow.onerrorを設定するとJavaScript全体のエラーを補足できます。さらに返値をtrueにすると標準のエラーダイアログを抑制できます。 簡単なサンプルはこんな感じ。 window.onerror = function(mes,file,num){ alert([ "file : " + file, "line : " + num, "message : " + mes ].join("\n")); return true; } あまり細かい情報を取得できるわけではないので、例外処理に使ったりはできないのですが、エラーメッセージを親切にしたりできるかもしれません。 そんなわけで、ファイル名と行番号わかるなら自分自身をXMLHttpRequestで受
MOONGIFT - JSDoc - オープンソースによるIT戦略支援 -
Nihongo Benkyo レビュー ダウンロード、解凍 公式サイトへ行き、Nihongo Benkyoをダウンロードします。2005年12月24日現在の最新版は0.3です。Windows版であれば「nihongobenkyo-0.3.1.mswin32.zip」です。 （クリックすると拡大します) （クリックすると拡大します) 解凍すると次のようなファイル構成になっています。 （クリックすると拡大します) 他に必要なものをダウンロードスする。 Windowsの場合、RubyやGTK+/Win32が必要です。それぞれダウンロードします。 （クリックすると拡大します) （クリックすると拡大します) （クリックすると拡大します) 起動 起動すると次のよう画面が表示されます。 （クリックすると拡大します) これは設定画面です。 （クリックすると拡大します) 設定画面のDictionariesタ
prototype.jsのものすごく簡単な使い方。 : blog.nomadscafe.jp
prototype.jsのものすごく簡単な使い方。 はてなダイアリーの方にprototype.jsでHTMLを汚さないロールオーバースクリプトというエントリーを書いたのだが、prototype.jsの入手方法やらすごく簡単な使い方がないようなので、書いてみます。 prototype.jsはJavaScriptのライブラリ（中身はJavaScriptです)で、これを使うとJavaScriptを組むのがかなり楽になるというものです。話題のAjaxのプログラミングも簡単にできます。 ライブラリは、 http://prototype.conio.net/ からダウンロードできますが、TOPページにあるファイルはちょっと古いものなので、Browse the darcs repositoryというリンクを辿り、 http://dev.conio.net/repos/prototype/dist/ から
JS におけるクラス定義とは - (new Hatena).blog()
JS において、クラスは関数によって定義します。つまり、クラスと言っていますがそれは便宜的な表現であって、実際には関数オブジェクトという名のオブジェクトです。これが、オブジェクトのコンストラクタとなります: function MyClass() { this.property = '...'; this.method = function (){ ... }; } var myObj = new MyClass;例において、myObj は MyClass のインスタンスとなり、クラスとインスタンスという関係が成り立つわけです。 この時に問題となることがあります。それは、インスタンスが生成される度に、クラス定義の中身が新たにメモリー上にロードされてしまう、ということです。複数のインスタンスを同時に持ちたい時に無駄にメモリーを消費してしまうことになります。 そこで登場するのが prototyp
prototype.js 1.4.0 を読む
prototype.js 1.4.0 を読む 2006-01-06-5: [JavaScript] - prototype.js 1.4.0 を読む：prototype.js ～ base.js http://blog.hawklab.jp/item-21.html - prototype.js 1.4.0 を読む：base.js その 2 http://blog.hawklab.jp/item-23.html - prototype.js 1.4.0 を読む：base.js その 3 http://blog.hawklab.jp/item-30.html - prototype.js 1.4.0を読む：string.js http://blog.hawklab.jp/item-35.html - prototype.js 1.4.0を読む：enumerable.js http://blo
オブジェクト指向な JavaScript のための資料など
オブジェクト指向な JavaScript のための資料など 2006-01-07-2: [JavaScript] - Standard ECMA-262 ECMAScript Language Specification http://www.ecma-international.org/publications/files/ecma-st/ECMA-262.pdf まず，JavaScript の標準規格である ECMAScript の仕様書 ECMA-262． - Under Translation of ECMA-262 3rd Edition http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/index.html ECMA-262 の邦訳版 - Effective JavaScript A Few Ways to Improve
validate.jsを使ってみた - 高原芳浩のKeep-Alive
■[開発]validate.jsを使ってみた サンプルで製作中のbookmarkシステムに下のサイトで公開されているvalidate.jsを組み込んでみたがなかなかいい感じ http://blog.masuidrive.jp/articles/2006/01/05/validation すばらしいライブラリです。 ちょっとはまったのが、Javascriptの中でルールの正規表現を書くときに\(バックスラッシュ)を二つ重ねなくてはいけないところ。まぁ、気づいてしまえば当たり前。 "/https?:\\/\\/(([a-zA-Z0-9]+\\.){...以下略 Javascirptの正規表現チェックはMochiKitのデモサイトが激しく便利だ。 Permalink | コメント(2) | トラックバック(0) | 02:19
JSON prototype.js - まちゅダイアリー (2006-01-10)
2006-01-10 prototype.js の 1.4.0 (正確にはもう少し前) で JSON がサポートされたので、試しに使ってみる。 2nd life - prototype.js 1.4.0 pre6 でのJSONサポートによると、 サーバからのレスポンスの X-JSON ヘッダに含まれる文字列をオブジェクトに変換してくれるものらしい。 早速、サンプルを作ってみた。 <html lang="ja-JP"> <head> <script type="text/javascript" src="prototype.js"></script> <title>JSON Test</title> <script type="text/javascript"> function update() { url = 'ajax.cgi'; options = { onComplete: com
X Library(クロスブラウザJavaScriptライブラリ)メソッド一覧 - FAX
X Library(クロスブラウザJavaScriptライブラリ)メソッド一覧 翻訳 (via Trivial Tracks: Javascriptのクロスブラウザライブラリ) 原文： XV: X Library Viewer xaddeventlistener xAddEventListener(ele, sEventType, fnEventListener[, bCapture]) エレメントにイベントリスナを登録する。いくつかのブラウザのために、window.onscrollとwindow.onresizeイベントをシミュレートする。 xappendchild xAppendChild(oParent, oChild) 安全なDOMラッパー。 xbackground xBackground(ele[, sColor[, sImage) エレメントの背景色とイメージを取得する。オプシ
JavaScriptでビルトインオブジェクトハック (Dateクラス編)
Summary 最速インターフェース研究会の「実践JavaScriptリファクタリング」に触発されてDateクラスに手を加えてみた． IEとMozilla系でgetYear(),setYear()の仕様が異なるため， getFullYear(),setFullYear()を使うことで，年の扱いを4ケタで統一． Source /* 連想配列を返す return Array */ Date.prototype.toHashArray = function(){ var dateArray = new Object(); dateArray["year"] = this.getFullYear(); dateArray["month"] = this.getMonth(); dateArray["date"] = this.getDate(); dateArray["day"] = this.g
validator.js - Sooey
validator.js lily の作者でもあるふしはらかんさんによるクライアントサイドでのフォームヴァリデーション用 JavaScript ライブラリ、validator.js がリリースされました。 簡単に使えてよく出来ているので、guesswork にうまく組み込めないか試行錯誤中です。 Name E-mail (表示はされません) Web Comment 使用可能なタグ <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
JavaScriptで製作したWindows用タスクバー時計
2002/8/14 (有)アポロスター 石井 これは何か Windowsではタスクバーの通知領域(タスクトレイ)に時計を表示できますが、そこに日付と曜日も表示させたい場合、機能を拡張するためのフリーソフトウエアなどをインストールする必要がありました。 そこでJavaScriptを用いて時刻や日時・曜日を表示するページを製作しました。タスクバーには任意のWebページを表示する機能があり、それを利用してタスクバーにはめこんでいます。 以下のような表示が可能です。 さらに表示する日付の書式を、以下のような設定画面を使って自由に設定することができます。 利用条件 このタスクバー時計は無料で自由にお使いいただけます。ただし、事前にお知らせすることなくサービスを停止する場合があります。 インストール方法 この時計はアプリケーションソフトウエアではなく単なるWebページですから、ソフトウエアのインストー
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
JavaScriptの関数とメソッド：CodeZine
はじめに JavaScriptはオブジェクト指向言語です。しかし利便性のために、C言語などと同じようにグローバルな関数を定義し、構造化的な手法でプログラミングすることも可能です。 この記事では、JavaScriptにおける関数の基本的な性質を見ていくと共に、関数の正体、および関数の使用方法について解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JScript、ActionScript）でも通じる内容になっています。 対象読者 プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて理解をしている人を対象としています。
CodeZine：プロトタイプ（prototype）によるJavaScriptのオブジェクト指向（プロトタイプ, オブジェクト, Javascript, ECMASCript）
はじめに JavaScriptはオブジェクト指向言語です。しかし、そのオブジェクトの性質は、他に良く知られているオブジェクト指向言語のJavaやC++と大きく異なっています。 そこでこの記事では、なぜそのような違いがあるのか、JavaScriptにおけるオブジェクト指向の言語思想を見ていくと共に、その違いの根幹であるプロトタイプについて解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JScript、ActionScript）でも通じる内容になっています。 対象読者 プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて
XMLHTTP で Bloglines Notifier - (new Hatena).blog()
Windows ユーザーで Bloglines ユーザーの私は、デスクトップの右下でこんなことをしています。 これは意外と知られていない機能なんじゃないでしょうか。タスクバーの項目にウェブ・ページを指定できるという機能です。JavaScript なり VBScript で書いたページを常駐プログラムとして利用できるわけです。 画面は document.title を変更して現在の Bloglines の新着記事数を表示しているところです。普通の常駐プログラムとの違いがお分かりだと思います。 マイクロソフト の XMLHTTP には XMLHttpRequest のような、余所のドメインにアクセスできないという制限がありません。なので、一つのスクリプトで多目的に使うこともできます。
MOONGIFT - InteractiveJS - Windows向けのJavaScript Shell
サイト制作効率向上 IEとFirefoxを同時に表示できるリアルタイムCSSエディタです。 サイト制作効率向上 Firefoxのシェアが伸びている。昔はIEのみに対応したサイトが多かったが、徐々にFirefoxにも対応したサイトが増えてきた。IEでしかまともに表示されないサイトは、ビジネスチャンスを幾らか損をしている可能性がある。 確かに確認は面倒だ。JavaScriptは使わなければ良いだけだが、CSSはSEOやデザイン性からも使わない訳にはいかない。ただ、この解釈が随分異なるのだ。FirefoxとIEを立ち上げ、何度も切り替えるのは非常に手間のかかる作業だ。 本日紹介するフリーソフトウェアはCSSVista、そんな苦労が吹き飛んでしまうソフトウェアのご紹介だ。 何とIEとFirefoxを同時に表示できる。これだけで作業効率が二倍は向上する。更に、CSSがリアルタイム編集できる。 左のペ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
いまどきの(ry
PHP-JSONがPECL入り - よくきたblog