アプリケーションもjavascriptで書けるpure javascriptのHTTPサーバmozJSHTTP - bits and bytes
以前Firefoxのソースコードの中にmozJSHTTPという名前のjavascriptで実装されたHTTPサーバをみつけたのでちょっと動かしてみました。 mozJSHTTPがいったいどういう目的で開発されているのか、わかりませんでしたが(いまはFirefox本体に組み込まれているわけでもないし、拡張機能でもなく、単にソースコードがCVSに入っているだけみたいです)ソースコードはmozillaのCVSから持ってくることができます。 cvs -d :pserver:anonymous@cvs-mirror.mozilla.org:/cvsroot co mozilla/netwerk/test/httpserver Firefox3のインストール mozJSHTTPは、新しくFirefox3で追加された @mozilla.org/thread-manager;1 という名前のコンポーネントを
内容に合わせて伸縮するテキストエリア - FAX
JavaScript追記 miya2000の日記 - 「内容に合わせて伸縮するテキストエリア」を Opera にも id:miya2000さんが、クロスブラウザに書き換えられています。GJ!こっちで!! デモビデオは以下(12秒)。 ユーザーが自分でリサイズできるテキストエリアをよく見かける(はてなも)。それを補助するGreasemonkeyスクリプトもある。 テキストエリアを横にリサイズしたいことはあまりない。バーを掴んで最適な高さにするのはめんどくさい。使う人は、ただ全部の内容が見えるぴったりの高さになってほしいだけなんだと思った。 サンプルコードは以下。fitting?、fittable?、expand?(逆に小さくもなる) キーダウンのイベントでも実装してみたけど、日本語入力を検知できないし、方向キーとか無視するコードもいるし、イベントハンドラ内では内容がまだ更新されてなかったり
JavaScriptの再利用とapply
私がこういうの大嫌いなのは一部では有名な話ですが、職場では寛容に、ネット上では偏屈に、がポリシーなので素直に流しました。
mixi 新デザインでグリモン作ったり、スクレイピングしたり、しやすくなった - IT戦記
今回の mixi のデザインのポイントは 全ページで prototype.js の 1.5.0_rc0 が読み込まれている 新しいデザインのページはテーブルレイアウトじゃない 新しいデザインのページは id class 付きまくり いろいろ試してみた prototype.js が読み込まれているか確認する alert(Prototype.Version); // 1.5.0_rc0 ページ内に id が何個あるか alert($$('*[id]').length); // トップページに 52 個！ ページ内に class が何個あるか alert($$('*[class]').length) // トップページに 239 個！ おおすごい！ 試しに日記一覧ページから日記の URL を抽出するワンライナー $$('#bodyMainAreaMain dt a').filter(/view_
ハタさんのブログ : Javascriptによる大規模開発の覚え書き。高速化編
前回書いた「Javascriptによる大規模開発の覚え書き」が凄いことになってました。 今回は、省略した「5.高速化せよ」について書きます。 僕にとってjavascriptは非常に高速な言語です。それは何が高速か 開発速度が高速である 開発速度、及びそこに至るまでの修得速度はとても高速です。動的言語を上手く操る開発者はもちろん、開発に不慣れな(言葉が悪いけど)新人達でさえ「動く」モノをサクっと作ってしまえる。 また、プラットフォーム(? というかブラウザ)が広く普及しているので、ググればスグに問題解決もできる。 それにローカルで簡単に作れる。javascript、それは動作環境を含めて高速です。 高速にUI操作ができる(UI操作が非常に簡単である) swingとかでUI操作をするには多くのオブジェクト操作をしなければならないけど、javascript(もといDHTML)は非常に簡単に
Firefox、プロトタイプを空にする、オブジェクトをハッシュとして使う時の注意 - FAX
JavaScriptFirefox、__proto__で、プロトタイプオブジェクトを取れる。 function Cat(){} var p = {}; Cat.prototype = p; var c = new Cat(); ok(c.__proto__ == p); // 同じオブジェクト クラスのプロトタイプをnullにしても、実際に生成されるインスタンスのプロトタイプはnullにならない。 function Cat(){} Cat.prototype = null; var c = new Cat(); ok(c.__proto__ != null); // nullじゃなくなって、通常のオブジェクトのようなものが入ってる ok(c.watch != null); // watchなどの基本メソッドもある 直接、インスタンスのプロトタイプをnullにすることはできる。 var
第4回 JavaScriptでオブジェクト指向プログラミング ― ＠IT
JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ
ハタさんのブログ : Javascriptによる大規模開発の覚え書き
未だに半年前のエントリにブクマされるみたいなので、もう少しjavascriptについて書いてみる。 今回は大規模化開発におけるJavascriptの注意点とかそういうの。当てはまらない環境の方もいます。(しかも基本的な事だらけで大したことは書いてないです) ほぼリッチクライアントを主目的としたjavascripterとコードを対象とします。 どちらかというと、ライブラリを提供する側の視点から 1.ログを出力せよ あなたが書いたコードは遅い、と必ず言われます。なので言われる前から、自分の書いたコードの処理時間をログするようにしましょう。 次のような処理時間を計測するロガーを作ります。 var TraceLog = function (){ this.startTime = -1; var outer = document.getElementById('_outer'); if(oute
ECMAScript for XML (E4X) 仕様邦訳
この文書は ECMA-357 ECMAScript for XML (E4X) Specification 2nd edition を訳者 (nanto_vi) が私的に訳したものであり、Ecma International またはその他の関連団体・個人とは一切関係ありません。 この文書は正規の仕様ではありません。正規の仕様に関しては Ecma International から PDF で公開されています。 翻訳の内容については保障しません。この文書の利用によって発生したいかなる損害についても訳者は責任を負いません。 翻訳上の誤りなどがあれば訳者 (ブログまたはメール <nanto (at) moon.email.ne.jp>) までご連絡ください。 Standard ECMA-357 2nd Edition / December 2005 序文 2002 年 6 月 13 日、BEA S
javascriptのオブジェクトとメソッド-ひとり開発ブログ
javascriptのオブジェクトやメソッドもPHPと同じっぽい。 オブジェクトは自分でも作れるし、用意されているものもあります。 Arrayとかの配列もそうだし、Windowとかもそうですね。 メソッドはオブジェクトへの命令。メソッドは得意分野が違うので オブジェクトごとによって違っています。 PHPの場合はclassで自分で作る感じでしたが、 javascriptはあらかじめ用意されているものを使う感じなんですかねえ。 PHPだと関数をいろいろ使うイメージでしたが javascriptはメソッドを使うみたいな？ まだ概念がよくわかっていません。 プロパティはオブジェクトの持っている情報（値）ですね。 使い方としては オブジェクト.メソッド(パラメータ)です。 プロパティを見るには
Flock内に各種ウェブサービス用のjavascriptコードを発見 - bits and bytes
Firefoxのソースコードをいろいろ見ていたときにちょっとべんりそうな nsIXmlRpcClient という名前のインターフェイスがあるのを発見しました。どこで使われてるのかなー、と思ってさらに探したところFirefoxでは使われてなさそうですが、しばらく前にちょっと話題になったFirefoxベースの Flock - The Social Web Browser で使われているようです。 そしてこのFlockがいろんなWebサービスにアクセスするためのjavascriptのコード満載なのです(基本的にextensionからしか呼べませんが)。 Flockははじめにそのきれいなみためと、ブックマークがdel.icio.usと直結できたりする新しさにしびれたものの、そのあとしばらく忘れていたのですが ソーシャルブラウザ「Flock」が着々とバージョンアップ中 : ワークスタイル・メモ によ
JSTweener - JavaScript でモーショントゥイーンするライブラリ - 2nd life (移転しました)
http://coderepos.org/share/wiki/JSTweener http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/ JS でモーショントィーンするのに、JSTween というライブラリがあるのですが、一つ一つのモーションで setTimeout(func, 0) で回しててるため増えれば増えるほど重くなったり、style 設定が結構面倒だったり、一度に複数プロパティ登録ができなかったりしたので、自分でライブラリを作ってみました。ひっつき☆スターを JSTweener で動かしたら体感で全然速くなりました。 コード例ですが、ひっつきスターでのトゥイーン処理は JSTweener.addTween(el.style, { time: tm, transitions: 'easeOu
Yahoo UI Library の CustomEvent:ONE×ONE
2007年9月24日 [JavaScript] Yahoo UI Library の CustomEvent Yahoo UI LibraryのYAHOO.util.CustomEventのメモです。 使い方 // CustomEventオブジェクトを取得 var onTest = new YAHOO.util.CustomEvent("onTest"); // subscribeに呼び出したいcallback関数を設定 onTest.subscribe(function(type, args){alert("fnSubscrive " + args[0])}); // 好きなときに実行するする onTest.fire("foo"); // alert("fnSubscrive foo"); 便利な点 ・subscribeに関数を複数指定すれば、fire時に両方とも実行することが
JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 - ヒルズで働く@robarioの技ログ
Sjaxを使わないJavaScript Loader - ヒルズで働く@robarioの技ログ と JavaScriptから外部JavaScriptを読み込む方法 - ヒルズで働く@robarioの技ログ の改良版です。この二つの記事は忘れてもらって結構です。 前振りとか ライブラリを読み込みたい（＞＜） 「script要素をappendChildする」でやると読み込み完了を待ってくれないので「setTimeoutで3000ms後に本処理」とか、嫌だ。 そこで「指定したプロパティが存在するか」を監視するスクリプトloader.js.incを書きました。http://coderepos.org/share/に置いてあります。 http://coderepos.org/share/browser/lang/javascript/misc/loader.js.inc http://coderep
JavaScript の var についての考察
Web/JS part.4 で「変数宣言で var を付けないとどうなるのか」といった質問が出ていたので調べつつ考察してみました。 （フォローアップ講習会参加の方々には現在の講習内容を逸脱しますが、そのうち詳しくフォローして行きます。） var は明示的に変数を宣言するためのステートメントです。 関数のボディ内部にステートメントがある場合、その関数に対するローカルスコープを持つ変数を宣言した事になります。 それ以外の場合は、グローバルオブジェクトのメンバ変数になります。 また var で宣言したプロパティは DontDelete 属性を持ち、従って delete 演算子で削除出来ません（”delete operand” が false を返す）。 もう一つポイントになるのが関数評価の仕組みです。
TAKESAKO @ Yet another Cybozu Labs: Shibuya.js 24 - JavaScript.GIF x LiveConnect 発表資料公開しました
ちなみに、LiveConnectでUSBミサイルランチャーを制御するデモは、先日のJapan Linux Conference 2007 で行なったものと同じなのですが、ストリーミング中継と録画に失敗していたため、急遽リベンジすることにしました。 Google Video / YouTube 動画アーカイブ Mozilla24 / 出張Shibuya.js 24 各発表の動画が公開されています。 Shibuya.js 24 - Google Video Mozilla24 / 出張 Shibuya.js 24 関連の感想リンク集 TAKESAKO @ Yet another Cybozu Labs: Mozilla24リアルタイム中継（shibuya.jsもあるよ） 兼雑記 - 2007-09-15 出張Shibuya.js 24の発表資料 (mitsunari@cybozu labs)
出張Shibuya.js in Mozilla24 見てきました。 - tyoro.exe
出張Shibuya.jsがあるということで、Mozilla24へ行ってきました。 ブラウザ討論会を見たり、LiveCodingでドッターとして参加して、弾さんの前でドット打ったりしたんですが、まぁその話は.txtの方に書くとして、もともとの参加目的であったShibuya.jsで見た事を書いておこうと思います。 学んだ事を忘れないための自分用メモですね。 （残念な事にPCでメモが取れず、hamashunさんに貰ったルーズリーフにメモ書きという状況だったので、あまり情報は残せなかったんだけど(´ω`) ○プログラム ・INSIDE Gecko ：gyuqueさん FireFoxブラウザの中でがんばってるヤモリさんのお話でした。 サーバーから送られてきたHTMLが内部的にどのように解釈されて、どのように整理されて、そしてどのように出力されるのかが、映像付きでわかりやすく解説されていました。 プレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
はてなブログ | 無料ブログを作成しよう
小粋な復讐
