HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」:phpspot開発日誌
DOM Tool HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」。 次のように、HTMLの <div> 要素を JavaScript の document.createElement の形に変更してくれます。 HTMLをそのままJavaScriptのコードに記述するとプログラム的にコードが読みにくくなったりしますが、このツールを使い、DOMの形式にすることが出来ます。 DOMの形式でJavaScriptプログラミングを行いたい方にとって、これはなかなか便利ですね。 JavaScript: DOM-HTMLを操作するための仕組み
JavaScriptからFlickr APIで画像検索：ITpro
Flickr APIのインタフェースとしては， REST / XML-RPC / SOAP の3種類が用意されています。 通常は，実装が容易な REST を利用することが多いようです。 REST リクエスト時のレスポンス（APIから返却される結果データ）は， RSP 形式という独自の XML フォーマットで出力されます (Plain Old XML)。 XML以外にも，JSON形式(JavaScript Object Notation)， JSONP形式(JSON with Padding)， PHP serialize形式での出力も可能です。 今回は，JavaScriptから処理しやすいJSONPを利用することにします。 Flickr APIの利用（ライセンス認証用API Keyの取得）には， 米国Yahoo!の会員登録が必要です。 英語のメッセージなので少し面倒ですが， [Sign U
テキストエリアでリターンキーを押した際に、submitイベントの発生を抑止する方法 - Enjoy*Study
テキストエリアでのリターンキーで、submitイベントが発生しないようにする場合、ブラウザ毎にどのような処理を書けばいいのか調べてみました。(submitイベント自体に処理を追加せずに、テキストエリアでのイベントで制御したかったので) テキストエリアでのリターンを拾えるイベントとしては、下記の3つがあります。 keypress keydown keyup イベントをキャンセルする方法は、IEのJScriptの実装と、DOM 2のEventモデルでの実装である下記の2パターンを試しました。 event.preventDefault() event.returnValue=false そして確認の結果、上記のイベント×キャンセル処理の組み合わせでsubmitイベントがキャンセル出来るのは、下記のパターンとなりました。 IE 6 keydown - event.returnValue=false
「ブックマークに追加」 ボタン
サイトリニューアルの際に、旧デザインで各エントリーページに付けていた、hatena ブックマーク、del.icio.us 等ソーシャルブックマークへの追加ボタンをはずしてそのままにしていたのですが、これを再度掲載することに。 その際、単にアイコンを並べただけでは味気ないので、ちょこっと小技を効かせてみました。 実物はエントリータイトル横のアイコンにマウスオンしてもらえればわかるかと思いますが、せっかくなのでソースとか公開。 2007年12月14日 追記 サイトリニューアルでボタンが変わったので、サンプルを下記に移動しました。 実際に動作しているサンプルはこちら さて、今回の材料は、 アイコン画像 JavaScript ファイル 3種 本ボタンの XHTML ソース 本ボタン用 CSS の追加 JavaScript ファイルはマウスオン、オフ時の動きを制御するために使用。これは 「PJ Hy
NTTデータ子会社が国内トップのJavaScript Webフレームワーク製品をオープンソース化，Seasar財団に寄贈
NTTデータイントラマートは同社のWebアプリケーション・フレームワーク製品「intra-martフレームワーク」の基盤部分をオープンソース化し，NPO法人Seasarファウンデーションに寄贈，無償公開する。同製品はJavaScriptでサーバー側のプログラムも開発できることが特徴。オープンソース化によりユーザーの拡大を狙う。 NTTデータイントラマートはNTTデータの子会社で，intra-martフレームワークの開発，販売などを行っている。intra-martフレームワークは約1700社が導入している。2002年の日経ソリューションビジネスによる調査では，商用Javeフレームワークとしては国内で販売金額1位トップ。2006年のノークリサーチによるSAPのフロントシステム構築ツールシェアでも28.6%で1位となっている。商用フレームワークとしては2000年と早期から販売を開始し，サポートや
最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方
何かくっつける系のGreasemonkeyが作りやすくなってます。 エントリごとに表示投稿日時が出てる箇所に追加されます。 window.entry_widgets.add("name", generator , "description"); generatorはfunction(feed,item){ ... }のように無名関数で記述できます。feedはフィードに関する情報、itemはその記事のリンクや記事本文が取れます。データ構造はまるごとPerlに書いてあります。 descriptionは省略可能ですが、将来的に何か気の利いたUIでも作ろうかと考えていたりするので入れておくと良いかも知れません。今のところtitle属性に使うようになってます。Greasemonkeyだと日本語が通らないのでエスケープする必要があります。 エントリにくっつけるサンプルエントリごとにlivedoorクリ
それすぐ実行！JavaScript！ - IT戦記
思った 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
最速インターフェース研究会 :: FirefoxでJSONPのロードされるタイミングを調べてみた
Firefoxでのスクリプト読み込みの同時実行について http://d.hatena.ne.jp/shinichitomita/20061013/1160707042 を読んで。 Opera以外は読み込み順に実行されるよね、と思ってたんだけど、どうも違うみたいなので、わかりやすいようにサンプルを作ってみた。 http://la.ma.la/misc/sleep/ ウェイト入れてレスポンスを返すCGIを書いてロード。0,1,2,3って順番で表示されるはずだ、と思って実験してみたらSafariでしかうまくいかなかった。 色々試してみたけど、 - Safari: 並列リクエストされてロードされた順に実行。 - Firefox: 並列リクエストされるけど実行順は固定。 - IE: 並列リクエストされて実行順はほぼ固定？応答が遅いと後回しにされてるような気がする。 - Opera: 並列リクエスト
suVeneのあれ: Ajaxにおけるメモリリークの注意点
2006年03月06日 Ajaxにおけるメモリリークの注意点 [ajax][javascript][はてブ] はてブの「ブックマークの確認」ページは、IEでメモリリークする！ IE のメモリリーク調べる為の「Drip」ってツールが ここにあって、 このツールは単純にリークしそうなコードチェックしたり、 オートリロードして、外部から参照したメモリ使用量を記録してくれるだけなんだが はてブの追加ページで確認するとこんな感じになる。 (オートリロードなんで負荷高くなるから、悪用したり、やりすぎたりしないようにｗ) タスクマネージャー等の、外部から参照したメモリが増えているからといっても OSがアプリケーション用にキャッシュしているメモリが増加しているだけの 可能性があるから、一概に鵜呑みはできないんだが 平均して1回のリロードに 1M 近く増えていくとかおかしい。 (MicroSoft もタスク
Yoshioriの日記: Voxのお題に答えたエントリーをjavascriptで表示♪
前に書いた 「Voxのお題に答えたエントリーをMovableTypeで表示♪」 に「PHPじゃ無いから使えなくて残念」と お言葉をいただいたので、javascriptでも作ってみた こんな感じ いやぁ、自分が書いたものに 反応があると嬉しくって調子に乗っちゃいます。 「XML 2 JSON service」を使って JSONPにして持ってきてます。 ↓ソース <div id="vox"></div> <script type="text/javascript"> <!-- //ここを書き換えてね var voxUserID = 'yoshiori'; //VoxのユーザーID var readCount = 1 //記事をそれぞれ何個呼び込むか; //ここまで var qotdURL = 'http://${name}.vox.com/library/posts/tag
XML を JSON に変換するサービス - ベータ版を公開 :: Drk7jp
JavaScript 2.0 支援ツール「XML 2 JSON service」って何？ XML を JSON に変換するサービスです。この技術を用いることで、 クロスドメイン制限を超えて JSON 形式で XML 形式のデータを利用することが可能となります。 JSON は XML と比較して JavaScript 上で非常に扱いやすいため、コツを掴めば簡単に自分のサイトで利用できます。 既に幾つかのサイトで実装されていますが、不特定多数の方にサービス提供するために負荷対策を施し、XML 2 JSON service ベータサービスを公開することにしました。 最近良く聞く Ajax とは何が違うの？ 最近、流行りまくっている Web 2.0 と呼ばれるものの基礎技術の１つとして Ajax があげられます。Ajax は大変便利な技術なのですが、セキュリティの観点から自ドメインへのアクセスしか
suVeneのあれ: JSONでなくてJSONP[JSON with Padding](クロスドメイン解決)
2006年08月27日 JSONでなくてJSONP[JSON with Padding](クロスドメイン解決) JSON(JavaScript Object Notation)ってのは、Javascipt扱う人ならば大体知っていると思う。 簡単に言えば、JavaScript のデータ互換フォーマットの事。{ "hoge": 1, "fuga": ["a", "b", "c"] }みたいなフォーマット。 参考) Collection & Copy - [翻訳]JSON入門 JavaScript++かも日記 - JSON/簡単なテスト:基本 これは確かに、同一ドメインでクライアントに渡すデータとしては有効で、レスポンスをそのまま eval して使えるので便利なのだ。(prototype.js では Ajax.Request.prototype.evalJSON() を利用すれば JavaScr
秋元@サイボウズ研究所プログラマーBlog 訪問者が入れているFirefox extensionを検知するJavascript
chrome:プロトコルで Firefox Extension が持っている画像などをアクセスすることで、その Firefox である extension がインストールされているかどうかを判定できるらしい。 実際のデモはこちら(自分の使ってる拡張機能を知られたくない人は押さないこと) 著名な extension ごとのチェック対象画像のリストを整理している人もいた。 リンクが訪問済かどうかをCSSの属性からチェックする技法がちょっと前に話題になったけど、いろいろ考えるもんだ。 # こちらは、 あなたのWeb2.0度判定テストやHatebu::Addiction(はてブ中毒度)などで使われている。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、
script.aculo.us - web 2.0 javascript
This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com
Amazon倉庫はニートでも出来る簡単なお仕事らしい : オーニソプターズ
作業内容 ルンバみたいな自動で送られてくる棚に商品をバーコードでスキャンして入れるだけ ノルマは１日3000件 拘束時間11時間(勤務時間10時間プラス休憩1時間) 時給1050円 なんj民にオススメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
便利なソースコード表示用JavaScript (dp.SyntaxHighlighter) - youmos
prototype.js リファレンス
Kazuho@Cybozu Labs JavaScript を学ぶ上で読むべきウェブサイト
texSoft.it - multiline tooltip with HTML CSS and JavaScript
http://www.bartelme.at/journal_detail.php?detail=298