マウスホイールによるズーム機能 - 汎用 Google Maps API スクリプト “ KsGMap ” 開発日記
KsGMap に関係なく、Google Maps API を用いた地図にそのまま組みこめる Tips です。 マウスのホイール（ボタンの真ん中のぐりぐり回すヤツ）で、マップの尺度を変更します。 KsGMap や はてなマップ と同じように奥へ回転させる拡大、手前に回転させると縮小します。 サンプル //マウスホイールのイベントを追加 if( navigator.userAgent.match( "MSIE" ) ){ document.getElementById( "map" ).attachEvent( "onmousewheel" , mouseWheelZooming ); } if( navigator.userAgent.match( "Gecko" ) ){ document.getElementById( "map" ).addEventListener( "DOMMous
Ajaxフォトアルバムのフェードイン画像フレームを作ろう －＠IT
本連載では、Ajaxを活用したインタラクティブなWebアプリケーションを、ゼロから開発する。3回の連載で、簡単なWebフォトアルバムを完成させる予定だ。完結した機能を持ったAjaxアプリケーションを作り上げるステップを、具体的に解説していきたい。 JavaScriptと非同期データ送受信を組み合わせた、Webアプリケーション開発スタイルである「Ajax」は、このキーワードが発表されたのが今年初めのことだとは思えないほどの発展を遂げており、日々新しい実験や、それを組み込んだサービスが発表されている。 そろそろ実際にAjaxを活用したWebアプリケーションを開発してみようか、と考えている開発者も多いことだろうが、ではAjaxで何をどう作ったらいいんだろう？ という部分で立ち止まってしまってしまっているのではないだろうか。 そこで本連載では、単なるサンプルではなく、完結した機能を持ったAjaxア
最速インターフェース研究会 :: Tropyクローンを作った
なんかJavaScriptで作れ、みたいな圧力がかかったので作ってみた。 http://la.ma.la/misc/tropix/ (追記：ソース) http://la.ma.la/misc/tropix/tropix.zip 元ネタこれね http://www.hyuki.com/d/200511.html#i20051105203040 最速版Tropyということで、サーバー負荷と表示速度の改善を主に。 JavaScript無効だと表示すらできないのであんまりよろしくないんだけど。 ---- 技術的なこと - サーバーサイドはRubyで書いた。90行ぐらい。普通のCGI。 - ランダムなページのアドレスをCGIに問い合わせて、テキストはAjaxで直読みする。 - 履歴を10件分保持するので、行き過ぎても戻れる。 - サーバーにとてもやさしい。 - ページリストを取る際に履歴をPOSTで
JSONでBiddersインクリメンタル検索、をブログに貼ってみる - TEDDY-G本家
前回皆様方への御礼を書いてからまたずいぶん経ってしまった。BiddersMapAds配布は頓挫したわけではなく、単に時間がないだけです。すいません。 さて、JSONという技術が流行っているらしい。JSONというのはJavaScript Object Notationの略で、その名のとおり、サーバからクライアントにデータを送るときにJavaScriptのObjectの表記法で送ってあげる手法のことだ。 ここでJavaScriptのObjectの表記法とは何ぞやという話になるが、その前に、誰もが最初に覚えるであろうJavaScriptでのObjectのProperty（値や機能）の定義方法をおさらいしておきたい。色んな入門書を見ると次のような書き方が挙げられている。 var args.x=1; var args.y=1; var args.methodA=function() {...} ひと
Collection & Copy - AJAX/JavaScriptライブラリまとめ
AJAX/JavaScriptライブラリまとめ (2005/9/6 Revision .1.3) 翻訳 原文：Survey of AJAX/JavaScript Libraries Copyright 2005 by Sergio Pereira, Joe Walker, Matthew Eernisse ※本翻訳は、2005/9/6の1.3版を基に作成されています。原文であるWikiページは、1.18以上に更新が進み記載されているライブラリの数が増え、複数の誤りが修正されているようです。最新の情報は原文を参照してください。 Prototype (http://prototype.conio.net/) ライセンス：MIT 概要： Prototypeは、動的なウェブアプリケーションの開発を容易にするためのJavaScriptフレームワークです。Ruby on Railsフレームワーク駆動で
最速インターフェース研究会 :: JavaScriptでペイント、開発版
少し留守になるかもしれないのでとりあえずアップ。保存ルーチンをまだつけていない。 http://la.ma.la/misc/plot/draw2.html -zで一手戻す、+/- or q/a でブラシサイズを変更。 というキーバインドをとりあえず実装。作りこめば色変更とか、直線描画とかも色々できるだろうな。 ただ、この手書き機能を組み込んだチャットと、そのチャットを組み込んだWikiを作るというのが目的なので単体であまり作りこむつもりはない。 IEの場合、VMLを使った描画にしてみた。MSNメッセンジャーの手書きモードと、書き心地はそう変わらないが、やっぱり線が増えてくると重くなるのでそれほど書き込むことはできない。 DIV要素を足していく方式の描画エンジンをまず作ってIEの場合のみVMLを使った関数で上書き、という方向性で。 VMLはもう終わっている技術なので。SVGが使えれば一番いい
Latest topics > JavaScriptでテキストファイルを生成してダウンロードさせる - outsider reflex
Latest topics > JavaScriptでテキストファイルを生成してダウンロードさせる 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 世にも奇妙な物語 Main 高橋メソッドなプレゼンツール in XUL リターンズ » JavaScriptでテキストファイルを生成してダウンロードさせる - Oct 05, 2005 どうでもいい小ネタ。 Content-Typeがapplication/octet-streamなデータを受信すると、ブラウザはそのファイルをダウンロードして保存するためのダイアログを表示する（という物が多い）。 data: URLを使うと、URIの中にデータを埋め込むことができる。 この二つの事柄から、applica
prototype.js (2) - まちゅダイアリー (2005-08-29)
prototype.js (1) Flickr プラグインで JavaScript を使ったのをキッカケに、もう少し JavaSctipt を勉強することにした。 当面の目標は、Ajaxを使ったチャットの再構築と簡単なボードゲームの作成。 JavaSctipt のライブラリ… prototype.js (2) 次は Drag and Drop のサンプル。 これは、 script.aculo.us の機能を使う。 公式サイトのサンプルはこんな感じ。 script.aculo.us - web 2.0 javascript demos Sortab…
Bookmarklet - ブックマークレットを作成する際のポイント
Updated: 2003-09-28 05:44:07+0900 [Home] 値を返してはいけない 値を返す式を使うとページを移動してしまいます。 javascript:contents='aaa' これならOK javascript:void(contents='aaa') 変数はページ内でグローバルになってしまう varをつけても、ブックマークレットで使用した変数は、ページ内でグローバルになってしまいます。表示中のページの動作や、他のブックマークレットの動作を変えてしまう可能性があります。 javascript:var contents='abc' javascript:var contents='123' 上のリンクをクリックしたあと、以下をクリックするとcontentsの中身が変わっているのが見えます。 javascript:alert(contents) これはページに書かれ
Atsushi's Homepage 〜 Bookmarklet を作ってみる
Bookmarklet とは、JavaScript で記述された小さなプログラムで、 ブラウザの普通のブックマークとして利用できます。 例えば、このようなものです。→ 電卓 Bookmarklet Bookmarklet は普通のブックマーク (お気に入り) となんら変わりませんので、 ブックマークとしてブラウザに登録して、使いたいときに選ぶだけで使えます。 上の電卓 Bookmarklet をブックマークして、そのブックマークを 呼び出してみて下さい。ウィンドゥが開きますので、 "1+1" などの計算式を入れて "OK" を押すと、その式の答えがでてきます。 このようなことができるのが、Bookmarklet です。 JAVASCRIPT::BOOKMARKLET の サイトが Bookmarklet を取り揃えていて有名ですので、 一度見てみると面白いと思います。 ちなみに、私も簡単な
Collection & Copy - JavaScriptにおける高階プログラミング
翻訳 原文：Higher Order Programming In Javascript著者：Sjoerd Visscherライセンス：クリエイティブ・コモンズ・ライセンス(帰属) 前提知識JavaScriptを使ったオブジェクト指向プログラミングの知識が必要となります。以下のWebreferenceの記事を読み、よく理解しておいてください。OOP in Javascript, part IOOP in Javascript, part IIDouglas Crockford最終更新2004/3/28はじめに高階プログラミングでは、値として関数を使うことができます。つまり引数として関数を別の関数へ渡すことも、関数を別の関数の返り値にすることもできるのです。この形式のプログラミングは、しばしば関数型プログラミングで使用されますが、「通常」のオブジェクト指向のプログラミングでも非常に有用です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Temporarily Disabled
https://del.icio.us/help/tagrolls
はてな技術勉強会 - JavaScript Programming 2.0
Ajax を使った手書き文字認識
http://www.econym.demon.co.uk/googlemaps/tabs.htm
あたまがうにになる: muno アーカイブ
http://collisions.dotimpac.to/works/web/dqspell.html
moo.fx
PAJAJバージョン0.4リリース - HotPHPPER News