jQuery 1.4 のリリースと google.load() – MT Systems
jQeury のようなメジャーな JavaScript ライブラリを Web で利用する際、当方もご多分にもれず、Google AJAX Libraries API を利用させてもらい始めた。jQuery 1.4 がリリースされ、Google では既に利用できるようになっている。 Google AJAX Libraries API を利用すれば、jQuery が新しくなるたびに自分のサイトにコピーして HTML を書き直ししなくても、「google.load()」を利用してGoogle サイトから常に最新のものを読み込ませるように指定できる。利用の仕方は簡単で、「http://www.google.com/jsapi」の JavaScript コードを読み込み、「google.load(ライブラリ名、バージョン)」を実行するだけだ。google.load() の使い方は、デベロッパーガイド
JavaScript的startsWith — ありえるえりあ
closureのgoog.string.startsWithやprototype.jsのString.startsWithではindexOfを呼ぶコードになってます。 goog.string.startsWith = function(str, prefix) { return str.indexOf(prefix) == 0; }; これだとstrが長い文字列でしかもprefixがstr内になかった場合に無駄な探索処理をやる羽目になります。 代わりに正規表現やsubstringを使って比較をすれば処理速度の悪化は避けられそうですが、正規表現や文字列のオブジェクト生成コストが気になります。 そこでlastIndexOfを使って書けば無駄な探索もオブジェクト生成も避けられるはずです。 str.lastIndexOf(prefix, 0) == 0; もちろんendsWithもindexOfで
今さらながらJavaScriptのwindow.openについて調べてみた。 - 小さい頃はエラ呼吸
はじめに JavaScriptで新規ウインドウを表示するコードを書いていて、ちょっとつまづいたので、今さらながらJavaScriptのwindow.openや親子ウインドウの制御について調べてみました。※以下のコードはすべてIE7で検証しています。 ノンプログラマのためのJavaScriptはじめの一歩 (WEB+DB PRESS plus)posted with amazlet at 13.01.23外村 和仁 技術評論社 売り上げランキング: 17,179 Amazon.co.jp で詳細を見る window.openメソッドの使い方 window.openメソッドの第１パラメタには、表示するファイルを指定します。第２パラメタにはウインドウの名前、第３パラメタには、子ウインドウに対するオプションを指定します。第１パラメタ以外は、省略可能です。（ちなみにwindow.の部分も省略可能です
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の大きな数と小さな数の仕組みを理解する 〜 IEEE754入門 〜 - 風と宇宙とプログラム
JavaScriptでの数値はIEEE754で規定されている倍精度型doubleです。符号部が１ビット、仮数部が52ビット、指数部が11ビットの64ビットで表現される浮動小数です。この辺りは、計算機の初歩の初歩で、当たり前すぎて普段は気にすることはないと思いますが、その境界値や特殊系について調べるといろいろ面白いことがわかります。ここでは、JavaScriptを例にしていますが、内容は一般的なもので、IEEE754の浮動小数入門的な話です。 では問題です。 整数として正確に表現できる最大の値はいくつか？ 正確に表現できるというのは、n + 1 が確かに n + 1になることとします。n が非常に大きいときには、n + 1 は桁落ちが発生するので n のままです。考える前に実際にやってみましょう。探す n は 0 から 1e+100 の間にあるのは明らかなので、２分法で探索してみます。 fu
コードから管理者権限でスクリプトを実行する - My Job (really) Went To India日記
VistaではUACが有効だと何でもかんでも止められてしまう。 そういえばバッチファイルやWSHでサービスとかレジストリとかいじるのはどうなるのか、と思ったら案の定アクセス拒否される。 管理者コマンドプロンプトを自分で開くと言う手はあるが、面倒。プログラムなりコマンドなりで昇格できないのか……と思ったが、簡単な手はないようだ。 http://technet.microsoft.com/en-us/magazine/2007.06.utilityspotlight.aspx http://technet.microsoft.com/en-us/magazine/2008.06.elevation.aspx http://ebi.dyndns.biz/diary/20080813.html 一応最後のblog記事にサンプルがある。Vistaの場合は昇格状態でスクリプトを起動し直す、という流れの
JSON.stringify/parseは困ったもんだ。 - IT-Walker on hatena
JavaScriptのオブジェクトをJSONに変換する際、必ずと言っていいほど使われるのがjson2.js。 ECMAScript5(JavaScript2)では、json2.jsの実装をほぼ忠実に仕様として再現しており、Firefox3.5やSafari4ではネイティブの実装が利用できます。 例えば、JSオブジェクトをJSON文字列にしたい場合は、JSON.stringify(value, replacer, space)を利用できます。 valueはJSオブジェクト。 replacerは省略可能で、function(key, value)と言うシグネチャの関数オブジェクトを渡します。JS→文字列の変換ルーチンを独自に提供できます。 spaceは、結果の文字列を人間が読みやすくするための、インデントの数を指定します。 その逆に、JSON文字列をJSオブジェクトに復元したい場合は、JSON
JavaScriptの動かないコード (中級編) clickイベントを強制的に発生させたい （fireEvent/createEventの使い方） - 主に言語とシステム開発に関して
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 「クリックするとメッセージを表示する」という，テキストボックスがある。 このテキストボックスの動作テストをしたい。クリックのイベントを自動的に発生させ，ちゃんとメッセージが出るかをコードで確認する。 <body> イベントの発生源となるテキストボックス： <input type="text" onclick="onclick_func()" id="my_text"> click時に，ここにメッセージが表示されます。 <div id="my_div"></div> テスト： <input type="button" onclick="test_onclick()" value="onclickの単体テストを実行"> <script language="JavaScript">
jQueryでディープコピー - loiter on the sideroad
javascriptのオブジェクトの複製を Object.clone = function(source) { return $.extend({},source); }で空オブジェクトにコピーしてましたが、 このままだとシャローコピーだったのでﾊﾏｯﾀﾖ。 ｶﾞｼｶｰｼ、jQueryのソース眺めてたら。。。ｵｯ $.extendの一つ目の引数にtrueを追加しとくとディープコピーになるっぽい。 ということで、 Shallow Clone Object.shallowCopy = function(source) { return $.extend({},source); } var a = {a:{a:1},b:{a:1}}; var b = Object.shallowCopy(a); b.a.a = 2; window.alert(a.a.a); //2 window.alert(b
JavaScript の Iterator、関数とコンストラクタ: Days on the Moon
オンライン勉強会の Jetpack 入門に参加して Jetpack のソースコードを読んでいたら、Iterator を関数として呼び出したときとコンストラクタとして呼び出したときとでは挙動が違うということを知りました。 Iterator の動作 オブジェクト o に対して for-in 文、for-each-in 文を実行したとき、及び Iterator 関数、Iterator コンストラクタを呼び出したときの (SpiderMonkey の) 動作は、それぞれ次のようになります。 コード o が __iterator__ メソッドを持つとき o が __iterator__ メソッドを持たないとき for (... in o)
名前つきの関数リテラルに関するよくわからない IE の挙動 - vivid memo
昨日書いた 「IE でも event.currentTarget を使えるようにする」 の記事の後半部分のコードなのですが、IE8 でじっくりと動作を追ってみるとどうも期待通りの動作ではないことがわかりました。 window.attachEvent("onunload", (function () { // target._vividcode_el も onunload イベントで解体するので, // 下手すると参照前に解体されている可能性もある. // よって, あらかじめ局所変数に読み込んでおく. var func = target._vividcode_el[i][1]; return function myself(evt) { target.detachEvent("on"+type, func); window.detachEvent("onunload", myself);
JavaScriptのnewって本当にいらない子？ - あと味
先日、「JavaScriptのオブジェクトについて考察してみた - あと味」を書いてから、chikuraさんからコメントいただいたり、id:dankogaiさんから「404 Blog Not Found:javascript - にはクラスはない」という記事で言及いただいたり、JavaScript: The Good Partsを読み返したりした結果、newについて調べたいという衝動にかられましたので、その調べた結果を書いてみたいと思います。 newを調べようと思ったキッカケを整理 まずは、そのキッカケから整理します。 chikuraさんのコメントより 押さえるべきポイントは、new演算子の際に何が行われるか？だと思うので、こちらのページもぜひ読んでみてください。 JavaScript の new 演算子の意味: Days on the Moon http://nanto.asablo.j
プリミティブはオブジェクトじゃないし、プリミティブと参照なんて区別はない - uokumura’s diary
404 Blog Not Found:javascript - にはクラスはないの重箱の隅をつつきます。「JavaScriptにクラスはない」という表題の主張自体は合っていると思うので、重箱の隅。 最初気になったのは「参照」の間違いだったんですけど、調べるうちにいろいろと… 「JavaScriptにおけるほとんど全てのデータはオブジェクト」ではない 4 概要 (Overview)によると、プリミティブ値は プリミティブ値 (primitive value) は Undefined, Null, Boolean, Number, String 型のうちの一つ とあり、オブジェクト オブジェクトは Object 型の構成要素である。序列のないプロパティの集合体で、それぞれのプロパティがプリミティブ値やオブジェクト、関数を含む とは明確に区別されています。プロパティ（メソッドも含む）を持つのはオ
JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記
タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー
Bbfstoto: Situs Slot Gacor Gampang Menang Maxwin Setiap Hari
Bbfstoto adalah situs slot online peluang maxwin tertinggi yang bisa didapatkan dari slot gacor terbaru bergaransi. Kemenangan luar bisa dan mudah menjadi daya tarik bermain pada situs slot terbaru. Didukung dengan mekanisme peluang lebih besar hingga 70% berbanding 30% semua bisa merasakan withdraw besar. Awal mula munculnya judi slot hanya untuk kalangan menengah keatas, namun era sudah berubah
JavaScript: The Good Parts
今更だけど見てみた。 1時間以上あるのに軽く引くが、本当に重要なのは30分程度。残りはこの人の経験談や、JavaScript界隈の近況、質疑応答。 この人のプレゼンは、皮肉がきいていて面白い。とりあえず、わかった範囲でメモっておく。 JavaScriptの現状 いまだに最も誤解された言語誤用しては怒っている人多し最もすばらしいアイデアから、もっともひどいアイデアまで含まれているこんなに幅の広い言語はほかにないコンピュータ科学者からカット＆ペースト厨まで、どの言語よりも幅広いスキルの人が使っているJavaScriptへの不満 ブラウザプログラミングはひどいもんだ。 => まったくその通り 十分な速度が出ない。 => 現在ではすでにJSではなくDOMの問題。今はランタイムは十分速い。失敗の積み重ねだ。 => Javaが完全に失敗した環境でうまくやりつづけているだろ？ 影響を受けた言語 Self
[JavaScript]String.matchとRegExp.execと後方参照 - chalcedony_htnの日記
Adobeのサポートデータベース関係のぐりもんを書いたり添削してもらったりした結果、新たに覚えたことがあるので、せっかくだからメモっておきます。 以下だらだらと続くけど、実はMozilla Developer Center見れば全部書いてあるので、そっち見たほうがいいと思います。 match - MDC exec - MDC String.matchとRegExp.exec String.matchとRegExp.execは、どちらも正規表現を使って文字列のマッチングを行うメソッド。 検索を行って、マッチした文字列を得たいときに使う。マッチするかどうか（と、マッチした位置）だけを調べたいときは、余分な処理をしないString.searchまたはRegExp.testを使ったほうが速い。 String.match(RegExp)とRegExp.exec(String)は、正規表現にgオプショ
![[JavaScript]String.matchとRegExp.execと後方参照 - chalcedony_htnの日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/e1ec4b906e19e70dc0a0fb91475a4ec0ae212365/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729900786%2F17680117126976453359%2F1550822465)
input type="radio"でchecked指定しているにもかかわらずデフォルトでチェックが入らない？と思ったときは・・・
input type="radio"でchecked指定しているにもかかわらずデフォルトでチェックが入らない？と思ったときは・・・ 原因を調べるのにずいぶんと苦戦したので備忘録を作ります。 input name="calendar_1" value="1" type="radio" checked こんな感じのチェックボックスが画面にあるのですが、何度試してもデフォルトcheckedにならないのです。 IEでもFFでも再現しました。 Firebugからcheckedを再度指定し直したり、きちんとchecked="checked"に書き方を変えてみてもダメ。HTMLのバグかと思いましたよ。 原因は・・・そう、ラジオボタン、カレンダーで使ってたんですよ。 3月の1日と4月の1日が同じカレンダーの上に乗っかることもありますよね。 input name="calendar_1" value="1"
jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary
ばらけてきたのでこちらにまとめます。 索引 位置の設定 css(name,value) 位置の取得 css(name) offset() position() scrollTop() / scrollLeft() event.pageY / event.pageX サイズの設定 css(name,value) / height(value) / width(value) サイズの取得 css(name) / height() / width() attr(clientHeight / offsetHeight / scrollHeight) outerHeight() / innerHeight() コンテナ要素の取得 offsetParent() 解説 位置の設定 css(name,value) 対象要素を指定した位置に配置できます。単位を省略した場合はピクセル単位となります。 $('#
Re:アルゴリズム - 同じ文字列のn回繰り返しをlog n回で作る方法 - No Programming, No Life
404 Blog Not Found:アルゴリズム - 同じ文字列のn回繰り返しをlog n回で作る方法 で面白いアルゴリズムがあった。 「ある文字列のn回繰り返しを作る関数」を高速化したいらしい。 Groovyとかだと 「"..." * n」 みたいな感じで実現できるやつですね。 ちょっとコードを拝借(JavaScript) function (str, n){ var result = ''; for(n *= 1; n > 0; n >>>= 1, str += str) if (n & 1) result += str; return result; } なるほど！ str += str で一気に足していくわけですね。 アルゴリズムのイメージ 1回目: str = 'a' 2回目: str = 'a' + 'a' => 'aa' 3回目: str = 'aa' + 'aa' =>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
