2009-04-07
ふと思いましたけれども、innerHTMLが危ない件。はせがわさんの例の記事で、innerHTMLを使わずにDOM操作でクローンノードを作れば吉みたいな部分。で、その後、別の誰かが別の場所でd=document.body.innerHTML;d=d+"<p>この記事おしまい</p>"などと記述したらオジャンではないのかなぁと。確かめていませんが。で、応用編の妄想ですが、Ajaxなチャットでd=d+"";みたいなリフレッシュってしてないよね？とか。うーん。そもそもはせがわさんの記事ではinput要素が例題になっていましたけれど、object要素あたりでも発生するのかなぁ？というのはですね、一時期、IEでパッチがあたってobject要素が表示されなくなってしまい、さぁユーザのみなさん、動画が見たければクリックしてアクティベーションしてくださいな、という事件がありませんでしたっけ？と悪い頭で思い
【ハウツー】JavaScriptでLINQを使おう - 複雑な検索処理を簡潔に記述する「JSINQ」 (1) まずはサンプルから試してみる | エンタープライズ | マイコミジャーナル
JSINQとは? JSINQはJavaScriptでLINQ to Objectを使用するためのライブラリだ。LINQは.NET Frameworkで提供されているオブジェクトをSQLライクなクエリ言語で検索するための機能で、JSINQは.NET Framework 4.0のLINQの完全な実装とされている。 図1 JSINQのWebサイト なお、JSINQはMITライセンスのもとで利用可能なオープンソースソフトウェアで、本稿執筆時点の最新版は2010年4月にリリースされた1.0.0.1となっている。 JSINQを試してみよう JSINQのWebサイトではオンラインでJSINQを試すことのできるサンプルが公開されている。まずはこれを利用してJSINQを試してみよう。 図2 JSINQのサンプル このアプリケーションでは画面下のテキストエリアにクエリを入力して検索を行うことができる。初期状態
IE6をクラッシュさせる１行 | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 6 Ajaxian ≫ jQuery one-line plugin to crash IE6において、IE6をクラッシュさせるプラグインが紹介されている。IE7やIE8ではクラッシュせず、IE6のみでクラッシュが発生する。紹介されているプラグインはjQuery Crash Plugin。プラグインのソースコードは次のとおり1行だけ。関数を定義しているのみ。 /** * jQuery Crash (http://mktgdept.com/jquery-crash) * A jQuery plugin to crash IE6. * * v0.0.2 - 5 March 2010 * * Copyright (c) 2009 Chad Smith (http://twitter.com/chadsmith) * Dual licensed
RSA and ECC in JavaScript
The jsbn library is a fast, portable implementation of large-number math in pure JavaScript, enabling public-key crypto and other applications on desktop and mobile browsers. Demos RSA Encryption Demo - simple RSA encryption of a string with a public key RSA Cryptography Demo - more complete demo of RSA encryption, decryption, and key generation ECDH Key Agreement Demo - Diffie-Hellman key agreeme
最速インターフェース研究会 :: [Ajax] location.hashを使ったセッション復元
最近になってようやくJavaScript関係、動的ロードを使ったテクニック等について 話せる相手ができまして、、なかなか充実しています。 Gmail、GoogleMapsのような画面遷移なしの高速なナビゲーションが注目されています。 サイトが特定のタスクに対して特化している場合、JavaScriptを使ったインターフェースの最適化が非常に有用であるのは間違いありません。 ブラウザ上で動作するリッチクライアントとしてはFlashが圧倒的に有名ですが、Flashは、ブックマーク、ブラウザの戻る進む機能、文字の拡大縮小、などのブラウザが本来備えている機能が使えないため、ユーザビリティ研究者の間では嫌われ者です。 http://d.hatena.ne.jp/nazoking/20050226 というわけで、AjaxがFlashのような使い方をされないような実装例を考えてみたいと思います。 一つは、
えっ！IE9の新JavaScriptエンジンに隠し機能が！？ | gihyo.jp
従来のIEではJScriptと呼ばれるマイクロソフト独自のJavaScriptエンジンを搭載していましたが、最近の他社ブラウザに比べると実行速度はとても遅く、独自実装の部分がWeb標準に準拠していなかったため、Web開発者からは敬遠される存在でした。 しかし、今回新しく登場したIE9の新JavaScriptエンジンChockraは、最近のデスクトップPCに搭載されているマルチコアCPUやGPUのハードウェアアクセラレーション機能をふんだんに活用した最適化処理を行っていて、超高速に動作します。 Internet Explorer Test DriveのWebサイト（図1）からIE9の最新Platform Preview版がダウンロードできますので（従来のIEと共存できます）、インストール後Speed Demosでその速度を体感してください。 図1 http://ie.microsoft.
あにずむ : jQuery1.4でgetJSONが動かなくなった人へｗ - livedoor Blog（ブログ）
2010年02月19日22:34 カテゴリjavascript jQuery1.4でgetJSONが動かなくなった人へｗ ( ゜▽゜)/こんばんは！ 今日jQueryいじってたら1.3.2で普通に動いてた 「郵便番号から住所を取得して表示する機能」 が何故か動かなくなってましてｗｗ ちょっとハマったのでメモ。 動かなくなったコードはこんなかんじのコード！ $.getJSON( url, function(data){ if(data && data.address){ $('#address').val(data.address); }else{ alert(alertmsg); return; } } ); 返ってくるjsonデータは {addrjp:'東京都豊島区池袋'} みたいな感じ。 いままではボタン押すと正常に動いていたんですが jQuery1.4にしたらうんともすんとも言わなく
javascript - 万能継承関数 : 404 Blog Not Found
2010年03月16日02:00 カテゴリLightweight Languages javascript - 万能継承関数 JavaScript: The Good Parts Douglas Crockford / 水野貴明訳 [原著:JavaScript: The Good Parts] うーん、かっこいいけど、これでも冗長。 JavaScriptで継承やるときにprototype書きまくるのめんどい人は - あ、いしかわですね こうすればいいよ たとえば、 (function(o){ o.jump = function() { alert("Jumps, jump, jumpoo!!"); }; o.sayOwnFavorite = function() { alert("I like "+this.favorite+"!"); }; })(Child.prototype); と書
第1回 ウェブブラウザとJavaScriptの未来 | gihyo.jp
こんにちは、id:os0xこと太田昌吾です。今回から、クロスブラウザ対策を中心としたJavaScriptの初級から中級の方向けの連載を開始します。JavaScriptの基礎的な文法は理解されているという前提での解説となりますので、ご了承ください（間違いやすい、わかり難いと思われるところは適宜補足します）。初回である今回はJavaScriptやウェブブラウザの背景など盛りだくさんの内容でお届けします。 JavaScriptのイマ JavaScriptは2010年現在において、最も重要な言語となりつつあります。旧来はすべての処理をサーバーで行って、結果をウェブブラウザ上に表示するだけというのがウェブの一般的な姿でした。2005年に登場したGoogle Mapsを一つの契機として徐々にウェブブラウザ・クライアント側での処理が見直され始め、近年ではクラウドやSaas、そしてHTML5の流行によ
Google Slides: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more
最新２９機種ドコモ携帯、個人情報流出の恐れ : 社会 : YOMIURI ONLINE（読売新聞）
ＮＴＴドコモの携帯電話のうち、インターネット閲覧ソフト「ｉモードブラウザ２・０」を搭載した最新２９機種を通じて、利用者の個人情報を不正取得される恐れのあることが、専門家の指摘で明らかになった。 同社は携帯サイトの運営者にパスワード認証などの安全対策を呼びかけている。携帯電話の機能が高機能化するにつれ、こうした危険は増しており、利用者も注意が必要になってきた。 該当機種は、昨年５月以降に発表されたプロシリーズやスタイルシリーズなど。ｉモードブラウザ２・０は、ジャバスクリプトと呼ばれる機能が組み込まれており、携帯用のインターネットサイトと自動で情報をやりとりできる。 悪意ある携帯用サイトは、接続してきた利用者の携帯のジャバスクリプトを使って、利用者が会員になっている別のサイトに一瞬だけ接続させることができる。その時、この会員サイトに利用者の住所など個人データが登録されていると、盗み出されてしま
JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナル
Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. Thomas Fuchs氏が6 easy things you can do to improve your JavaScript runtime performanceにおいてJavaScriptの実行パフォーマンスを改善するための6つのテクニックを紹介している。Thomas Fuchs氏はscript.aculo.usの開発者であるとともにPrototypeコアチームのメンバーも務めている。またRuby on Railsでコアチームで開発を担当していたこともある。 JavaScriptエンジン
()()で呼び出せるJavaScriptのネスト関数の活用法を思いついた - あと味
関数を返すJavaScriptのネスト関数は、()()で呼び出すことができます。 ()()で呼び出すネスト関数の活用方法を考えたのですが、考えて出した答えがこれです。 答え var _ = function(x) { return function(y) { var oppaireview = ( x === '・' && y === '・' ) ? 'ハリのあるおっぱい' : ( x === '.' && y === '.' ) ? '垂れ気味のおっぱい' : ( x === '. ' && y === ' .' ) ? '左右に広げたおっぱい' : ( x === ' .' && y === '. ' ) ? '真ん中に寄せたおっぱい' : ( x === '◎' && y === '◎' ) ? '立体的なおっぱい' : ( x === '○' && y === '○' ) ? '乳
手抜きぷろぐらまのメモ帳 - ASP.NET & JavaScriptでコード汚染をしないで2度押し防止
以前、attachEventでは複数イベントを登録して前のイベントの戻り値を見るというのができなくて悶絶していたが、結局やりたいことはイベント（メソッド）に対してアスペクトを適用すればよいということに気がつき、いろいろ調べた結果、すばらしいサイトをいくつか見つけ、早速コピペの雨あられで目的のものを完成 下のスクリプトを別ファイルにでもして、対象のHTMLにてインクルードすれば、全リンクとボタンにて2度押し防止機能が搭載できる うひょぉぉ アスペクトすげぇぇ // window の Load イベントを取得する。 window.onload = window_Load; function window_Load() { var i; // 全リンクのクリックイベントを submittableObject_Click で取得する。 for (i = 0; i < document.links.
アスペクト指向/AOP関連 - FAX
JavaScript, リンク最終更新 2006/12/22AspectJS 1.0.0 - Javascript AOP frameworkSlipwave Javascriptjs.aop.Aspectjs.aop.Observablejs.aop.PointCut あまきた日記 - JavaScriptでアスペクト指向marsのメモ - JavaScriptでAOPsubtechグループ - ピンク ブロッサム ダイアリー - JS で AOP というか before, after trigger檜山正幸のキマイラ飼育記 - JS番外編：これって、アスペクト指向かぁ llameradaの日記 - JavaScriptの簡易プロファイラ(new Hatena).blog() - JavaScript でプロファイリング dotvoid.com - Aspect Oriented Pro
JavaScriptで動くDIコンテナを作ってみた。 - うなの日記
JavaScriptで動くDIコンテナを作ってみました。(→計画) 一般的なDIコンテナが持つ機能をサポート インスタンス管理(Singleton or Prototype)、プロパティインジェクション、初期化メソッドの実行など コンポーネント定義はJavaScript APIで。 設定ファイルは利用しません。 設定APIはGoogle-Guice風です。 アノテーション(もどき)でのコンポーネント定義も可能。 AOP機能も提供します。 ダウンロード container.js(コンテナ本体) - ver 0.1.0 テストケースの実行結果はこちら。 Yahoo Test Utilityを使っています。 動作はIE6とFireFox2で確認しています。 使い方 基本的な使い方 コンテナを作成します。 引数でコンポーネントを定義する関数を指定します。 関数では、引数で渡されるBinderを利用
FAQ形式によるJavaScriptの本質がわかる超入門 - 風と宇宙とプログラム
はじめに JavaScriptは簡単な言語のようでいて、実は奥が深く、初心者にとってなかなかその本質がわかりにくい言語です。ここでは、JavaScriptの言語的エッセンスを理解できるようなものをFAQ形式で書いてみました。ご意見や誤り等を指摘してもらえたら嬉しいです。 なお、JavaScriptの標準化であるECMAScriptは、今年末にEdition 5 がリリースされる予定です。このFAQは、現在のバージョンであるEdition 3をベースにしています。 ECMAScriptって何ですか？ ECMAはEuropean Computer Manufacturer Association(欧州電子計算機工業会)の略で、標準化団体です。NetscapeのJavaScriptとMicrosoftのJScriptをベースに、純粋なプログラム言語部分を抽出したものをECMAで標準化したスクリプ
マイクロソフトも配布を開始したjQuery、今後のバージョンでは大幅な性能向上とモバイル対応へ
JavaScriptのフレームワークには、prototype.js、Dojo toolkit、Mootools､アドビが開発したSPRY、ヤフーのYahoo User Interface Libraryなどさまざまなものがありますが、もっとも普及しているのは、モジラに所属するJohn Resig氏が開発するjQueryでしょう。 jQueryは2006年1月に最初のバージョンをリリースして以来、サイズが小さく記述がシンプル、といった特徴などから急速に普及し、多くのWebサイトやJavaScriptアプリケーションで利用されてきました。 jQueryはマイクロソフトが正式にサポートするJavaScriptフレームワークでもあります。ASP.NET AJAXがjQueryをサポートし、Visual StudioでもjQueryを標準のフレームワークとしてサポートしています。 そして、マイクロソ
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう