RIAトピックス
リッチクライアント/RIAを主テーマに取り扱います。Flex、Ajax、AIR、Silverlight、JavaFX、etc。
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【百式のネットビジネス研究】JavaScript ライブラリの Prototype で作られた RPG ゲーム「ProtoRPG」
http://japan.internet.com/column/busnews/20080423/7.html

ProtoRPG」はprototype.jsによって作られた
ブラウザ上で動作するRPGゲームです。

試しにデモをやってみたのですが、
FireFoxではうまく動作しなくて
最初の部屋から出ることができません。

IEだときちんと動かすことが出来るのですが、
操作性はイマイチ…。まぁしゃーないですね。

同サイトにはWikiやblogもあり、
どういう風に作ったかも多少書いてありますが、
まだ始めたばかりみたいで、情報量は非常に少ないです。
実装を知りたければ
実際のJSファイルを覗かせて貰った方がよさそうです。



ヨウイチ
スポンサーサイト

テーマ:インターネットサービス - ジャンル:コンピュータ

【ITmedia】Google Gears対抗? Yahoo!がBrowserPlusを開発
http://www.itmedia.co.jp/enterprise/articles/0804/22/news065.html

米国Yahoo!が「BrowserPlus」という
RIA Frameworkを開発しているようです。

…とは言うものの、情報は殆どありません。
上記のITmediaの記事くらいです。
肝心の米国Yahoo!でさえFAQが存在するだけ。

少ない情報からは
・どうやらGoogle Gearsっぽい
・WinとMacで動作する → ランタイムが多分必要
くらいのことは読み取ることが出来ました。

Microsoftに買収されそうなYahoo!ですが、
もし本当に買収されちゃったら、
このBrowserPlusはどうなるんでしょうね?



ヨウイチ

テーマ:システム開発 - ジャンル:コンピュータ

【補足】Shadowbox.jsをFC2ブログで使ってみる
先週末にShadowbox.jsをFC2ブログ上で使う方法
ご紹介しましたが、その後
「画面を開いた直後だとうまく動作していない」
というご連絡をいただきました。

私も確認してみましたが、たしかに
ブラウザのキャッシュクリアを行ってから
対象の画面を開いた直後にサムネイルをクリックすると
Shadowbox.jsの機能がうまく働いていませんでした。

これはIE、FireFoxなど、ブラウザに関係なく
このような動きになることが確認できています。


色々と確認してみたのですが、
どうも「画面を開いた直後」以外なら大丈夫なようで
   1. ブラウザのキャッシュをクリア
→2. Shadowbox.jsの実装された画面を開く
→3. 画面表示されてから数秒待つ
→4. サムネイルをクリック

と言う手順ですと、
問題なくShadowbox.jsの機能が動作します。

ローカル環境でのテストでは
このような事象は確認できませんでしたので、
FC2ブログ特有の現象かもしれませんし、
Shadowbox.js自体が89KBもファイルサイズがあるので
ファイルのロードに時間がかかっているのかもしれません。


また何か動作に問題がありましたら
逐次調査していきたいと思いますので、
ご指摘頂けると助かります。


その他、前回のエントリーの補足です。

<a>タグのrel属性のオプションで
> ①"shadowbox;options={handleLgImages:'none'}"
> → ファイルサイズ固定
> ②"shadowbox;options={handleLgImages:'drag'}"
> → 覗き窓から画像を表示

という機能もあるとお伝えしましたが、その後の確認では
①は正しく機能するものの
②はFC2ブログ上では正しく機能させることが出来ませんでした。

以下はサンプルです。
②が正しく機能していないことが確認できると思います。

① 画像サイズ固定 ② 覗き窓から画像表示
 



最後に、Shadowbox.jsの機能を
YouTubeプレイヤーに対して実装する方法を紹介します。

記述方法は以下のようになります。
<a rel="shadowbox;width=動画の横幅;height=動画の縦幅" title="動画タイトル" href="動画のURL">リンクに指定したい文字列や画像</a>


まず、エフェクトを付けたい
YouTube動画の元ページを開きます。
画面右側に「埋め込み」と書かれたTextInputがあるので
(下記画像の赤丸部分)
その中の文字列を全てメモ帳か何かにコピペして下さい。

youtube_view.jpg


コピペした内容が以下になります。
読みやすいように改行したりインデントを付けたりしましたが、
本来は全て一行に記述されています。

<object width="425" height="355">
  <param name="movie"
    value="
http://www.youtube.com/v/3mV9RKA2STM&hl=ja">
  </param>
  <param name="wmode" value="transparent"></param>
  <embed
    src="http://www.youtube.com/v/3mV9RKA2STM&hl=ja"
    type="application/x-shockwave-flash"
    wmode="transparent" width="425" height="355">
  </embed>
</object>


この中から必要な情報を抽出して、
先ほどの<a>タグの記述に当てはめていきます。
上記の動画の場合ですと…

・画面の横幅
   → 
425 ("width"で指定された値)
・画面の縦幅
   → 
355 ("height"で指定された値)
・画面のURL
   → 
http://www.youtube.com/v/3mV9RKA2STM&hl=ja
   ("value" もしくは "src"で指定された値)
・動画タイトル
   → 自身で自由に決めて下さい



これを実際に書くと、以下のようになります。
<a rel="shadowbox;width=425;height=355" title="Moving Football!" href="http://www.youtube.com/v/3mV9RKA2STM&hl=ja">リンク</a>

上記のサンプルはこちら。リンク元は画像に変えてみました。
youtube_thumb.jpg



FC2ブログはついこの間から
ニコニコ動画の外部プレイヤーも貼れるようになりました。
できればそのうちニコニコ外部プレイヤーでも
Shadowbox.jsのエフェクトを使えないか、試してみたいです。




ヨウイチ

テーマ:プログラミング - ジャンル:コンピュータ

copyright © 2005 RIAトピックス all rights reserved.
Powered by FC2ブログ.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。