Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started  | 

http://www.sandai310.com/ あらすじ どこかの三等兵が戦場で死に続ける物語。 「廻りまわりいつまでも、私はあなたを天国へいかせたいだけなのにいつまで地獄を選び続けるの？ 「キミも天国にくるまでさ どこか国のどこか戦場。人の心に愛があり、人の歴史に争いがあり、人の世に異常があり。いつまでもそれは繰り返す。廻りまわりいつまでも。 JavaScriptだけで作った桜咲くウェブページ長編(JSにしては)ファンタジーアニメーション・・・もどき。 快適にみるための要件 元気なPC さりげないネット環境（画像と音源を最初に読み込む。全部で16,7MBぐらい） 画像重い 推奨ブラウザ：Googole Chrome4.1+、Opera10.5+、Firefox3.6+ IE6は透過png関係などで無理。IE7、8はエンジンがあれだし暗黒仕様となっているので非推奨 IE9やsafari

To view this content, please allow our site to use cookies. Click here to adjust your Cookie Settings.

どうもはじめまして、株式会社はてなのid:cho45です。これから数回に渡り、拙作のJavaScriptのライブラリであるJSDeferredの紹介と、それに関係するJavaScriptにおける非同期の技術に関して解説させていただきます。 JavaSciptにおける非同期処理 非同期処理とは まずは確認程度に、非同期処理がどういうものかを解説しておきます。先に乱暴にまとめてしまうと、以下の事柄が大切なところです。 非同期とは「あとで」という意味 同期処理はコードの見た目順に実行される／非同期ではそうならない JavaScript の非同期処理は絶対に同期処理にすることができない JavaScriptにおける非同期処理をいくつか例に出すと、以下のようなものが挙げられます。 リスト1 // XMLHttpRequest の例 var req = new XMLHttpRequest(); re

もうすぐクリスマスシーズンなんですかね？本間です。 巷で話題のイケメンホイホイ（以下イケホイ）ですが、このたびiPhone用サイトがオープンしました。 それにあわせて新機能も搭載！イケメン写真にタグを付ける機能と、iPhoneでぼんやり眺めているだけで楽しいビューア機能です。 タグ機能はPC版にも搭載されましたので、ぜひぜひみんなで色んなイケメンにタグを付け合ってくださいね。 タグが付くことで、オススメの精度が上がりますよ！ ビューア機能は、自分がゲットしたイケメンズがiPhone上で次から次へと表示される機能です。 オフラインでも表示できる機能付き！ 電車の中で見るも良し、卓上に置いて眺めるも良しです。 あなた好みのイケメンがゾロゾロ。イケメンホイホイのサイトはこちら！ …うーん、ユーザ層がかぶらなそうだな、この記事。 さてさて、本題はHTML5の機能を使った画像のオフライン表示について

ACCESS、“今より10～15倍速い”「NetFront Browser v4.0」を開発中：ふぉーんなハナシ ACCESSの年次イベント「ACCESS DAY 2009」で講演を行った同社代表取締役社長の鎌田富久氏が、NetFrontの最新バージョンに言及した。 同氏によれば、2010年のリリースを目指して「ゼロから研究開発した」（鎌田氏）という携帯／組み込み機器向けWebブラウザ「NetFront Browser v4.0」の製品化を進めており、そのブラウザはベンチマークテストでも現行NetFront Browserと比べてJavaScriptの実行速度が10倍から15倍くらい速いという。 Webは年々進化しており、最近では「HTMLはサブで、中の（JavaScriptによる）アプリケーション的な動作がメインになっている」と鎌田氏は指摘。ACCESSとしては、高速なJavaScrip

NTTドコモは10月23日、ソフトウェアの不具合対応に伴い、iモードブラウザの一部機能を停止していた機種について、ソフトウェアアップデートを順次提供することを発表した。これにより、JavaScriptなどがiモードブラウザで利用可能になる。 NTTドコモは2009年夏モデル以降の機種に、iモードブラウザ2.0とよばれる新ブラウザを搭載し、JavaScriptやCookie、Refererなどに対応した。しかし、「有料会員登録をしていないにもかかわらず、有料コンテンツが利用できるなどの不具合が生じた」（NTTドコモ広報）ため、一部機能を停止したうえで端末を販売していた。 対象端末は、docomo STYLE seriesの「F-08A」「N-08A」「P-08A」「SH-05A」「SH-08A」、docomo PRIME seriesの「F-09A」「N-06A」「N-07A」「P-07A」

