Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
-- リスト --
【カテゴリー】 ActionScript ( 6 ) AIR ( 4 ) AjaSQL ( 10 ) Ajax ( 675 ) Arax ( 1 ) canvas ( 15 ) CSS ( 24 ) ( 9 ) DLNA ( 1 ) Dojo ( 25 ) DOM ( 51 ) ES4 ( 4 ) Ext JS ( 5 ) 反重力物質 ( 1 ) ffAdd-on ( 1 ) Flash ( 48 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 124 ) Google ガジェット ( 1 ) GPS ( 44 ) HTML ( 11 ) HTTPヘッダサンプル ( 10 ) IME ( 2 ) Internet ( 2 ) iPhone ( 49 ) IPv6 ( 1 ) 漫画 ( 4 ) Java ( 49 ) JavaScript ( 343 ) jKamo ( 8 ) jQchart ( 4 ) jQuery ( 207 ) jquery-ref ( 1 ) jsGadget ( 19 ) jslb_ ( 3 ) jslb_ajax ( 9 ) JSON ( 49 ) JSR223 ( 7 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 18 ) Mac ( 9 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 2 ) mootools ( 9 ) Movable Type ( 58 ) MySQL ( 10 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 10 ) P2P ( 2 ) Perl ( 8 ) PHP ( 38 ) PostGIS ( 1 ) PostgreSQL ( 4 ) prototype.js ( 28 ) ROBOT ( 1 ) RSSリーダー ( 15 ) Ruby on Rails ( 7 ) SPDY ( 1 ) Spry ( 6 ) SQLite ( 17 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 23 ) TRON ( 1 ) Ubiquity ( 7 ) Video ( 1 ) VML ( 1 ) Web Slice ( 1 ) Web Sockets ( 22 ) Webサービス ( 107 ) widget ( 6 ) Wii ( 1 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 30 ) XML ( 32 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 4 ) Yahoo! UI ( 74 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) WinTips ( 2 ) こりゃすごい ( 7 ) チューニング ( 30 ) ダイナミックロード関数 ( 7 ) リファレンス ( 20 ) ライブラリ ( 210 ) レーダー雨量表示 ( 1 ) ハード ( 35 ) ペンギン ( 2 ) ブラウザ ( 108 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) イベント ( 2 ) カレンダーによる日付入力スクリプト ( 4 ) クロスブラウザ ( 14 ) クロスブラウザ関数 ( 8 ) スポーツ ( 1 ) スマートフォン ( 8 ) セキュリティ ( 155 ) ソフトイーサ ( 1 ) マッシュアップ ( 23 ) 暗号 ( 4 ) 映画 ( 57 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 38 ) 牛久大仏 ( 19 ) 携帯 ( 150 ) 言語 ( 19 ) 故障 ( 9 ) 高橋家の謎 ( 3 ) 広告とか ( 1 ) 洪水警報システム ( 2 ) 今日のひと言 ( 10 ) 仕様 ( 113 ) 雑談 ( 354 ) 実装 ( 2 ) 書籍 ( 20 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
Web Sockets Domo

* サーバー側は、小松氏のこれをbloga.jp:80へ置いてあります。
* クライアント側はWS処理をjQueryプラグイン化してみました。これです。
* ちなみに、このDemoサンプルは、下記5行でローカルでも別ドメインでもどこにでも設置出来ます。
<script src="http://bloga.jp/ws/jq/js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="http://bloga.jp/ws/jq/js/jquery.ws-0.3-noenc-pre.js" type="text/javascript" charset="utf-8"></script> <script src="http://bloga.jp/ws/jq/conn/wschatdemo0.3.js" type="text/javascript"></script> <script>/*サポートしてない時のalertメッセージを抑止*/$.ws.wsSetup({nonosupportmsg:true});</script> <div id="wsdemos"></div>

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いです。実験用ですので、カオス(混沌)をあえて意図したりもしますので、標準やValidとは無縁だったりしますが、何卒、ご了承ください ( _ _ b

【info】 最近はTwitterでぶつぶつ言ってることが多いです。
>http://twitter.com/toshirot

2008年07月28日

【ブラウザ】PS3のWebブラウザ

JavaScript , ブラウザ ブックマークに追加する ブックマーク-- Hatena  / Livedoor track feed


最近は、ゲーム機用のブラウザに目配りしていなかったのですが、PS3のWebブラウザは、ソニー製なのですね。ちょっと面白そう。だれか使っていませんか?

もし使っている方がいらっしゃったら、ぜひここでリクエストヘッダとユーザーエージェント採取のご協力を。
http://jsgt.org/ua/reqheader.php

PS3のWebブラウザ、独自エンジンだからできること
http://www.itmedia.co.jp/news/articles/0807/28/news016.html

PS3も当初は、既存の組み込み向けブラウザ採用を検討していたという。だが「ハイビジョンのテレビ画面でPC向けフルブラウザ並みのパフォーマンスを出す」という目的にかなう組み込みブラウザが見つからなかった。
(略)
リリースの約1年半後、「インクリメンタルレンダリング」を搭載した。データを複数回に分けて読み込み、一部ずつ徐々に表示していく仕組み。
(略)
仮想メモリも取り入れたほか、XMB(クロスメディアバー。PS3のユーザーインタフェース)からブラウザ単体で利用する時にはSPU(Cellに7基載っている処理コア)も利用することでパフォーマンスを改善した。

PLAYSTATION®3
Web コンテンツガイドライン(PDF)
http://www.jp.playstation.com/ps3/pdf/Web_Content-Guidelines_j220.pdf

上記資料によるユーザーエージェント文字列

User-Agent: Mozilla/5.0 (PLAYSTATION 3; 1.00)

上記資料によるその他リクエストヘッダ
Accept-Language: xx, xx;q=0.5
(xxは日本語ならja, en、英語ならenのみ)

x-ps3-browser: 1.10 (WP; system=1.10)
(ブラウザのシステムソフトウェアのバージョンや、どのプラグインからアクセスしている
かを表わす独自拡張ヘッダ)


JavaScript™拡張

インターネットブラウザでは、JavaScript™を拡張し、システムソフトウェアと連携するためのいくつかの独自機能を搭載しています。

これを利用するためには、以下のような™ JavaScript コードを実行しま
す。

window.external.system("command?arg1&arg2&...");

command部分には、コマンドを指定します。コマンドはクラスとメソッドを”.”(ピリオド)でつなげた
形式で指定します。またコマンドの後の”?” に続けて複数の引数を”&”で区切って記述できます。

現在一般に提供されているのはWebbrowser.Downloadクラスのみです。

Webbrowser.Downloadクラス

メソッド Start?url
urlで指定したファイルをダウンロードします。保存先を選択するための
ダイアログが表示されます。返り値は必ずtrueとなります。

メソッド StartBackground?url
urlで指定したファイルをバックグラウンドダウンロードします。システ
ムが適切な保存先を決定し、自動的にダウンロードを開始します。この
間ダイアログなどは一切表示されません。バックグラウンドダウンロー
ドタスクへの追加が成功した場合はtrueが、失敗した場合はfalseが返り
ます。

例)http://www.playstation.jp/sample.mp4 をバックグラウンドダウンロードしたい場合

window.external.system("Webbrowser.Download.StartBackground?http://www.plays
tation.jp/sample.mp4");

対応システム 2.20 以降



    古籏一浩 ( 2008年07月28日 12:26 )

    PS3持っているので、登録しておきましたよ。
    一応先月までのWebDesigningでPC以外のブラウザの特集が短気で連載されていました。

    ちなみにリクエストヘッダーは以下のとおりです。

    Host:jsgt.org User-Agent:Mozilla/5.0 (PLAYSTATION 3; 1.00) Content-Length:5 Accept-Encoding:identity x-ps3-browser:2.20 (WP; system=2.20) Accept-Language:ja, en;q=0.5 Content-Type:application/x-www-form-urlencoded Referer:http://jsgt.org/ua/reqheader.php

    高橋 ( 2008年07月28日 12:39 )

    ども〜。有難うございます。これですね。
    http://jsgt.org/ua/header_view.php?id=682

    system=2.20が少し資料より新しいですね。

    高橋 ( 2008年07月28日 12:42 )

    記事にありましたけど、テレビで見たときの解像度の体感とか、ネットフロントなどとは異なりますか?

    古籏一浩 ( 2008年07月28日 14:02 )

    WD誌でも確認のためSONYに問い合わせたのですけど、独自開発ですと強調してましたが、雰囲気がNetFrontなんですよね・・・。NetFrontをベースに云々ってのが校正されて、独自ブラウザとなったわけなのでソニー曰く独自なのでしょうf(^^;
    解像度はハイビジョンTVでないと性格なのはわかりませんが、4:3の安物液晶テレビ(ソニー製なんだけど)で見た状態では、やっぱりNetFront。
    Wii+Operaだと軽快なんですが、PS3のはNetFront独特のスクリプトエンジンのトロさ、というか何というか。

    高橋 ( 2008年07月28日 14:15 )

    そうですか、、、。もしNetFrontだったりすると、この記事ちょっと微妙ですね。

    でも「目的にかなう組み込みブラウザが見つからなかった。」とまで言っていますから、NetFrontに気づかなかった(笑)なんてことは有り得ないはずなので、もしかして、別系統のブラウザとか???

    古籏一浩 ( 2008年07月28日 14:55 )

    レンダリングエンジンは独自かもしれませんが、スクリプトエンジンはどうなんでしょうか・・・
    Operaならサクサク動くので、まず違いますね。
    WebKitだったら、Google Mapsでバグらないだろうし(ver 1.9xはマップズームを素早く行うとハングアップしてた)。
    と思ったらiPhoneで3G通信の時はマップが欠けてる(笑) WiFiならいいみたいだけど・・・。G社に行ったときに再現してしまったんですが、iPhone持っている人に、すぐに教えてもらいました。

    いっその事、HTML, CSSでレンダリングチェックできるページにアクセスして比較してみるとどうかなあ?

    高橋 ( 2008年07月28日 17:21 )

    レンダリングの部分なのかもしれないですね。

    画像ならImageのonloadで計れるかな?

    古籏一浩 ( 2008年07月28日 17:25 )

    CSSレンダリングの癖を見ればNetFrontかどうか分かるんじゃないかなあ、と。
    スクリプトの場合はプロパティでの判別は無理だと思うので、何かの命令でハングするとか、特定の処理だけ異様に低速だとかで判別かな?

    高橋 ( 2008年07月28日 18:37 )

    最近NetFront触っていなかったのでその辺の情報無いなぁ。
    何かありますか?

    塩澤 淳 ( 2010年01月03日 06:55 )

     SonyCEの仕様書にはresponseTextのみ対応としか記載されておりませんが
    UTF-8のresponseTextは文字化けしないでしょうか?
    UTF-8のresponseXMLは文字化けしないでしょうか?(responseXMLには未対応?)

    塩澤 淳 ( 2010年01月03日 07:10 )

    URLがErrorになるので

    http://sourceforge.jp/projects/junshiozawacms/

    高橋登史朗 ( 2010年01月03日 08:32 )

    明けましておめでとうございます。

    私は、PS3が無いので確かめられないのですが、もしお持ちでしたら、次のページで(少し手間がかかりますがひとつづつ開いていくことで)確認できるかもしれません。

    responseText編
    http://jsgt.org/ajax/ref/charset_test/responsetext/seu8/sample.htm
    responseXML編
    http://jsgt.org/ajax/ref/charset_test/responsetext/seu8xml/sample.htm

    もし、何かわかったら教えて頂けるとちょっと嬉しいです。

    塩澤 淳 ( 2010年01月04日 06:15 )

    高橋先生、あけおめ(^v^)

    レスありがとうございます

    PS3でOKでもPS4やアクトビラなど家電の事を考慮するとURIエンコードしたほうが安定するかも

    入門Ajax初版も改訂版も購入しました(^v^)

    塩澤 淳 ( 2010年01月04日 06:20 )

    >PS3でOKでも

    PS3は未確認です

    高橋登史朗 ( 2010年01月05日 15:55 )

    ども〜。
    そうですね、自力実装は手間でもURIエンコードを使えば、文字化けするブラウザはほぼ皆無になります。

    入門Ajax初版は、誤植もいっぱいですので、眉毛につばを良く塗ってから読んでくださいf^^;;

    お手数をおかけして申し訳ありませんが正誤表http://jsgt.org/ajax/もご利用ください。


    【コメント】(←clickで入力欄open)





AllaboutのJavaScript記事を連載させていただいてます。最近は、jQueryを主に取り上げていますが、多少なりとも参考になれば幸いです。