[B! javascript] [7ページ] drawnboyのブックマーク

InteractiveJS その２ - nak2kのブログ

前回のエントリが思ってた以上に反応が良かったので拡張してみました。起動時にスクリプトのあるディレクトリに lib サブディレクトリがある場合、その中の拡張子が js のファイルを読み込んで eval します。lib ディレクトリにあらかじめ便利なスクリプトを入れておくと色々と楽できると思います。 // Interactive JavaScript. // http://d.hatena.ne.jp/nak2k/ function print(s) { WScript.StdOut.Write(s); } (function () { try { var fso = WScript.CreateObject("Scripting.FileSystemObject"); var scriptPath = fso.GetParentFolderName(WScript.ScriptFullNa

drawnboy 2005/10/01

spidermonckey が入らん！って思ってたところにこれ！便利！

javascript

リンク

Latest topics > プログラマのためのJavaScript - outsider reflex

drawnboy 2005/10/01

ごめんなさい勉強します

javascript

リンク

prototype.js 1.4.0 pre6 でのJSONサポート - 2nd life (移転しました)

http://dev.conio.net/repos/prototype/pkg/ JSONサポートしたよ！つってたので期待して見たらダメダメだった。普通xmlhttprequest(xhr)のresponseTextで取得した文字列からJavaScriptで使えるオブジェクトにしたい場合、 eval('var result = ' + result.responseText); とやる必要があった。ここら辺をライブラリでラッピングしてくれてんのかなと思ってソースみたらevalJSONって関数が定義してあってキタコレ！と思ったら全然用途違ったよ！ evalJSON: function() { var json = this.transport.getResponseHeader('X-JSON'), object; if (json) { try { object = eval(json

drawnboy 2005/10/01

なるほどー (後追いかけてばっか…)

リンク

Dean Edwards: The window.onload Problem – Solved!

Well, when I say solved I mean solved for the two most important browsers – Internet Explorer and Mozilla/Firefox. Still that’s good enough isn’t it? First, let me define the probl em. The window.onload event is used by programmers to kick-start their web applications. This could be something trivial like animating a menu or something complex like initialising a mail application. The probl em is tha

drawnboy 2005/09/25

リンク

はてなキーワードポップアップ - こども(てれび)

http://childtv.org/hatena/js/keyword-popup.user.js はてなのキーワードにどれだけ辞書的な価値があるのかという話ではありますが。制作にあたってはねこめしにゃんこなポップアップを参考にさせてもらいました。

drawnboy 2005/09/25

あとで参考にする

リンク

はてなブックマークの「おすすめ」エントリーを求めるブックマークレット - llameradaの日記

はてなブックマークのおすすめブックマーカー・おすすめエントリを求めるブックマークレットを作ってみました。要は、Amazonのおすすめを、はてなブックマークにあてはめて、思いっきり簡単にしたものです。ブックマークレットでも、かなり色々出来ることが分かりました。使い方としては、はてなにログインした状態で、はてなブックマークのトップを表示してください。そして、このブックマークレットを実行してください。 javascript:(function(){var s=document.createElement('script');s.charset='UTF-8';s.src='http://llamerada.fc2web.com/js/hatena.js';document.body.appendChild(s);})()具体的には、上のコードをURLの欄にコピーして実行してください。しばらく待

drawnboy 2005/09/22

よくできてるなー

リンク

最速インターフェース研究会 :: 三項演算子の正しい書き方ってあるのだろうか

最近は、三項演算子を多用しているのだけれど、やっぱり人が使ってるのを見ると気持ち悪い。 http://d.hatena.ne.jp/brazil/20050921/1127314004 Test.Builder.globalScope = typeof JSAN != 'undefined' ? JSAN.globalScope : typeof window != 'undefined' ? window : typeof _global != 'undefined' ? _global : null; これは解読するのにやたら時間がかかる気がする。コロンの後が値なのか条件なのかわからないからだ。俺ならこう書く。 Test.Builder.globalScope = (typeof JSAN != 'undefined') ? JSAN.globalScope : (typeof wi

