Collection & Copy - ドキュメントのロード完了に合わせて関数を実行する
JavaScriptページロード時にプログラムを実行するためにwindow.onloadやbody.onloadがしばしば使われる。しかし、ページ内に大きな画像が存在する場合などは、画像のロードを待つため、実行が遅れてしまう。「ドキュメントのロードが終わっていて、かつ、イメージのロードが完了する前」に関数を実行する方法のリンク2つの要点をコピー。 script要素defer、DOMContentLoadedイベントを利用する方法The window.onload Problem - Solved! Firefoxの場合非公式のイベントハンドラ、DOMContentLoadedを利用する。 // for Mozilla browsersif (document.addEventListener) { document.addEventListener("DOMContentLoaded",
メモ、Mochikit - FAX
メモおはこんばんちわ。eHub インタビューズは、あと4本ぐらい翻訳予定で、面接の仕方の下訳も終わっています(私が、やったわけじゃないです)。 うーん、Mochikit...。最近、ポストが空いていますが、Mochikitをずっと追っています。prototype.jsとの対比辺りでは、以下が面白かったです。from __future__ import * は、Mochikitの作者の人のブログです。 Griddle Noise: Prototype.js and Mochikitthings to write home about >> MochiKit vs. Prototype? A Matter Of Stylefrom __future__ import * >> Iteration in JavaScript 付属してきている利用サンプルを見ても美しいとは思えないし(beyond
情報収集の方法の件 - FAX
メモ 最速インターフェース研究会 :: 情報収集のための11の質問 お声掛けいただき大変光栄だ。嬉しい。私は大変気の小さい人間だ。とても小さなことを怖がり、心配し、驚き、泣き、好きになる。尊敬している方から指名される喜びと緊張感は、好きな娘の隠し芸が腹踊りだった程度である。 購読フィードは以下。110フィード。1日に200エントリー程度。処理に3、4時間程度掛かっている。SharpReaderを利用している。Ctrl+上下で未読を渡り、全文が無いものなどをCtrl+Sでブラウザを開いていき、まとめて確認を行う。 Bloglines - brasil ブックマーク率が高く、注意して読むのは以下。 del.icio.us/popular/javascriptAjaxianこんな毎日・・・ 技術以外の愉快な情報は、New Del.icio.us popular sitesを、Browsterを使
ランク付け(CSS利用) - FAX
ランク付け(CSS利用) 技術 Creating a Star Rater using CSS > Blog > Komodo Media よしみかんさんに、コメント欄にてCSSのみで格付けを実現するリンクを教えて頂いた。 正直に言うと以前に見掛けたことがあったのだが、「CSSだらけで大変なくせに、IEではチカチカしていやぁね」と思い読み飛ばしていた。 しかし改めて見直してみて、詳細に調べると楽しかった。ありがとーございました。 リンク先は複雑でわかりづらく感じた。 まず星が縦に2つ並んだ画像と、5つのAタグを用意する。 そして各々のAタグのhoverイベントで、z-indexと、画像の表示範囲と、幅の3つを変更し、星の表示を行なっている。 細かなテクニックから学ぶ点は多い。 position:relative の要素の中で、position:absolute を使い、範囲内での絶対位置を
Collection & Copy - Googleデスクトップ検索のサイドバープラグインをJavaScriptを使って作成する
Googleデスクトップ検索のサイドバープラグインをJavaScriptを使って作成する 技術 準備 Googleデスクトップ検索のバージョン2から、ニュースや株価検索などの小窓が表示されるサイドバーという機能が追加された。 プラグインをJavaScriptで記述することができる。 これに興味はないが調査を行なった。読んだから書きたい。 Google デスクトップ本体 各種プラグイン(iTunes操作などあり) 開発者ドキュメント まず本体をセットアップする。 JavaScriptを使ったプラグインを動作させるためには、英語のバージョン2正式版である必要がある。 作成 次にSDKをダウンロードする。 /GD_SDK/api/samples/scripts/displayに、サンプルが存在する。 HelloWorld、カレンダー、Windows Media Playerの操作(COM経由)、
Tips, リンク集 Collection & Copy - 佐藤洋一 / コンピュータ翻訳入門
佐藤洋一 / コンピュータ翻訳入門 抜粋, リンク 一般に実務翻訳のスタイルは直訳を基本とします。読者に誤解を与える不自然な文章にならないかぎり、直訳で立派に通じる訳文になれば、それで十分なのです。*1 コンピュータ翻訳入門 アルク翻訳レッスン・シリーズ [実務翻訳] 作者: 佐藤洋一 出版社/メーカー: アルク 発売日: 2002/05/20 メディア: 単行本 prepareは実務翻訳で頻出する基本動詞の一つであり、「準備する」と訳さないのがコツです。この単語は「作成する」という意味で一般的に用いられ、基本動詞make(つくる)の類義カテゴリーに入ります。 allowは、let、permit、enableなどとほぼ同義で用いられ、その対応表現は「...できる」です。 実務翻訳では、beforeで結ばれた命令文は、「頭から訳す」ことが好まれます。 for「..をする/見つける/探す/確認
Collection & Copy - JavaScriptにおける古典的継承
翻訳 原文：Classical Inheritance in JavaScript著者：Douglas Crockford ※原文のコード内に誤りがあり、このまま記述しても動作しません。著者のコメント及び補足情報は翻訳メモを参照下さい。 君は自分が利口で階級にも属さず 自由だなんて思い込んでる―John LennonJavaScriptは、クラスという概念に囚われていない言語です。JavaScriptでは、古典的な継承の代わりにプロタイプ的な継承を使用します。これはC++やJavaのような旧来のオブジェクト指向言語に長けたプログラマを当惑させるかもしれません。JavaScriptのプロトタイプ的継承が、古典的継承に比べていかに表現力が優れているかを、これから見ていきましょう。 JavaJavaScript強い型付け弱い型付け静的動的古典的プロトタイプ的クラス関数コンストラクタ関数メソッド関
高橋メソッド、海外へ進出 - FAX
高橋メソッド、海外へ進出 Woah. I'm blown away. This is a great example of what your presentations can be. To be honest, this looks very hard to do. You basically have to know what every word you're going to say is, and you have to have a new slide for every 2-3 words. It sure would be fun to deliver this kind of presentation. うーん、驚いたね。これは、プレゼンテーションの新しい可能性を見せてくれるけど、マネするのはちょっとつらそうだなぁ。何を言うか前もって決めといて、2-3言、喋る度にス
Collection & Copy - JavaScriptにおける高階プログラミング
翻訳 原文：Higher Order Programming In Javascript著者：Sjoerd Visscherライセンス：クリエイティブ・コモンズ・ライセンス(帰属) 前提知識JavaScriptを使ったオブジェクト指向プログラミングの知識が必要となります。以下のWebreferenceの記事を読み、よく理解しておいてください。OOP in Javascript, part IOOP in Javascript, part IIDouglas Crockford最終更新2004/3/28はじめに高階プログラミングでは、値として関数を使うことができます。つまり引数として関数を別の関数へ渡すことも、関数を別の関数の返り値にすることもできるのです。この形式のプログラミングは、しばしば関数型プログラミングで使用されますが、「通常」のオブジェクト指向のプログラミングでも非常に有用です。
AJAXアプリケーションのデバッグ、JavaScriptログ出力、Log4js - FAX
リンク Ajax非同期通信アプリケーションのデバッグを行う際に、以下ライブラリを利用し、ログ出力を行ないながら動作詳細を確認した。フランス製。 Log4js 前提クライアントとサーバーの通信をリアルタイムでログ出力を確認したい。Venkmanでステップ実行を行うと、タイムアウトが発生する。また正確なタイミングで振る舞いを確認できない。debug.jsは、まとめてフラッシュするため利用は難しい。 特徴ログを出力すると、リアルタイムに行が増えていく。ソートや、フィルタも存在する。debugや、infoなどのカテゴリ分けがある。ログと一緒に、オブジェクトインスペクタも表示できる。 利用手順ダウンロードし展開されたファイル全てを一つのディレクトリへ配置。HTMLヘッダに、以下を記述。 ログ出力したい部分に、以下を記述。debug、info、error、warnの4つのメソッドがある。フランス語、N
Collection & Copy - JSON入門
翻訳(thanks to JavaScript++かも日記) 原文：Introducing JSON JSON(JavaScript Object Notation)は、軽量のデータ交換フォーマットです。人間にとって読み書きが容易で、マシンにとっても簡単にパースや生成を行なえる形式です。JavaScriptプログラミング言語（ECMA-262標準第3版 1999年12月）の一部をベースに作られています。JSONは完全に言語から独立したテキスト形式ですが、C、C++、C#、Java、JavaScript、Perl、Python、その他多くのCファミリーの言語を使用するプログラマにとっては、馴染み深い規約が使われています。これらの性質が、JSONを理想的なデータ交換言語にしています。 JSONは2つの構造を基にしています。 名前/値のペアの集まり。様々な言語で、これはオブジェクト、レコード、構
Collection & Copy - [翻訳]JSON in JavaScript
翻訳 原文：JSON in JavaScript JavaScriptは、 Netscape Navigator用のページスクリプト言語として広まった汎用のプログラミング言語です。Javaのサブセットであると広く信じられていますが、それは違います。Cのような構文とソフトオブジェクトをもつSchemeに類似した言語です。JavaScriptは、ECMAスクリプト言語仕様-第3版で標準化されました。 JSONの表記法は、JavaScriptのリテラルオブジェクトの表記法のサブセットです。JSONはJavaScriptのサブセットであるため、あれこれ悩まずにJavaScript言語で使用できます。 var myJSONObject = {"bindings": [ {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"
1分でわかるJSAN - FAX
1分でわかるJSAN 技術 概要 JSANは、他のライブラリをインポートするライブラリです。 リポジトリ リポジトリは、ライブラリの検索対象のパスです。 JSAN.addRepository()で追加します。 JSAN.includePathにリストされます。 デフォルトのリポジトリは「.」と「lib」です。 JSAN.use() ライブラリをインポートするには、JSAN.use()を使います。 クラスがロードされます。 個々の関数もグローバルコンテキストへロードされます。 JSAN.require() クラスのみをロードします。 「Test.Simple.plan()」のように、全部書けば呼び出せます。 グローバルコンテキストを汚しません。 JSAN.exporter() ロード済みのクラスから、好きな関数をグローバルへ置き直します。 関数が使いやすくなります。 好きなライブラリの、好き
Collection & Copy - AJAX/JavaScriptライブラリまとめ
AJAX/JavaScriptライブラリまとめ (2005/9/6 Revision .1.3) 翻訳 原文：Survey of AJAX/JavaScript Libraries Copyright 2005 by Sergio Pereira, Joe Walker, Matthew Eernisse ※本翻訳は、2005/9/6の1.3版を基に作成されています。原文であるWikiページは、1.18以上に更新が進み記載されているライブラリの数が増え、複数の誤りが修正されているようです。最新の情報は原文を参照してください。 Prototype (http://prototype.conio.net/) ライセンス：MIT 概要： Prototypeは、動的なウェブアプリケーションの開発を容易にするためのJavaScriptフレームワークです。Ruby on Railsフレームワーク駆動で
OpenMocha - Mochaとは何か - FAX
OpenMocha - Mochaとは何か 翻訳 (via こんな毎日・・・) 2005-08-06, 20:56 原文：What is Mocha? Copyright 2005 by czv.com 現在、Javascriptとして知られている非常にポピュラーなスクリプト言語の元々のプロジェクト名は、Mochaでした。 Mochaは、極めて豊かで力強く柔軟なプログラミング言語です。高度に進化した構文、標準メソッド(関数)の膨大なライブラリ、複雑なものを作成するために備わる機能、そしてオブジェクト指向のデータ構造とメソッドなど、素晴らしいものを沢山持っています。 Javascriptは世界で最も誤解されたプログラミング言語のため、「Javascript」と言うと、きっといつでも誤解されてしまうでしょう。 誰かにプログラミング言語としてきちんとJavascriptを理解して欲しいと思うな
JavaScript: 世界で最も誤解されたプログラミング言語 - 実用
翻訳 原文:JavaScript: The World’s Most Misunderstood Programming LanguageCopyright 2001 Douglas Crockford. All Rights Reserved Wrrrldwide. JavaScript(別名：Mocha、LiveScript、JScript、ECMAScript)は、世界で最も人気のあるプログラミング言語の一つです。世界中のほとんどのパソコンには、少なくとも1つはJavaScriptインタープリタがインストールされ動いていることでしょう。JavaScriptは、WWWのスクリプト言語としての確かな地位により広く利用されるようになったのです。 しかしその高い普及率にもかかわらず、JavaScriptが汎用的でダイナミックな優れたオブジェクト指向プログラミング言語であることはあまり知られて
2005-08-25 - FAX
翻訳 原文:About OOWebCopyright(c)R. Rawson-Tetley, 2005.概要OOWebは軽量です。そしてJavaアプリケーションのためのHTTPサーバーが組み込まれています。URL階層にオブジェクトがマッピングされ、各々のページはメソッドに対応付けられます。また、フォームおよびクエリ文字列は、メソッドの引数に該当します。OOWebにより、Webアプリケーションの構築、配備、テストが、圧倒的に簡単になります。そして、何より大事なのは、使って楽しいということです！OOWebはCherryPyから沢山のアイディアを得ました。特徴GET/POSTHTTP セッションクッキーロギング静的コンテンツ超軽量 (v0.4は、たったの27k) 外部ライブラリへの依存無し高い可搬性 (ピュアJava、Sun JDK 1.4対応、Kaffe、JamVM、SableVM、GIJ/G
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MSDN、ブックマーク失敗 - FAX