Kuro-san: 更新日誌: [JavaScript] DOMのNodeList (など) にArrayのメソッドを適用する技
「Collection & Copy - JavaScriptにおける古典的継承 (ベータ)」を読んでいて、おっ、と目に留まったのは、次のコード。 r = f.apply(this, Array.prototype.slice.apply(arguments, [1])); 注目したのは、Array.prototype.slice.apply(arguments, [1]) の部分です。 arguments (Argumentsオブジェクト) は配列要素にアクセスする [] 演算子が使えるけれども、Arrayではないので、slice メソッドは持っていません。arguments.slice(1) などとすると、"arguments.slice is not a function" とエラーになります。しかし、どうやら slice メソッドは [] 演算子で実装されているようなので、上のよう
小飼弾のアルファギークに逢いたい：#6 IT戦士 天野 仁史／こんにちはこんにちは！ Hamachiya2（前編） JavaScriptのイケてないところ｜gihyo.jp … 技術評論社
今回はShibuya.jsなどJavaScript界で活躍中のamachangこと天野仁史さんと、mixi、はてなや最近ではIPAなどさまざまなWebサイト・サービスのセキュリティ脆弱性を指摘（?）していることで知られるHamachiya2さん（はまちちゃん）のお2人がゲストです。まずは2人の馴れ初めから…。 編集部注） 本対談は2007年3月に行われたものです。 出会い 弾：で、お2人の馴れ初めは？ 天野（以下、天）：mixiで俺が「マイミクなってください」ってところから始まった。 Hamachiya2（以下、は）：はい。ナンパされちゃいました。 弾：はまち釣り（笑）。 天：マイミクなってくださいってとこから始まって、そしたら（はまちちゃんが）JavaScriptを高速化してる人だ！っていうことで、デブサミのときに見に来てくれたんです。 JavaScriptのライブラリ 天：
404 Blog Not Found:Digest - 今日にでも使うべきJavaScriptの7つのテクニック
2007年04月25日12:00 カテゴリLightweight LanguagesBlogosphere Digest - 今日にでも使うべきJavaScriptの7つのテクニック 良質の記事だけに全訳したかったのだけど、時間もないので紹介と抄録。 Digital Web Magazine - Seven JavaScript Techniques You Should Be Using Today サンプルコードは、適宜書き換えてあります。 1. Branch when possible - 分岐はなるはやで これは実例を見た方が早いでしょう。クロスブラウザー対応のaddListener()を考える。機能だけを考えれば、以下でOK。 function addListener(el, type, fn) { if ( window.addEventListener ) { el.addE
【コラム】そろそろきっちりJavaScript (7) prototype.jsを読む(1) | エンタープライズ | マイコミジャーナル
ソース読みの準備 本連載ではこれまで、JavaScriptの特徴的な記法をいくつか紹介してきた。そろそろ世に広まっているJavaScriptライブラリのソースコードを読み解いていくことができるはずだ。 今回からは、少し趣向を変えて、JavaScriptライブラリをいくつか挙げながら、ライブラリ利用方法と、その動作メカニズムについて紹介していこう。 今回は、prototype.jsにフォーカスする。現在のJavaScript人気の立役者といっても過言ではないprototype.jsだが、その中身はどうなっているのだろうか。ソースコードを読みながら、メカニズムはもちろん、JavaScript的なコードスタイルも学んでいきたい。 まずはソースコードを読むための環境を整備しよう。prototype.jsは、作者であるSam Stephenson氏が提供するサイトから取得できる。現在の安定最新バージ
指向性メモ::2005-07-24::クロージャベース・オブジェクト指向によるJavaScript
ページ情報 制作日 2005-07-24T15:16:45+09:00 最終更新日 2005-09-03T14:29:47+09:00 ページ内目次 Navigation Comments Trackbacks Post a comment 前回の試行錯誤中に気がついたアイデア。クロージャでクラス定義すればthisとか煩わしくなくて良いのではないかという説。名づけて、クロージャベース・オブジェクト指向。 function Person(_name) { var methods = { __constructor: function() {name = _name; }, getName: function() { return name ; }, getType: function() { return "Person"; } }; methods.__constructor(); ret
「勝手に添削 - JavaScript 入門」を勝手に添削 - IT戦記
このエントリーは以下のエントリーへの解答です 404 Blog Not Found:javascript - 勝手に添削 - JavaScript入門 はじめに 僕はあまりブログを一生懸命書くのは嫌いです。で、いつも適当に言葉は少なめにソースだけで解説しているが。今回は、それだけでは伝わらないところまで突っ込まれてしまったので、僕が伝えたかった意図をこと細かく説明していこうと思います。 文章が苦手なので、変な言い回しで読み辛かったりすると思いますがよろしくお願いします。 一応、弾さんには断っておきますが、別に弾さんに噛みついている訳ではないです。ただ、弾さんのような有名人に突っ込まれたら、僕の講義を聞いてくれたエンジニアが嘘を教えられたと不安になってしまうのではないかと思ったのです。僕の講義を聞きにくれた人には、虚像でもいいから 100 % の自信と勇気を付けて欲しい（プログラムを書く上で
404 Blog Not Found:javascript - 勝手に添削 - JavaScript入門
2007年04月12日23:30 カテゴリLightweight Languages javascript - 勝手に添削 - JavaScript入門 釈迦に説法を承知で。 IT戦記 - 社内勉強会資料 amachang - JavaScript 入門Object.prototype = { /* ... */ }は避けるべし みにくいのでオブジェクトを入れ替える方式に Box.prototype = { speed: 4, move: function() { this.left += this.speed; this.element.style.left = this.left + 'px'; if (this.left > 400) clearInterval(this.id); }, start: function() { var self = this; this.id = s
JavaScriptやFirefox拡張開発等に使われるXULの開発環境「Spket IDE」:phpspot開発日誌
Spket IDE Spket IDE is powerful toolkit for JavaScript and XML development. JavaScriptやFirefox拡張等に使われるXULの開発環境「Spket IDE」。 Aptana に続き、Eclipseベースの JavaScript エディタが公開されました。 JavaScript、XUL以外にも、Laszlo、SVG、Yahoo! Widget のコード補完に対応しているようです。 JavaScript開発環境としては、Aptana もすごいですが、Firefox拡張の開発に使われるXULのコード補完は嬉しいですね。 関連エントリ JavaScript開発用IDE:Aptana
JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
lockエラー | 月額200円からのレンタルサーバー JSN
auのトップページのような、伸縮してスライドするメニューをjavascript+cssで作れるみたいです。「Image Menu」というライブラリで、動かすにはmootools.jsが必要のよう。 <script type="text/javascript" xsrc="imagemenu.js" mce_src="imagemenu.js" ></script> <div id="kwick"> <ul class="kwicks"> <li><a class="kwick opt1" xhref="" mce_href="" ><span>TOP</span></a></li> <li><a class="kwick opt2" xhref="" mce_href="" ><span>CSS</span></a></li> <li><a class="kwick opt3" xhref
IT戦記 - CSS の勉強会をしました
2007 CSS Study Meeting http://artcode.g.hatena.ne.jp/keyword/2007%20CSS%20Study%20Meeting 発表をしましたので資料を置いておきます。 http://usrb.in/amachang/static/cssstudy/200701/ Firefox で動きます。IE でもぎりぎりうごきます。あ、でも、横長な表示域じゃないと崩れる可能性大です。 左右キーで操作してください。また、ソースは実行できるようになってるので、実際に実行しながら読んでいっていただけるとうれしいです。 他に事前に CSS のセレクタのバグリストとプロパティ一覧を作りました。 プロパティ一覧は element.style に辞書アタックを掛けて各種ブラウザから抽出したプロパティです。 http://usrb.in/amachang/stat
Ajaxを使ってその場でMySQLの値を書き換えられるウィジェット作成ライブラリ「MySQLPHPGrid」:phpspot開発日誌
Ajaxを使ってその場でMySQLの値を書き換えられるウィジェット作成ライブラリ「MySQLPHPGrid」 2007年01月17日- MySQLPHPGrid MySQLPHPGrid puts data from a MySQL table in a configurable grid on a webpage. Ajaxを使ってその場でMySQLの値を書き換えられるウィジェット作成ライブラリ「MySQLPHPGrid」。 MySQLの値をちょこっと書き換えたいインタフェースを作る場合はどのように行っているでしょうか？ Excelのようであり、phpMyAdminのようでもある使いやすい直感的なUIを持つウィジェットをMySQLPHPGridを使うことで簡単に実現できます。 （セル部分をクリックするとその場で書き換えることが出来、左端の削除ボタンで行を削除することも可能） どのくらい簡
JavaScript Reference
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
ウノウラボ Unoh Labs: prototype.jsへの依存を無くす方法
komagataです。 Javascriptで何か書こうと思ったときにどのライブラリをベースにして作るかで非常に悩みます。一端特定のライブラリに依存してしまうと途中で変更するのが難しそうですし、コアオブジェクトを汚染しているものは混ぜると動かなくなる組み合わせもあります。 別に「Mochikitにしよう！」とか宣言して決めてしまえばいいじゃないかという意見もありますが、妙にそんなところが気にかかってなかなかプログラムを書き始められないことが多いです。 そこで、「どうしても使いたい関数はインライン化すればいいんじゃないか？」と思ったので試してみました。 どういうことかというと、例えばprototype.jsのObject.extendを使って以下のように書きたいところを・・・ var dst = {'foo':1, 'bar':2}; var src = {'foo':100}; var r
JavaScriptで図形を描くHTML要素「Canvas」の実例
JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。 といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。 まずは簡単なフレー
JavaScriptによるモーショントゥイーンアニメーション実装「JSTween」:phpspot開発日誌
JAVASCRIPT MOTION TWEEN JavaScriptによるモーショントゥイーンアニメーション実装「JSTween」の紹介。 デモサイト、解説ページを見てみてください。これまで見たことがないJavaScriptアニメーション表現を見ることが出来ます。 次のようなTweenクラスがあって、それを使うことでこういったアニメーションが実現できるということかなり便利そう。 var t = new Tween(object,property,easing,start,end,duration,suffixe); 次のJavaScriptソースコードが提供されています。 Tween.js 、ColorTween.js 、OpacityTween.js 、TextTween.js 、Sequence.js 、Parallel.js 名前を見るとなんとなく分かりますが、必要に応じてファイルを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
簡単にブラウザ別CSSを導入するJavaScript （CSS Browser Selector） - youmos
amachang - JavaScript 入門
IBM Ajax と XML: Ajax に共通の 5 つのデザイン・パターン - Japan
IBM 境界を越える: Ajax on Rails - Japan
