[B! JavaScript][Javascript] [16ページ] otsuneのブックマーク

Kazuho@Cybozu Labs JavaScript を学ぶ上で読むべきウェブサイト

otsune 2006/10/19

JavaScript

リンク

prototype.js リファレンス

<body> <h1>prototype.js リファレンス</h1>

otsune 2006/10/19

JavaScript

リンク

思った JavaScript はすぐに実行してみましょう！ブラウザの URL 入力欄に javascript:(function() { /*実行したいコードを書く*/ })()FireBug を使ってる人は、コンソール開いて実行したいコードを書く。たとえばこんなことができます。これらの例は僕が日頃使っているものです。グローバルで使える関数を列挙する(Firefox Only) FireBug用 for(var n in window) if(typeof window[n]=='function')console.log(n); URL用 javascript:(function(){var b='';for(var n in window)if(typeof window[n]=='function')b+=n+"\n";alert(b)})() Object.prototyp

otsune 2006/10/16

リンク

nerd — Unit Testing with JavaScript and TextMate

When it comes time to make those big plunges into the unknown we are bound to make lasting memories. We Make the Dates As I sit here today with a glass of red wine in one hand and my other hovering over the keyboard, posed to pounce like a leopard I can only think of a few things to write about. Let’s choose one of them at random and hope that the wine doesn’t make me too sappy. There are some dat

otsune 2006/10/05

JavaScript

リンク

じゃんけん2.0で優勝したJavaScriptのソースを公開しました — Lightweight Language Ring

Recent entries じゃんけん2.0で優勝したJavaScriptのソースを公開しました yasuyuki 2006-10-02 第16回GaucheFestを開催します yasuyuki 2006-10-02 LL Ringの動画配信開始 kahei 2006-09-06 英語 BlogにLLRingの記事掲載 kahei 2006-09-05 発表資料を公開しました yasuyuki 2006-09-02 Recent comments Re:じゃんけん2.0で優勝したJavaScriptのソースを公開しました Anonymous User 2009-06-05 Re:じゃんけん2.0で優勝したJavaScriptのソースを公開しました Anonymous User 2007-07-17 Tシャツサイズアンケート Anonymous User 2007-01-23 Re:Tシャ

otsune 2006/10/03

JavaScript

リンク

関数名固定のコールバックをJSONPと言うことについて - snippets from shinichitomita’s journal

http://jsonp.yatena.com/ 実際のJSONPデータをご覧頂ければわかりますが、callbackの関数名はkakaku_wsとなっております。 http://blog.livedoor.jp/dankogai/archives/50639200.html 送られてくるjsonpはこんな風になっています。 parse_yubin2jsonp('東京都','千代田区','千代田'); いや、そもそも現在主流のJSONPの解釈自体が提唱者の元々の定義からぶれているので、定義にこだわるつもりはあんまりない。ただ、「xxxがJSONP対応したよ！」っていわれて、じゃあ試してみようと思ったら、自前のクライアントライブラリが使えなかったときというのがとても悲しい。自分でスクリプトタグをコードに書けばいいんだろうし、ページに結果を貼り付けるだけの小さな用途であればそれで十分なんだろう

otsune 2006/10/01

リンク

Software As She's Developed - Lessons in Javascript Performance Optimisation: 90 seconds down to 3 seconds