drawnboy 2005/09/22

javascript

リンク

きまぐれ日記: Ajax を使った手書き文字認識

Ajax で手書き文字認識を作ってみました。 http://chasen.org/~taku/software/ajax/hwr/ Javascript で描画処理を行い、非同期に座標情報をサーバに送ります。サーバでは文字認識を行い、尤もらしい結果を返します。前回の Ajax IME と違い、今回はクライアントサイドではなくサーバーサイドの認識エンジンの開発をがんばってみました。画像処理は専門外で経験がありません。逆に言えば、チャレンジングな問題だったし、精度が向上していく様を見てるとわくわくしました。認識には、機械学習アルゴリズムのひとつである SVM を用いています。学習データとして、オープンソースの手書き文字認識エンジンの Tomoe のデータを使っています。完全に機械学習ベースなので、適当に入力して正解を提示することを繰り返せば、精度が上がっていくと思います。まだまだ、精度が

drawnboy 2005/09/21

いまさら

リンク

最速インターフェース研究会 :: デザインを変えました

サイドバーを無くして文字を大きくしました。あと検索ボックスがど真ん中、ってスタイルを流行らせたい。検索ルーチンを大幅に変更しています。まあ使いやすいかどうかは別として、いろいろ凝ったことをやってみました。タイマー使ってスレッド処理っぽくしています。エントリの件数が1万件とかになってもブラウザを固めずに検索ができます。1万件とかならないのであんまり違いはでないんだけど。副産物で色々と出来上がったのだけど結局ほとんど使ってない。ソース見たい人はここからどうぞ。全然整理できてないけど。 http://la.ma.la/js/ 色々変なことをやっているので、そのうち個別に解説を書くかも。

drawnboy 2005/09/21

1ペインってはやってるの？

javascript

リンク

http://hail2u.net/blog/files/pjswlf.html

drawnboy 2005/09/14

こんなんあったんだ。。hail2u さんすげー

リンク

#!shebang.jp : prototype.js をちゃんと使ってみる。

