自分自身のウィンドウオブジェクト(ウィンドウやフレームの総称)を示します。<script>~</script> の間では window. を省略することができ、下記の window.top や window.parent は単に top や parent と記述することができます。 self は自分自身、top はフレーム分割の際のトップ、parent はフレーム分割のひとつ親の、name はその名前を持つウィンドウ(フレーム)オブジェクトを示します。例えば下記の例では、mokuji フレームから見た main フレームの名前は window.top.main または window.parent.main となります。
Web 2.0というキーワードが登場するなか,注目を浴びてきたのが「Webサービス」です。数年前,華々しく登場したわりにはパッとしなかったこの技術も,ようやく実用的になってきました。Google Web APIs,Amazon Webサービス,Yahoo! Webサービス…など,いずれもプログラマの好奇心をくすぐるものばかりです。また,Google Homepage APIのような,手軽にプログラミングの対象となるサービスも出てきました。 この特集では,これらWebに公開されているプログラミング・インタフェースをまとめて「Web API」と呼び,実際の活用テクニックを紹介します。Googleの検索エンジンのパワーが,Amazonの商品データベースが,あなたのアプリケーションの中で使えるのです。とにかく,トライしてみましょう!
それは何? prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
こんにちわ、hideです。 最近、JavaScriptライブラリのDojoを使い初めて、その便利さに目覚めてしまいました。Ajaxで使用される通常のXMLHttpRequestではセキュリティ上の理由から、現在表示しているページ以外のドメインに対してリクエストを送ることができません。そこで考え出されたのが、JSONP(JSON with padding)という方法です。JavaScriptのインクルードは、同一ドメインでなくても読み込めるという性質を利用しています。 まずは下のボタンを押してみてください。実際にYahoo!から画像検索が実行されます。サーバを介さずにブラウザから直接Yahoo!APIを呼び出しているところがポイントです。 簡単に説明するとこういう仕組みです。次のようにリクエスト時のパラメータとして、callback関数を指定します。 http://example.c
AJAXは主にJavaScriptの機能を使って実現されている技術だ。AJAXは使うぶんにはうれしい技術だが、作る方は大変だ。このため最近ではAJAX用のJavaScriptライブラリを使ってAJAXを実現することが多い。The Yahoo! User Interface LibraryやDojoなどこうしたライブラリは数多く存在する。 これらAJAX JavaScriptライブラリをさらにJSPやJSFで隠蔽して、Javaデベロッパから簡単に扱えるようにしようというプロジェクトに「jMaki」がある。JavaScriptをつかってAJAXを実現したいものの、正直なところJavaScriptを使うのは嫌だというデベロッパには朗報だ。jMakiはまさにそれを実現するためのプロジェクトである。本稿ではこのjMakiの使い方を紹介する。
さて、このサービスを試して最初に気付くのは、あまりに低いゲームへの参加障壁でしょう。guestの立場であれば、Webブラウザでアクセスし、ボタン1つでプレイ開始できます。ユーザー登録や、専用ソフトのインストールの手間もありません。プラグインのインストールの手間もありません。とても簡単にゲームを始められます。この手軽さが、とてもAjax的です (このサービスは、Google Web Toolkitで開発されているようです)。 しかし、このサービスの真の価値は、実はそこにはありません。このゲームには、画像検索の精度を上げるという具体的な効能があるのです。ですが、ゲームで検索性能が向上するなどということがあるのでしょうか? 通常の検索はキーワードを入力して、それに一致するテキストを探します。しかし、キーワードから画像を探す検索は、そもそも画像は文字ではないので、キーワードと一致することはありませ
AjaxやFlashを使ったWebサイトを目にする機会が増えてきている。WebアプリケーションでリッチなUIを提供できるようになり、またひとつWebの表現力が広がった。一方でUIのリッチ化は、これまで数々のプロジェクトが築いてきたビューとロジックの分業体制を再び曖昧なものに引き戻そうとしている。 皆さんもこんな会話の経験がないだろうか? プログラマ--ここのプルダウンでマウス選択時の色を変えるのであればonMouseOverとonMouseOutイベントを設定する必要がありますね。ここのWYSIWYGなエディタはhogeEditorをobject idで指定してください デザイナ--どういうことですか? 正直いって、こんなやり取りはもうウンザリである。 データベースアプリケーションがgrailsコマンド一発で構築できる時代なんだから、リッチなUIだって簡単に作りたい。ZKはそんな希望に応
IEに特化したコンテンツをFirefoxで正しく表示させるサービス,Mozilla Japanなどが開始 Mozilla Japan,アルゴ21,三菱総合研究所は9月11日,Internet Explorer(IE)に特化したコンテンツをFirefoxで正しく表示させるサービス「TouchUpWebサービス」を開始した。独立行政法人 情報処理推進機構(IPA)の「2005年度下期オープンソースソフトウェア活用基盤整備事業」として採択された「ウェブコンテンツの相互運用性を改善するフィルタリングサーバの開発」プロジェクトで開発されたもの。 TouchUpWebサービスは,IEに最適化されているため,Firefoxで閲覧すると文書のレイアウトが崩れる,コンテンツの表現が変わってしまう,リストやボタンの動作が異なる,システムとして正しく動作しないといった問題があるコンテンツを正しく表示できるように
ココを理解すれば近道な「Ajaxフレームワーク」:Web 2.0で変わるWebプログラミングの常識(1/5 ページ) AjaxをWebアプリケーションに取り入れるには、デファクトスタンダードなフレームワークを利用するのがよい。基礎を理解すると、さまざまな応用例が考えられるはずだ。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」、第6回目となる今回は、第5回「そのサービスはAjaxフレームワークで一変できるか?」に続く、フレームワークの実装例について解説していく。冒頭よりコードを挙げた実践的な内容に入っていくため、内容が不明な場合には、最低でも第5回の最初から読んでみるとよい。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」の連載を読むことで、読者はAjaxの実装形態がどのようになっているのか理解することができるはずだ。
そのサービスはAjaxフレームワークで一変できるか?:Web 2.0で変わるWebプログラミングの常識(1/4 ページ) 「prototype.js」と呼ばれるJavaScriptフレームワーク。多くのAjaxを応用したサービスで使われている「Ajaxフレームワークのデファクト」だ。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」では、これまでにAjaxの概要(第1回)から発展系としてどのような取り組みあるのか(第2回)、そして、効率的な組み込み方法の一つとしてJSONと呼ばれるデータ形式のやり取り(第3回)、Webサービスとの連携(第4回)について解説した。 Ajaxアプリケーションの開発では、Webブラウザ依存の問題を解消したり、DOMツリーを操作するといった必要性がある。しかし、開発者が一からコード記述していくのは現実的ではない。そこで一般には、何
JSONがRFCの1つになったからというわけではないだろうが、Ajaxサービスがいよいよ使いやすくなってきた。フリッカーの写真を楽しく掲載できるツール、スティッキー型ブログ、その場で画像編集、本格的なテストができるツールなどが登場した(編集部) FlickrStorm flickrshow 投稿型の写真掲載サイトとして人気のあるフリッカーを活用する話題2点です。 FlickrStormは、上記リンクからサイトを訪問すると、真っ白な画面が見えるだけで何が面白いのかピンとこないでしょう。しかし、paris(別の単語かもしれません)と書かれた個所をクリックした瞬間に、後ろに“simply hit ENTER”と出て、ここでENTERキーを押せば検索が実行されることが分かります。 同時にその下の2つのアイコンに、your history、 your trayという名前と説明文が浮かび上がり、機能を
JavaAppletでできており、線を引く速度や長さ、描く図形に応じていろいろな生き物が生成されます。生み出された生き物はプランクトンみたいにふよふよと漂っているものや、ビクンビクンと動き回るモノまでいろいろです。 遊び方は以下の通り。 実際に動かすには下記ページへ。 manifestOnline Built with Processing 素早く線を引いたり、ゆっくり線を引いたり、長くしたり短くしたり、ささっと描いてみたり、三角形や四角形などなどを描いてみると、次々と謎の生き物に変換されます。 描いた生き物を一掃するにはスペースキーを押します。また、「p」を押すと停止モードになり、「d」キーを押すと開発者モードに突入します。 短い線を素早くさささっと作り出すと、ミジンコみたいなのがいっぱい生産できて面白いことに。また、巨大な生物を作ると描画キャンバスの中で大暴れしてくれます。まっすぐ線を
「ミクシィの足あとを番組表に表示」スクリプトを追加しました はてなRSSの番組表にミクシィの足あとを表示する「ミクシィの足あとを番組表に表示」スクリプトを追加しました。 詳しくは「g:hatenagreasemonkey:keyword:ミクシィの足あとを番組表に表示」をご覧ください。 どうぞご利用ください。 「フレパの日記を番組表に表示」スクリプトを追加しました はてなRSSの番組表にフレパの最新日記を表示する「フレパの日記を番組表に表示」スクリプトを追加しました。 詳しくは「g:hatenagreasemonkey:keyword:フレパの日記を番組表に表示」をご覧ください。 どうぞご利用ください。 「マイミクシィ日記を番組表に表示」スクリプトを更新しました はてなRSSの番組表にマイミクシィの最新日記を表示する「マイミクシィ日記を番組表に表示」スクリプトを更新しました。 変更点は以下
http://yagi.xrea.jp/2006/08/hb_fav_arrange.user.js はてなブックマークのお気に入りページに、 複数人がクリップしているエントリは1つにまとめる 人数が多いエントリほど上に持ってくる 既読のエントリは表示しない というアレンジを行うgreasemonkeyスクリプトです。 話の流れとか http://naoya.g.hatena.ne.jp/naoya/20060820/1156080416 http://d.hatena.ne.jp/sshi/20060821/p1 http://d.hatena.ne.jp/otsune/20060821/hatebFavorite 関連 はてブお気に入りサジェスタ 全サイトはてブ化・その場コメント・ワンクリブクマ Googleの検索結果にはてブのユーザ数を表示
教育界、技術者コミュニティでJava言語の教育と啓蒙に長年携わってきた 筆者が、独自の視点からJavaの面白さを掘り下げていく。(編集局) 注目を浴びるJavaScript JavaScriptが世に広まって10年近くたちますが、最近話題に上ることが多くなってきています。なぜ、いまさらJavaScriptが注目を浴びているのでしょうか? JavaScriptはECMA(ヨーロッパ電子計算機工業会)によって、ECMAScriptとして標準化されていて、Standard ECMA-262 ECMAScript Language Specification 3rd edition (December 1999)や、Standard ECMA-357 ECMAScript for XML (E4X) Specificationといった仕様が公開されています。これらの仕様を見て分かるように、Java
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く