スクロール地図を作ろう - Java Ajaxライブラリ Ajax Baron(エイジャックス バロン)
この連載について † この連載では、マウスでグリグリ動かす日本地図を”無”から作成します。 デモはこちら スクロール地図自体はAjaxは必要無しですが、現在表示されている地図に関する情報を引き出すときにはやはりAjax技術は役立ちます。*1 すでに高品質の地図がたくさんありますが、Ajaxに取り組む者の”嗜み”として作っておきます。 この研究はよくあるマッシュアップじゃないです。ゼロからスクロール地図を作るんです。 地図画像上をマウスでグリグリとスクロールしてみてください。 地名データはスクロールに応じてAjaxで非同期に取得して表示しています。 ↓作りかけのAjaxスクロールマップ↓ マウスでスクロールできます！地名で検索もできます。 Please see here by browsers dealing with iframe tag. Go to http://demo
Google Chrome でAjaxを利用しローカルファイルにアクセスする
Google Chrome でAjaxを利用しローカルファイルにアクセスする Google Chrome5.0.335以降でどうやらローカルファイへのアクセスポリシーが変更されており、AjaxのXMLHttpRequest でローカルのHTMLなどからローカルファイルにアクセスが出来なくなってしまったようです。[5.0.335 Update] ローカルサーバーなどを立てて開発している場合は問題ないんですが、たんなるローカルファイルとして開発しているとやっかいですね。 解決方法としては、Google Chromeの起動オプションに次のコードを追加します。 -allow-file-access-from-files 起動オプションはWindowsですと、アプリのショートカットアイコンを右クリックしてプロパティを選択、リンク先を次のように変更することで付加できます。 C:\Users\...(中
マピオン、NTTドコモの新端末向けにAjaxフリースクロール地図を開発～業界初！ドコモのJa…
マピオン、NTTドコモの新端末向けにAjaxフリースクロール地図を開発 ～業界初！ドコモのJavaScript対応｢iモード®｣ブラウザにいち早く対応～ 株式会社マピオン（東京都千代田区、代表取締役社長 佐藤孝也）は、NTTドコモのiモードブラウザの機能拡充におけるJavaScriptに対応したAjaxフリースクロール地図サービスを開発しました。 同社が提供する携帯公式サイト『マピオンモバイル（＊1）』のiモード版において、5月22日以降発売される対応機種にてご利用いただくことができます。 【提供開始日】 2009年5月22日（金） 【利用料】 「マピオン☆ベーシック」会員 月額210円（税込み） 「マピオン☆デラックス」会員 月額315円（税込み） 【アクセス方法】 iMenu＞メニューリスト＞交通／地図＞地図・ナビゲーション＞ 地図ｉマピオン 【対応機種】 ▼docomo PRIME
JavaScriptの巧い書き方 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎！ 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
EfficientJavaScript - Dev.Opera - 効率的な JavaScript
EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき
TAKESAKO @ Yet another Cybozu Labs: JavaScriptでフォント名一覧を取得する3つの方法
先月・今月と新しいメンバーが加わったサイボウズ・ラボですが、いま社内でfont-familyが密かなブームです。 ということで、ブラウザで使用できるフォント名一覧をJavaScriptで取得する方法について調べてみました。 ■ 1. IE の Dialog Helper Object を利用してフォント名一覧を取得する IE の Dialog Helper Object を利用して フォント名の一覧を取得する方法がよく知られています。 まず、HTMLの中に以下のOBJECTタグを定義して、 <OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"> </OBJECT> JavaScriptから以下のコードを実行すると、現在の環境で利用できるフォント
miya2000の日記 - これからドラッグ＆ドロップを書く人のために
2012/07/22 追記 久しぶりに確認したところ、IE9 では以下で指摘している IE (このときは IE6 でした) の問題(3, 4, 6)がすべて解消されていました。 また、Firefox での問題(5)も Firefox14 で試したらは解消されていました(ただ、All-in-One Sidebar のパネルの上では mousemove イベントが発生しないようでした)。 Chrome20 や Safari5 でも問題無く動作していますから、現在においてドラッグ＆ドロップを実装するには mousedown 時の preventDefault() だけでOKと言えそうです。すばらしいですね！ safari で動かないらしいのでどなたか情報ください！(くやしい!) というかこういうのに勝ち負けはないので実装できてる方は是非トラックバックお願いします。当方既に ipod 中毒ですし
忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」:phpspot開発日誌
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
BLOGRANGER Hacks - BLOGRANGER Hacks
BLOGRANGER Hacks † BLOGRANGER Hacksへようこそ!! BLOGRANGER Hacksは、BLOGRANGER API、BLOGRANGER TG APIを利用する為の情報サイトです。 BLOGRANGER API、BLOGRANGER TG APIを使うことで、ブログマイニング結果、タグマップをあなたのウェブサイトに容易に取り込んだり、他のコンテンツとmash upしたWebサイトを作成する事が出来ます。 ↑ ご利用の前に † BLOGRANGER HacksとBLOGRANGER API、BLOGRANGER TG APIは「BLOGRANGER API 利用規約」にご同意の上でご利用ください。 BLOGRANGER Hacksに関するご意見、ご感想は「スタッフブログ」のBlogRanger Categoryまでお寄せください。コメントやトラックバックを
CodeProject: Drawing lines in Mozilla based browsers and the Internet Explorer. Free source code and programming help
Download source files - 5.04 Kb Introduction In this article, I want to explain and deduce the line drawing algorithm by Bresenham. Afterwards, I will show an optimized version which can be used to draw lines in Gecko based browsers like Mozilla or Firefox and Microsoft's Internet Explorer. As you know, HTML itself is not able to describe lines. Therefore, there is no built-in features in the a
JavaScriptで線を描画するためのGraphicsクラスライブラリ:phpspot開発日誌
Drawing lines in Mozilla based browsers and the Internet Explorer - The Code Project - JavaScript JavaScriptで線を描画する方法についての記事。 JavaScriptで線を描画するためのGraphicsクラスライブラリも配布しているようです。 Graphicsクラスライブラリを使うと、次のような簡単なコードで線を描画できるようです。 var g = new Graphics(); g.drawLine(100,50,200,70); g.paint(); ダイナミックなインタフェースを実現するJavaScript ライブラリも多いですが、 こういったJavaScriptでの図形描画機能についてもおさえておきたいですね。 関連エントリ ブラウザ上で動作するJavaScript製のMSペイ
Firebug Lite
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
JavaScriptから使える便利なURLパーサークラス「URLParser」:phpspot開発日誌
JavaScript入門＆応用＆リファレンス＆ライブラリ紹介サイト「JavaScriptist... 次の記事 ≫：blockquoteでの引用を美しく表示するCSSサンプル URLParser - Public code - Trac JavaScriptから使えるURLパーサークラス「URLParser」。 次のように簡単に使えます。PHPでいうところの、parse_url 関数にあたる機能ですね。 var p = new Poly9.URLParser('http://user:password@poly9.com/pathname?arguments=1#fragment'); /* OUT * p.getHost() == 'poly9.com' // ホスト p.getProtocol() == 'http' // プロトコル p.getPathname() == '/path
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
Bernie's Better Animation Class
UPDATE! Development progress for Animator.js: 14-Nov-2006: Removed the dependency on prototype.js 16-Nov-2006: Added more transitions - check out the new bouncy and elastic transitions 9-Dec-2006: Allow people to specify CSS class names in CSSStyleSubject. 18 March 2007: improvements to AnimatorChain: seekTo() method (thanks Tim Stone) and resetOnPlay option (thanks Kaspar Fischer); 19 March 2007:
Prototype.js 1.5.0 がこの一週間めちゃめちゃ更新してるので、新しい機能をまとめてみた - IT戦記
最近の Prototype.js LL Ring でも言ったけど、まったくもって 4 ヶ月間更新なしだった。。。 しかし！ ここ、 1 週間でこんなに更新があった！ http://dev.rubyonrails.org/changeset?new=spinoffs%2Fprototype%404950&old=spinoffs%2Fprototype%404236 ということで、新しい機能まとめ DOM 要素に observe, stopObserving Element.Methods に observe が追加された。 var handler = alert.bind(null, 'クリックありがとう！'); $('target').observe('click', handler); // うーん、直感的！ $('target').stopObserving('click', han
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クロスドメインPOSTが可能なjQueryプラグイン - AUSGANG SOFT
jsの未来
aptana.tv
Aptana
