Elmaのブックマーク - はてなブックマーク

JavaScript でブロックスコープを実現する: Days on the Moon

JavaScript には基本的にブロックスコープというものが存在しない。どうしてもブロックスコープを扱いたいときは function 式を使ったりする。 var a = 10; { var a = 20; print(a); // 20 } print(a); // 20 var a = 10; (function () { var a = 20; print(a); // 20 })(); print(a); // 10 だがやはりブロックスコープがあったほうが便利ということで JavaScript 1.7 では let 式、let 文、let 宣言が導入される。 var a = 10; let (a = 20) { print(a); // 20 } print(a); // 10 しかしこれでは対応するブラウザが Firefox 2 以降などに限られる。ところが、with文とオブ

Elma 2007/02/09

リンク

javascript [paulownia.jp]

Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存のオブジェクトのクローンとして新しいオブジェクトを作成し、そのオブジェクトに独自の性質を付加してプログラミングする。 JavaScriptのオブジェクトの性質は動的に変更可能。Java等では一度決定したオブジェクトの振る舞いは変更できないが、JavaScriptでは実行中の任意の場所でメソッドの動作を変更したり、新しく追加したり、削除したりすることができる。

Elma 2006/12/21

リンク

実は、Ajaxのウラにこそ勝算がある

var baseurl = "http://api.search.yahoo.com/WebSearchService/ V1/webSearch?appid=YahooDemo"; baseurl += "&query="; baseurl += encodeURIComponent( document.getElementById('searchtext').value); // 結果数、JSON、JSONコールバック関数 // ここではコールバックを「resultcallback」に baseurl += "&results=10&output=json&callback=resultcallback"; このURLでは、「output=json&callback=resultcallback」を指定しているため、前述したように、検索結果を引数としてresultballbackメソッ

Elma 2006/12/21

リンク

ウノウラボ Unoh Labs: Dojoで簡単にクロスドメインAjaxを実現

こんにちわ、hideです。最近、JavaScriptライブラリのDojoを使い初めて、その便利さに目覚めてしまいました。Ajaxで使用される通常のXMLHttpRequestではセキュリティ上の理由から、現在表示しているページ以外のドメインに対してリクエストを送ることができません。そこで考え出されたのが、JSONP(JSON with padding)という方法です。JavaScriptのインクルードは、同一ドメインでなくても読み込めるという性質を利用しています。まずは下のボタンを押してみてください。実際にYahoo!から画像検索が実行されます。サーバを介さずにブラウザから直接Yahoo!APIを呼び出しているところがポイントです。簡単に説明するとこういう仕組みです。次のようにリクエスト時のパラメータとして、callback関数を指定します。 http://example.c

Elma 2006/12/21

リンク

blogSetomits : Category [javascript]

Google Reader で広告エントリを取り除く Greasemonkey ユーザスクリプトを書いて http://matatabi.homeip.net/app/firefox/google_reader_remove_ads.user.js に置きました。左のスクリーンショットはこのユーザスクリプトをインストールして asahi.com のフィードを表示したところです。エントリのタイトルが PR または AD で始まるものを表示しないようにしていて、これだと例えば「PRADAのサングラスを買ったよ」とかいうエントリも表示しないようになってしまうのですが...。広告エントリとして一致させたい先頭文字列は、 about:config にて greasemonkey.scriptvals.http://matatabi.homeip.net でフィルタすると Google

Elma 2006/12/19

ブックマークレットについて。escapeよりencodeURIのがいいらしい

リンク

Google Answers: Detect Mac Command key being pressed in IE (Javascript)

Elma 2006/12/11

macでcommandKeyの判別。でもmacIEでしか効かない。

javascript

リンク

Yahoo! UI Library

Measure, monetize, advertise and improve your apps with Yahoo tools. Join the 200,000 developers using Yahoo tools to build their app businesses.

Elma 2006/08/07

リンク

javascript [paulownia.jp]

Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存のオブジェクトのクローンとして新しいオブジェクトを作成し、そのオブジェクトに独自の性質を付加してプログラミングする。 JavaScriptのオブジェクトの性質は動的に変更可能。Java等では一度決定したオブジェクトの振る舞いは変更できないが、JavaScriptでは実行中の任意の場所でメソッドの動作を変更したり、新しく追加したり、削除したりすることができる。

Elma 2006/06/29

postでの通信方法、参考になった

リンク

http://blog.proogs.com/2006/05/27/0310/

Elma 2006/06/07

range関係

リンク

サービス終了のお知らせ

サービス終了のお知らせいつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。お客様がアクセスされたサービスは本日までにサービスを終了いたしました。今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

Elma 2006/04/26

リンク

prototype.js と「プロトタイプ」 - (new Hatena).blog()

これまで私が prototype.js の拡張を行ってきた中で、JavaScript という言語に対する姿勢について明確に述べたことは無かったかも知れません (英語版では少し触れたんですが)。なので、いささか唐突ですが、ここで改めて (かつ少々乱暴に) 表してみようと思います: ﹁JSが基づいているところの﹃プロトタイプ・ベース﹄という OOP の方法論について、私はほとんど無知だし、知ろうとも思っていない﹂というようなものになります。ついでに言いますと、私の prototype.js の拡張は、元々 Ruby に強く影響されている prototype.js を、さらに Ruby 的な方向へ (したがってクラス・ベース的な方向へ) 押し進めるのが目的になっています。つまり、﹁プロトタイプ・ベース﹂という概念をできるだけ意識せずにすむようにしたい、という思いが少なからずあるわけです

Elma 2006/04/17

プロトタイプチェインとかの解説

javascript

リンク

Confirm exit of page

We have an application that our clients use, that is built in flash (don’t ask, i don’t know why). One of the main probl ems we’re having at the moment is that clients keep clicking on the back button, from force of habit, which means they leave the app and have to start again. Is there a way with javascript that i can show a confirm box when a user clicks back (or just leaves the page), so the use

Elma 2006/04/12

onbeforeunload × addEventListener

javascript

リンク

Latest topics > あ、やっとSplitWindowの意味が分かった - outsider reflex

Latest topics > あ、やっとSplitWindowの意味が分かった宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画﹁シス管系女子﹂を連載させていただいています。以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 強殖装甲ガイバー6話Main視力回復手術 » あ、やっとSplitWindowの意味が分かった - Sep 13, 2005 SplitWindowというのが一体どういうものなのか今の今までとんと理解できなかったんだけど、やっと分かった。ソースをタブで表示するのに引数オブジェクトを渡せない問題、これこそがSplitWindowの影響だったんだな。つまりSplitWindowというのは、一つのページのビューが二つの名前空間を持っていて、関数の実行コンテキストによって、参照される名前空間が変わるというものなんだ。

Elma 2006/04/10

contentWindowがらみで・・

javascript

リンク

body.onload += "XX"

Elma 2006/03/31

オンロード処理関連

javascript

リンク

「お気に入り」スクリプト

Elma 2006/03/24

へ～使い方次第でおもしろいな

リンク

prototype.js v1.5.0 の使い方

それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての非公式リファレンスも提供しています。ここで提供する例とリファレンス

Elma 2006/03/16

日本語訳

リンク

prototype.js : ドラッグ可能なレイヤー

id:higepon:20050831 id:higepon:20050901 でprototype.jsを知った。すごい。非常に便利だ。万歳！動作確認がてら、昔懐かしい﹁ドラッグ可能なレイヤー﹂を実装してみた。外部ファイル部分 var CDragable = Class.create(); CDragable.prototype = {initialize : function( elm ){ this.elm = $( elm ); this.elm.style.position = "absolute"; this.offsetX = 0; this.offsetY = 0; this.elm.onmousedown = this._onMouseDown.bindAsEventListener(this); this.elm.onselectstart = this._o

Elma 2006/03/15

eventまわり

リンク

http://mojavi.try-angle.biz/wiki/index.php?Mojavi3.0%A4%CE%A5%A4%A5%F3%A5%B9%A5%C8%A1%BC%A5%EB%2F%C6%B0%BA%EE%B3%CE%C7%A7

Elma 2006/02/08

リンク

Effective JavaScript - Dynamic Scripting

Elma 2006/02/06

プロパティとメソッド、コンストラクタとプロトタイプなどの基本的な解説

リンク

Ajaxフォトアルバムのフェードイン画像フレームを作ろう ―＠IT

さてここから、実際にAjaxアプリケーションの制作に入っていきたい。まず今回は、フォトアルバムで画像を表示する際のフレームとなる部品を作る。サンプルを見てみよう。リンクをクリックすると、まず写真風のフレームがフェードインで表示され、画像自体はロードが完了してからフェードインする。このサンプルではXMLHTTPRequestを使っていないが、イベントやローディングをJavaScriptで制御しながら、ユーザーにはそれを感じさせないなめらかなインターフェイスを与えるこのようなアプローチは、まさにAjaxの発想だ。今回のサンプルを試してみるために、まずはPrototypeとscript.aculo.usのソースをダウンロードする必要がある。現在Prototypeは1.3.1、script.aculo.usは1.0が正式リリースされているが、本連載では開発バージョンであるPrototype 1

Elma 2006/01/30

prototype.jsの解説あり

リンク

はてなブックマーク

タグ

Elmaのブックマーク (74)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス