PanoJS3 - 巨大画像をGoogleマップのように表示するJavaScriptライブラリ - QTVR Diary - 京都・日本・世界のパノラマムービー情報
ネタ元は、こちら。 □ 大きなパノラマ写真をGoogleMap風インタフェースで拡大縮小させられるライブラリ「PanoJS3」:phpspot開発日誌 巨大な画像、特に高解像度パノラマのような膨大な容量の画像データを、エンドユーザーの端末でストレス無く読み込ませる方法に「多段解像度読み込み方式（Multi Resolution Loading）」があります。老舗としては「Zoomify」が挙げられますね。このブログでも大昔にさんざんご紹介してきたかと思います。しかしこのご時世、iPhoneやiPadの人気に押されて脱Flashの波に抗うことは出来ません。 但しこの技術はどちらかというと、FlashよりJavaScriptによる表示の方が発達していったかもしれません。それが「Googleマップ」です。 「AJAX」と呼ばれるJavaScriptによる非同期通信技術を一躍有名にしたこの
第三章 データを解析し表示しよう：JSONのデータを表示する
このデータを読み込み利用するにはdata = eval("("+データ+")")とすると変数dataにJSONで定義されたプロパティの値が入ります。例えば以下のようなJSONファイルがあるとします。 このデータを変数dataに読み込んだとします。userIDプロパティの値を読み出すにはdata.userIDと記述します。するとajaxの文字が返されます。同様にdata.userPWとするとxanaduの文字が返されます。単純にオブジェクト名.プロパティ名の記述で済みます。プロパティの値には関数なども定義することができます。これによりオブジェクト名.プロパティ名()として末尾にカッコを付加した場合にプロパティの内容＝関数が実行されます。つまりメソッドを定義したのと同じことになります。 それでは実際のデータを読み込み表示してみます。以下の商品名とそれに関するデータが記述されたJSONデータを読
[Think IT] 第1回：JSONってなにもの？ (1/3)
JSONとは何か? JSONとはJavaScript Object Notationの略で、XMLなどと同様のテキストベースのデータフォーマットです。 その名前の由来の通りJSONはJavaScriptのオブジェクト表記構文のサブセットとなっており、XMLと比べると簡潔に構造化されたデータを記述することができるため、記述が容易で人間が理解しやすいデータフォーマットと言えます。 なお、JSONは2006年に「RFC 4627（http://www.rfc-editor.org/rfc/rfc4627.txt）」として公開されています。 例としてXMLとJSONで同じデータを記述したものをリスト1とリスト2に示します（図1）。 リスト1のXMLではすべての情報をタグで囲んだテキストノードとして記述していますが、XMLでデータを表現する場合、データの記述方法として属性とテキストノードの使い分けが
AJAX クロール: ウェブマスターおよびデベロッパー向けガイド - ウェブマスター ツール ヘルプ
概要 検索結果に表示したいコンテンツで AJAX アプリケーションを実行している場合、Google が新しく作成したプロセスを実装すると、Google によるサイトのクロールとインデックス登録が可能になります。このプロセスは、Google 以外の検索エンジンでもうまく機能する可能性があります。AJAX コンテンツはブラウザによって動的に生成されるためにクロールで検出することができず、検索エンジンで AJAX アプリケーションを処理することは困難でした。この問題に対応するメソッドも既にありますが、このメソッドでコンテンツを最新の状態に保つには、手動で定期的に保守を行う必要があります。 一方、以下のスキームでは、検索エンジンでスケーラブルにコンテンツをクロールし、インデックスに登録できます。また、ウェブマスターが継続的に手動で保守を行わなくても常に最新のコンテンツがインデックスに登録されます。
Lightbox
Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by including the Lightbox CSS and Javascript. You can grab both these files from the
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
Yahoo! Japan1位、mixi2位、楽天市場3位--新指標「総利用時間」ランキング
ネットレイティングスは7月25日、米Nielsen//NetRatingsが発表したインターネット利用動向調査の新指標「総利用時間（Total Minutes）」に基づく日本のウェブドメインの最新ランキングを発表した。 総利用時間は、サイト滞在時間に基づいてウェブサイトのランキングを行うネット利用動向調査の新指標。ページを読み込むことなく画面上のデータを動的にアップデートするAjax技術で構成されたサイトが増加し、従来のページビュー（PV）に基づく評価だけではサイトの実力を過小評価してしまうようになったことから、米Nielsen//NetRatingsが10日、採用を発表した。 日本での新指標の導入は2008年春の予定だが、今回のランキングはそれに先立ち、2007年6月の月間データを用いて算出された。 発表によると、利用者数、PV数でトップのYahoo!JAPANが、総利用時間でも約80.
クールなAjaxウィジェット――サイトの対話性を手軽に高める手法
Google MapsやGmailを使ったことのある方なら、最初はそのリッチなインタフェースに驚いたにちがいない。その裏で、Ajaxが活躍していることはよく知られている。こうした斬新なインタフェースを実現してくれる、クールなAjaxウィジェットを紹介しよう。 Ajax（Asynchronous JavaScript＋XML）は、従来、エンジニアに敬遠されてきたJavaScriptがXMLと組み合わさることで復権した技術。ユーザーが画面を操作するバックグラウンドでサーバと非同期に通信するため、一画面ごとのリフレッシュが不要で、スムーズな操作性を実現している。ブラウザながらユーザーエクスペリエンスを大きく向上させ、Web2.0を支える技術として注目を浴びている。JavaScriptについては、以前、こちらの記事でも紹介している。 Web 2.0の流行によってユーザーエクスペリエンスが新たな脚光
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