Lessons in Javascript Performance Optimisation: 90 seconds down to 3 seconds I’ve recently been optimising the guts out of a JS webapp I wrote, which was making IE crawl to a halt. I discovered this after introducing a stress-inducing data set. (Using Rails’ fixtures makes light work of this; since the fixtures are Ruby templates just like the web templates, it’s easy to introduce a loop to create

otsune 2006/10/01

JavaScript

リンク

Yahoo! Search Web ServicesのJSON(P)を利用したサイト内検索

Yahoo! Search Web ServicesのJSON(P)を利用すれば、JavaScriptのみでサイト内検索が実現できる上、Ajax的にページ遷移無しで検索が実行できる。Google AJAX Searchが内部で利用しているJSONPらしきアレを利用するケースと違い、こちらは公式にアナウンスされているのでおおっぴらに利用できる。というわけで、ほとんど同じタイトルでほとんど同じネタを連続で書いてみる。実装は、ひとつ前のエントリでもリンクを張っておいたサンプル・ページで利用しているJavaScriptファイルのような形になる。 Yahoo! Search Web ServicesのWeb Search APIへのリクエストは、 http://api.search.yahoo.com/WebSearchService/V1/webSearch?appid={アプリケーションID}

otsune 2006/09/28

リンク

YappoLogs CJTK - JSONPとJavaScriptを使ったテンプレートキット作った

CJTK - JSONPとJavaScriptを使ったテンプレートキット作った JSONPなどでデータを取得して、HTML中の任意なAttributeにマクロを埋むタイプのテンプレートキットを作りました。別にJSONPじゃなくても、staticもデータ構造を定義する事も出来るし、Ajaxサポート書けばAjax経由でデータを取得できます。マクロ展開はDOM探索で色々処理をしています。 Model = JSONP 、 View = DOM って感じかも。他にもJKL.Hinaや、JSmartyなどがあります、大きな違いは専用構文を利用しないでテンプレート展開が出来たりと、かなりシンプルです。他の特徴は・DOM操作のみでテンプレート展開・JSONP対応・テンプレート用のデータ領域を用意する事無く、HTMLに直接テンプレートを記入出来る・データ展開先を設定不要。class要素などか

otsune 2006/09/26

リンク

非同期処理をシーケンシャルに扱うために - snippets from shinichitomita’s journal

http://hail2u.net/blog/coding/synchronous-requests-to-jsonp.html forループなら並列リクエストでも工夫次第でできると思うけど、前後的な依存関係が各リクエストにある場合は、やっぱり直列処理をしなければいけない。 2、3段くらいの直列処理ならコールバック関数を連鎖させて書いたり、インラインで無名関数指定したりしても困らないと思うけど、もっと多段階の直列処理をコールバック関数名の指定だけで記述しようとすると、コードを書く人でも頭の中にちゃんとフローのイメージが出来上がってないと厳しいし、コードを読む側はもっとこんがらがることになる。たとえば del.icio.usからnetwork情報をJSONPで取得(http://del.icio.us/feeds/json/network/stomita) del.icio.usからfan

otsune 2006/09/26

JavaScript

リンク

AJAX Activity Indicators

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

otsune 2006/09/23

リンク

IT戦記 - [javascript] Plain Old JavaScript Prototypes (普通の JavaScript も使えるようにしよう)

Prototype.js や MochiKit や jQuery や dojo こういう便利なライブラリがたくさん出てきてとても便利になりました。でもそのライブラリ本当に必要？たしかに、グループワーキングを行うにはこれらのライブラリは必須だと思います。でも、ちょいスクリプトを作るのに .bind(this) や $ や each や Event.observe が必要でしょうか。いささかオーバスペックな気がします。実際に「このツール Prototype.js 必須かよ。こっちは MochiKit で作ってるのにぃ」とかってことも多々あります。あれを使うためにあれとこれを読み込んで、これを使うためにこれも必要だな。こんな感じだとサイトはどんどん重いものになってしまします。。。orz そこで、原点回帰です。ちょっとしたツールでライブラリ使うのはやめようよ！何も使わなくても Jav

otsune 2006/09/22

リンク

クライアントに任意のSQLを実行させる危険性 - odz buffer

クロスブラウザ関数群をブラウザ限定して小さくし、欲を言えば、日付入力用カレンダーやダイナミックロードとか、jslb_ajaxやドラッガブルフロートやインジケータオブジェクト、AjaSQLなども整理したいなぁと。うぉ。AjaSQLは1年近く放置されてたのでもう放棄かと思ったらやる気なんですね。なんか、はてなブックマークのほうを見ても最近でも地味にブックマークしている人がいるけど、自分の感覚からいえば有る程度制限を掛けているとしても不特定多数のクライアントから任意のSQLを実行させるなんてライブラリは作るほうも使おうとするほうも正気の沙汰とは思えないんだけどなぁ。ブックマークコメントを見てもほとんどの人は危険性を認知していないように思える。というより、多分、危険だと思った人はブックマークしてないだけなんだと思うけど。ということで、とりあえずそのコンセプト自体の問題点を考えてみる。レコー

otsune 2006/09/21

コメント欄

リンク

はてなブックマークでつけられたコメントをblosxomにインクルード

はてなブックマークエントリー情報取得APIを利用して、bl osxomのエントリ個別ページにはてなブックマークでそのエントリに付けられたコメントを引っ張ってこようとかいうネタ。bl osxomでの話ということになっているけど、実装自体はほぼPure JavaScriptなので、どんなページにも応用できるはず。プラグインは特に必要は無い。プラグインにする必要も無いとも言える。必要なのはflavourへのコードの追加とJavaScriptファイル。 head.html <script type="text/javascript" src="/scripts/prototype.js"></script> <script type="text/javascript" src="/scripts/hatena/bookmark.js"></script> prototype.jsが必要。インクルード

otsune 2006/09/20

リンク

Loading...

otsune 2006/09/14

JavaScript

リンク

JavaScript かも日記: 【JSON】Remote JSON - JSONP

Testnetがアップデートされたのは知ってたけれど、libra-authのデモも動かなくなったのでちょっと調…

otsune 2006/09/12

リンク

prototype.jsの開発メモとGecko DOM ReferenceのHTMLヘルプ

未だにちょくちょくみてしまうprototype.jsの簡単なリファレンスであるDeveloper Notes for prototype.jsの日本語版とThe Document Object Model in Mozillaで配布されているGecko DOM ReferenceのZIP version (古い奴)をHTMLヘルプにしてみた。HTMLヘルプはちょっと作ってみちゃったりすると、HDD上にあるありとあらゆるHTMLのドキュメントをHTMLヘルプにしたい欲求に駆られてしまう・・・のは僕だけですか、そうですか。 prototype.jsの開発メモ Gecko DOM Reference prototype.jsの開発メモの方はHTMLに手を入れて、メソッドやプロパティにidを振り、キーワードでジャンプできるようにした。HTMLヘルプ向けにCSSもちょっと調整。チェックしきれてない説

otsune 2006/09/12

JavaScript

リンク

JavaScriptの関数とメソッド：CodeZine

はじめに JavaScriptはオブジェクト指向言語です。しかし利便性のために、C言語などと同じようにグローバルな関数を定義し、構造化的な手法でプログラミングすることも可能です。この記事では、JavaScriptにおける関数の基本的な性質を見ていくと共に、関数の正体、および関数の使用方法について解説していきたいと思います。なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JScript、ActionScript）でも通じる内容になっています。対象読者プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて理解をしている人を対象としています。

otsune 2006/09/12

JavaScript

リンク

JavaScriptのsetTimeoutについて - 最速配信研究会(@yamaz)

JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念 http://d.hatena.ne.jp/amachang/20060910/1157911122 上記はてブコメント http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/amachang/20060910/1157911122 JavaScriptがシングルスレッドなのは仕様？ http://d.hatena.ne.jp/ajiyoshi/20060911 でsetTimeoutの仕様について熱く語られている.私も興味を持ったのでざっと調べてみた. まず超基本的な話としてマルチプロセスなOSにおいて完璧な時間制御というものは無理ということだ.これは話を極端にして｢1万個ブラウザ立ち上げてきっちり1msecごとになにかをさせようとしたらちゃん