iPhone といえば、App Store でダウンロードできる様々なアプリが話題ですが、実は Safari ブラウザ上で動くウェブアプリも、とてもパワフルになってきていることをご存知でしょうか。 本日、Google モバイルチームは、iPhone の Safari ブラウザ上で動く、Google マップの乗換案内をリリースしました。この、新しい乗換案内アプリは、ブラウザの最新の機能をフルに使って、まるでダウンロードアプリのようにインタラクティブに使うことができます。 主な特徴: 乗換案内と運転経路案内をワンタッチで切り替え1シンプルかつパワフルな乗換案内のUI最近使った駅をタップするだけで選べる、履歴機能現在地機能をサポート。目的地を入れるだけで検索可能ブラウザ上で、まるでダウンロードアプリのように地図を操作できます。ズームや移動も自由自在 (ピンチや、指をスライドさせて試してみてくださ

非ネットで聞いた話なども含め、ここまでやっても信じない人もいっぱいいるみたいで、そこまで疑う人のためにとりあえずパッチは出しておいたのだが、みんな「怪しいよね」って陰で言うだけで、誰も追試はしてくれなかったみたいだ。他人の書いた、しかもCPU使用率なんて割とどうでもいい系のエントリなんてわざわざ検証する人はそりゃいないだろうとは思うけど、気分が悪いのも確かだ。どうせ誰も試さないなら、パッチ自体は次のネタにとっときゃよかったなぁ…。 http://d.hatena.ne.jp/tkng/20091003/1254578195 では折角なので、検証を。Firefox前提なら、Firebugのプロファイル機能で一発なので、検証用マシン*1で以下のスクリプト実行。 // ==UserScript== // @name google stats // @namespace http://ss-o.n

addEventListenerの第二引数は、関数以外にも、handleEventをメソッドとして持ったオブジェクトも渡すことが出来る。 window.addEventListener("click", { handleEvent: function (e) { console.log(e); } }, false); また、この仕様を利用すると、 ({ run: function () { window.addEventListener("click", this, false); this.counter = 0; }, handleEvent: function () { this.counter++ if (this.counter < 3) alert(this.counter + "clicked!"); else this.destroy(); }, destroy: fun

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、検索事業部の角田です。 私が担当しているプロジェクトではPHPUnitとSeleniumを使ってテストを行っています。そして、最近YUI TestというJavaScriptによるユニットテストライブラリを使い始め、JavaScriptのユニットテストがとてもいい感じに思えてきたのでご紹介します。 YUI Testは、Yahoo! Developer Networkにて公開されているYahoo! UI Libraryの数多くあるコンポーネントの中の一つです。その名の通り、JavaScriptのユニットテストを行うライブラリです。JavaによるJUnitやPHPによるPHPUnitを使ったことのある方であれば、すぐに使い方

Opera の getContext("opera-2dgame") について追記しました。 fillText(strokeText) + pattern, + linerGrad, radialGrag について追記しました。 uupaa-excanvas.js ver 0.3 リリース版に基づき表を更新しました。 uupaa-excanvas.js ver 0.31で、drawImage(canvas, ...) をサポートしました。 先ほど Windows XP 上で調べました。Mac や Linux だとちょっと違うかもしれません。 # レンダリングの実例はhttp://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-excanvas.js/DEMO.htmで見れます。 凡例 5: 実装されており他のブラウザの描画結果と互換性がある(

jOpenSocialを試しつつjQuery事始めを目的としてmixiアプリを作成しました。 何を作ったかというと、うちで飼っている十姉妹のこいつのアテレコする、というとても個人的なアプリです。出来上がった画面がこちら。 言いたいことも言えないこんな世の中で、心に秘めた叫びをこの小鳥に言わせようというアプリです。機能はこんな感じ。 -入力したメッセージを女子高生風のフォントにした画像にして小鳥の画像に重ねて表示 -メッセージの画像と小鳥の画像を重ね合わせた画像をダウンロード -メッセージを音声に変換して再生 ** 画像の重ね合わせイメージ ** アプリの概要図 今回のアプリの概要はこんな感じです。 + javascriptライブラリを読み込む + jOpenSocialを使いOpenSocialコンテナとやりとり + 外部APIを使ってメッセージを画像(base64)に変換 + swfにメ

はじめに Safari 3.1 には Client-side database storage （SQL API とも呼ばれています。）という新しい仕様が実装されました。 というわけで、この新しい API について色々調べたことを簡単にまとめておきます。 Client-side database storage が使えるブラウザ 2008 年 03 月 27 日現在では、 Safari 系のブラウザのみです。 Safari 3.1 WebKit Nightly Client-side database storage とは Selectors API とは HTML5 で定義された仕様です。詳細に関してはこちらをどうぞ。 簡単に説明すると JavaScript 内でリレーショナルデータベースを使えるということです。 もっと簡単にイメージするために、実際のコードを示すとこんな感じです。 va