続・iPhone, Android, webOS モバイルブラウザキャッシュの制限 - WebOS Goodies
以前、iPhone, Android, webOS モバイルブラウザキャッシュの制限という記事で、 iPhone をはじめとするモバイルブラウザのキャッシュに関する調査結果を公開した Ryan Grove 氏 の記事をご紹介しました。その後いろいろと多忙になってフォローできずにいたのですが、実は情報元の YUI Blog では追加情報を掲載した補足記事が公開されています。そこで、本日はその内容をご紹介します。 前回同様、全訳する時間はないので、要点のみをまとめました。前回の記事では、とくに iOS 3.x についてはキャッシュの制限がかなり厳しいという結果が出ていましたが、「実はそうでもなかった」というのがわかっています。モバイルサイトをより閲覧しやすいものにするために、今回もぜひご覧ください。 前回のデータの計測はランダムに生成した HTML ページ（Content-Type は tex
IFRAME の内容を動的生成する正しい方法 - WebOS Goodies
先日 Firebug Lite ブックマークレットを公開しましたが、動的生成した IFRAME に HTML を流し込むとブラウザが読み込み状態のままになってしまう（ロード中アニメーションなどが再生されっぱなしになる）という問題がありました。 IFRAME の動的生成はいろいろと応用範囲が広いので、なんとかこの問題は解決しておきたいところです。そこでいろいろと試行錯誤して、なんとか回避方法を見つけることができました。本日はそれをご紹介しようと思います。 さっそく種明かししてしまいましょう。実は答えはいとも簡単でした。 document.write で HTML を流し込む前後で document.open と document.close をきちんと呼ぶ必要があるようです。こんな感じですね。 var iframe = document.createElement('IFRAME'); do
Yahoo! ルビ振りWebサービスをブックマークレット化 - WebOS Goodies
早速ですが、ブックマークを使うには、まず以下のリンクをブックマークしてください。 よみがなの表示 あとは、ページ中の適当な漢字仮名まじり文を選択してブックマークレットを実行するだけです。少し待つとダイアログに変換結果が表示されます。 仕組みというほど大層なことはやっていません。単にルビ振りWebサービスにリクエストを投げてその結果を表示しているだけです。ただ、ルビ振りWebサービスは JSONP をサポートしていないので、クロスドメインの制約に引っかかって JavaScript だけではリクエストを投げることができません。そこで、 Yahoo! Pipes でルビ振りWebサービスのパイプを作り、その結果を JSONP で取得しています。日米 Yahoo! の見事なコンビネーションですね（笑）。参考までに JavaScript のソースコードも掲載しておきます。 Yahoo! Pipes
JavaScript で画像処理！ canvas を使ってみよう - WebOS Goodies
前述のとおり canvas 要素は Web ページ内に空の画像領域を確保します。感覚としては画像ファイルを指定しない img 要素のようなもので、Web ページ上での扱いもほぼ同じです。画像がないので src 属性がなく、代わりに width, height 属性で描画領域のサイズを明示しなければなりません。また、JavaScript で描画対象の canvas を特定するための id 要素を指定するのが普通です。例えば、150x150 ピクセルの描画領域を確保するには、以下のように記述します。 <canvas id="example_canvas" width="150" height="150"></canvas> 閉じタグを忘れると以降の内容が表示されなくなるので注意してください。詳細は後述しますが、canvas 要素内のテキストはブラウザが canvas をサポートしていないときの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