September 12, 200516:45 prototype.js をちゃんと使ってみる。カテゴリ技術ネタ prototype.js をちゃんと(仕事で)使ってみようという事でゴニョゴニョしたメモ。やりたい事は通常のテキストを編集可能にして Ajax で保存っていうありがち(？)な事。で、使い方の勉強がてら書いたコードをのせておくと以下のような感じ var Editable = Class.create(); Editable.prototype = { initialize: function(text, url) { this.view = $(text); this.url = url; Element.show(this.view); this.editor = document.createElement('input'); this.editor.type = "t

drawnboy 2005/09/13

prototype.js わかんねー

リンク

ひげぽん OSとか作っちゃうかMona- - 実践 prototype.js [1]

今話題(?)の prototype.js を使ってみました。うれしいこと Class.create(), extendは最高。ある程度気軽にクラスを作れる。オブジェクト指向に慣れている人は生産性・コードの品質が上がる。(実際コードはコンパクトになったし、仕様追加時にもいい感じだった。）実はクラス関数も作れて便利（これはprototype.jsの機能ではない） var Hoge { hoge: function() {alert('hoge');}} Hoge.hoge();みたいな。悲しいこと Ajaxとの組み合わせでちょっと戸惑う。インスタンス関数を、onreadystatechange ハンドラに登録した場合にいわゆるコールバック関数なので、this.xxx などのプロパティにその関数内からアクセスできるか微妙。（回避策がありアクセスできるがこれでよいのか?仕様的に不安。クロ

drawnboy 2005/09/06

ずっと積ん読状態になっちゃってるので、とりあえずブクマ

javascript

リンク

Module: ActionView::Helpers::JavaScriptHelper

Please Sign In No account? Create new user.

drawnboy 2005/08/26

javascript

リンク

Prototype.js - Effectサンプル

これはオブジェクト指向JavaScriptライブラリ PrototypeのEffectのサンプルです。付属のサンプルにちょっと手を加えてちょっと日本語訳したものです。 Effect.Fade() & Effect.Appear() 呼び出し方法 new Effect.Appear(element) new Effect.Fade(element) コード例 onclick="new Effect.Appear('appear')" onclick="new Effect.Fade('appear')"

drawnboy 2005/08/26

javascript

リンク

Using prototype.js v1.3.1

What is that? In case you haven't already used it, prototype.js is a JavaScript library initially written by Sam Stephenson. This amazingly well thought and well written piece of standards-compliant code takes a lot of the burden associated with creating rich, highly interactive web pages that characterize the Web 2.0 off your back. When I first started trying to use this library, a few years ago,

drawnboy 2005/08/23

javascript

リンク

こども(てれび) prototype.js ってなに？の巻

追記 2005-08-23 Using prototype.js v1.5.0 リファレンスがあったみたい。これを読んだ方がはるかに有益です。あー書くんじゃなかった。はてなの人気者 id:naoya が「prototype.js でデザインパターン」というのをやってるんだけど、prototype.js の説明をしてくれなくて困る。前から「Rails の prototype.js は便利だ」というのを目にすることがあったので、ちょうどいい機会だってことで調べた。 http://prototype.conio.net/ ドキュメントが全然ない。ないこたないと思うのでご存知の方は教えてください。しょうがないのでコードを読むことに。 http://dev.conio.net/repos/prototype/src/ ここのを順次読みます。 base.js http://dev.conio.net

drawnboy 2005/08/22

javascript

リンク

こども(てれび)

適当な感想を言うだけなのもなんなので例を書きます。これを作る。higeponにあやかりたいあやかりたい。いまさら人に聞けないAjaxと簡単なサンプル - higepon blog ・画面上テキストラベルに見える部分をマウスクリックすると編集可能になる・文字列を入力し、Enterキーを押すと、テキストがバックグラウンドで更新され、ラベル表示に戻る。・画面はリロードされない。完成品はこれ。 http://childtv.org/prototype/sample.html 使っているのは Prototype 1.3.1 です。 http://prototype.conio.net/dist/prototype-1.3.1.js sample.html <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C/

drawnboy 2005/08/22

javascript

リンク

最速インターフェース研究会 :: JavaScriptのデザインパターン - Singleton

JavaScriptじゃねえと書けねえよ、ってやり方でデザインパターンを実装してみるコーナー。とはいってもデザインパターンとか良くわからないので適当に覚えながら作る。間違ってる箇所あったらつっこんでくれるとありがたいです。わかりやすい文章を書く能力が欠如してるのでデザインパターンって何だとかそういうのはこっち参照。 http://d.hatena.ne.jp/naoya/20050813/1123924312 JavaScriptのコンストラクタはPerl同様自在に定義できます。returnでobjectを返してやれば、newの結果としてそいつを使います。普通にシングルトンなクラスを実装するにはこんな感じだと思います。 function Singleton(){ var self = arguments.callee; if(self.instance == null){ this.

drawnboy 2005/08/15

javascript

リンク

檜山正幸のキマイラ飼育記 - プログラマのためのJavaScript (0)

ジジイの手習いで、JavaScriptを勉強中でございます。その動機は「結局、ブラウザベースRIAかよ」のようなこと。非ブラウザベースのリッチクライアントへの期待を失ってしまったんですね。短期的・現実的な策としては、Ajax的な手法によるRIAなのかなぁ、という気分。ただし、「短期的」が“1年”と“5年”ではえらい違いです。今のところ僕には、「短期的」の実際の期間はわかりません。僕のJavaScript調査の結果は、「初心者でも使えてプログラマでも困惑するJavaScript 」などに書きました。これらの続きとして、「プログラマのためのJavaScript (*)」というタイトルで書こうかと予定してます。あくまで予定、気まぐれでモノグサな僕のことだから、…… “プログラマのための”というのは、C, C++, Java, C#など“普通の”プログラミング言語にある程度慣れていることを前提に