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要素などか
IT戦記 - 今さらだけど $X GreaseMonkey はまじで最強だなぁ。例えば 2 行で mixi のクローラとか作れちゃうもん
最近 GreaseMonkey ちょっと使ったりするんだけど $X 関数が便利すぎる！！ $Xとは cho45氏が作った XPath 用の関数です。Shibuya.JS で発表してた資料にあります。 http://lowreal.net/2006/shibuya-js-1-lt.html http://lowreal.net/logs/2006/03/16/1 例：mixiクローラ これは例です。規約違反などで実際には絶対やらないでください。 var links = $X("//a[contains(@href,'show_friend.pl')]"); setTimeout(function(){document.location.href=links[Math.floor(Math.random()*links.length)].href }, 3000); 簡単過ぎる！ これでグリモ
Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント:phpspot開発日誌
Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント 2006年09月22日- YUI Grid Sample This is a sample of using the YUI Grid created by Jack Slocum with a twist. Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント。 次のようなウィジェットをJavaScript+CSSで実現しています。画像下部のページング部分を押すことで、ページ送りが可能になっています。 ライブラリ自体は、JSファイル、CSSファイルをダウンロードでき、レスポンスのXML形式もどのようにしたらよいか、というのが公開されているようです。 こういったインタフェースが使いたかった、という方は使ってみてはいかがでしょう :-) 関連エントリ
あまきた日記 - JavaScriptでアスペクト指向
JavaScriptでオブジェクトにアスペクトを適用するコードを書いてみた。 アスペクトは単なる関数として書きます。 JavaScriptでアスペクト指向やってもあんまりおいしいところはないと思ってたけどそれなりに使える。 Dateオブジェクトにアスペクトを適用するテストケース。 function test_Object_Aspect_around() { var d1 = new Date("2006/09/16"); var status = null; var aspect = function(invocation){ var oldValue = invocation.target.getFullYear(); var result = invocation.proceed(); status = (oldValue == invocation.target.getFullYea
krd MOONGIFT
使いこなしているからこそ KDEベースのリモートデスクトップマネージャです。rdesktop、VNCの接続を管理、設定できます。 使いこなしているからこそ リモートデスクトップやVNCはモニタがなくとも他のPCが使えるようになる便利なソフトウェアだ。特にX Windowを使わざるをえない場合のサーバ操作や、共用PCの操作に有効だ。 だが、接続先が色々増えると管理が大変だ。そのような悩みを抱えている方はこれを使おう。 今回紹介するオープンソース・ソフトウェアはkrd、リモートデスクトップマネージャだ。 krdではrdesktopやVNCの接続を作成、管理する事ができる。パスワードをKDEウォレットマネージャを利用して保存しておく事も可能だ。なお、VNCはRealVNCではなく、TightVNCなのでご注意いただきたい。 この手のツールの便利な点は、やはり面倒なオプション設定をGUIベースで手
livedoor clip の JSONP API からタグ・クラウドを生成するデモ - (new Hatena).blog()
id:secondlife さんの AsyncJSONP (参照: MochiKit で JSONP の利用) を使って、MochiKit の勉強がてら作ってみました。 livedoor clip の JSONP API を利用してタグ・クラウドを生成する、というものです。最近どんなキーワードの話題が注目されているかが分かると思います: MochiKit を使ったのは実は今回が始めてなんですが、(昨今の脳トレブームにも通ずるような) 頭脳を刺激されるような感じがして、とても楽しいです。 OO 言語等との語順の違いとか、高階関数の利用が必然的に求められる点など、個人的に普段使わない頭の使い方をさせられるためなんでしょうね。 とりわけイテレータ関数の利用において、できるだけ中間の変数を作らず関数の組み合わせだけで処理する、というあたりが頭の使いどころになってくるようです。 例: // ふつうの
sawatの日記 - JavaScriptはほんとにシングルスレッドで実行されているのか？
amachang氏の JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念 - IT戦記 を読んで、「そうそうJavaScriptはシングルスレッドだからね〜」なんて思っていながらその実証コードを作って遊んでいるうちに奇妙な現象を発見した。 以下が問題のコード <html> <head> <script type="text/javascript"> function test() { window.str = undefined; setTimeout(function(){ alert(window.str); }, 0); window.str = prompt('hoge?'); } </script> </head> <body onclick="test()"> </body> </html>ドキュメントのbodyにonclickハンド
JsUnit vs SimpleTest
単体テストを自動化するとどれくらいメリットがあるのか。。簡単に、、、 ・ 回帰テストが常に行われる。 追加したコードに対する単体テストコードを追加するのだが、そのほかのコードに 対するテストはすでに記述されている(はず)なので、テストがすべてＯＫならば、 コード全体の妥当性が証明できる。 ・ 正常系、異常系のテストが簡単に行える。 テストする単位は、関数単位となる。この関数の初期状態、入力値などを指定し、 関数実行後の状態、ＯＵＴ引数、戻り値の値をテストする。 １つ作れば、あとはコピペで 閾値のテスト、エラー値のテストが簡単に行える。 ・ 仕様との照らし合わせ 仕様どおりのＩＮ/OUT かどうかが簡単にチェックできる。これは、テストコード自体が、 対象コードのドキュメントとなることも意味している。 eXtream Programming でも歌われているが、テスト
クールなJavaScriptライブラリ - mootools登場 | エンタープライズ | マイコミジャーナル
The Mad4Milk teamは11日(米国時間)、JavaScriptライブラリ集「mootools」を公開した。mootoolsはコンパクトにまとめられたJavaScriptライブラリで、モジュール形式、オブジェクト指向で開発されている。 mootoolsはThe MIT Licenseのもとで提供されているオープンソースソフトウェア。Safariで動作確認がとられているほか、IE 6/7、Firefox、Opera、Caminoでの動作が確認されている。特にFirefoxで動作する場合にすぐれた実行速度が実現されるという。 mootoolsは次の15のJavaScriptライブラリから構成されている。ネイティブスクリプトはメインライブラリに依存し、アドオンはメインライブラリとネイティブスクリプトに依存している。 メインライブラリ Moo.js (必須) ネイティブスクリプト Fu
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もちょっと調整。チェックしきれてない説
javasciptでOO - Doge log
あまり知られていない事かもしれないけど UmbrelloでUML書くとjavascriptのコードにも落とせます。 javasciptでOOってどうやるの？って思ってる方は参考にしてみてはどうでしょう？ つーか今日知ったんだよ！Umbrello！ 機会があればドンドン使いたいな。 うくく。
FireBug と benchmark.js を使って稼働中のサービスの JavaScript パフォーマンスをチェックする - IT戦記
まずはこれを見てください。 http://sample.ecmascript.jp/bench.htm このような感じで FireBug のコンソールを表示させて 適当なサーバにある benchmark.js を読み込んで benchmark.at('firebug')({ 'テスト１': function() { ... } }); って感じで、どんなサイトでもパフォーマンスを計ることが出来ます。 何が嬉しいのか いちいちサービスの JavaScript を書き換えて計測する必要がない。 思いついたときに、パフォーマンスチェックができる。 FireBug を入れていない、または Firefox 以外でパフォーマンスを計りたい場合 URL 欄に javascript:(function(){var s=document.createElement('script');document.bo
jQueryを使おう[入門・中級]：住所検索システムを作る: Recently Ajax
GoogleマップAPIなどを使っていると、住所から緯度・経度を知りたくなる機会が多々あります。 GoogleマップAPIでも、バージョン2から「Geocoder」という住所検索の仕組みが提供されているのですが、残念ながら日本語が通りません。 そこで、別の手段を使って緯度・経度を検索する仕組みを作ってみましたので、ご紹介します。 サンプルはこちら 住所検索 | Recently Ajax ※ 06.09.23追記 上記のサンプルでは余計な情報が同時に表示されてしまっていましたが、改良できました。コメントくださったようへいさん、ありがとうございました。 住所検索 jQuery版（改良版） | Recently Ajax 住所を入力して「検索する」ボタンをクリックすると、緯度・経度が表示されます。 まずは、住所から緯度・経度を割り出してくれるサービスを紹介します。東京大学空間情報科学研究セ
SEO対応Javascriptニュースティッカー | 秋元@サイボウズラボ・プログラマー・ブログ
Accessible JavaScript Newsticker 複数のニュースを、一個ずつ順番に表示させるギミック。サンプルはこちら。 何が”Accessible”かというと、Javascriptがオフの時でもニュースが一覧でHTMLソースに存在する、つまり、検索エンジンから認識される、ということだろう。JavascriptやCSSを使ってdegradableな階層メニューを作るような話題とこのあたりは同じ。 逆に、ページに表示されるけれど検索では引っかからない、ような表示内容にしたければ、ニューステキストをJavascript側で処理して表示させるようなものを作ればよい。 [追記] 百式の田口さんがほぼ同時に別のJavascriptティッカーを紹介されていた。Javascriptでお手軽ティッカーを実現 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散してい
AJAJA - Trac
昔はサラ金とかキャッシングのCMも多くて広告も多かったんですけれども、今はすこしずつ減っているような印象を受けますね。昔はもうちょっと多かったと言うよりも、そればっかり流れていた時があったように思います。あの頃は内容もよくわからなくて、別に貸金業者だということがわからなくてもいい、というような意識で作られていたんじゃないか？と思うようなCMが多かったです。インパクトやPRには良かったと思います。 今は逆にこういったキャッシングなどのCMはあるにはあるんですけれども、昔よりも減ったように思います。車内広告などもそうですし、少なくなりつつあります。その代わりに増えているのが過払い請求をするための法律事務所の広告でしょう。元々こういうものは一切見たことがなかったですし、そもそも法律事務所の広告なんて言うものを見たことがある人のほうが少ないと思います。それもそのはずでこういった法律事務所や税理士の
AJAJA - Wikipedia
AJAJA（アヤヤ）とはAJAJA = Asynchronous JavaScript + ASP JavaScriptの略称で、ブラウザだけでなくサーバサイドでもJavaScriptを使おう！というプロジェクト。 SpiderMonkeyを拡張してCGIを実装し、サーバサイドで動作するようになっている。 [編集] 特徴 現行のバージョン(0.2)ではasp_jsと呼ばれるCGIインターフェイスから実行するようになっている。asp_jsでは、IISのASP/JavaScirptの記法をそのまま処理することができる。これは、以下のようなコードが動作する事を示す。 #!/usr/bin/asp_js <% var msg = "Hello World" %> <html> <head><% Response.Write(msg); %></head> <body> <h1><% Respons
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
連想キーワード認証
新規
Loading...
Javascriptでお手軽ティッカーを実現 i d e a * i d e a -
