RIAトピックス http://mfria.blog106.fc2.com/ リッチクライアント/RIAを主テーマに取り扱います。Flex、Ajax、AIR、Silverlight、JavaFX、etc。 ja http://mfria.blog106.fc2.com/blog-entry-1663.html ハイテンションAjax入門 ハイテンションAjax入門　【三等兵より】http://d.hatena.ne.jp/sandai/20091115/p1名前は知ってるし興味はあるけど、業務で使ってるわけじゃないし…そんなあなたにわかりやすく？教えてくれます。っというか、ある程度の知識があればとりあえず動けば後は自分でやりたい事は調べて出来るわけで。結局、最初のきっかけですよね。Ajaxに興味あるけど今更入門サイト見るのダルイ。。。って人はどうぞK.Y 三等兵より】
http://d.hatena.ne.jp/sandai/20091115/p1

名前は知ってるし興味はあるけど、業務で使ってるわけじゃないし…
そんなあなたにわかりやすく？教えてくれます。
っというか、ある程度の知識があればとりあえず動けば後は自分でやりたい事は調べて出来るわけで。
結局、最初のきっかけですよね。

Ajaxに興味あるけど今更入門サイト見るのダルイ。。。って人はどうぞ

K.Y ]]> Ajax 2009-11-23T21:29:16+09:00 MF RIAグループ FC2-BLOG http://mfria.blog106.fc2.com/blog-entry-1662.html Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」 【phpspot開発日誌より】http://phpspot.org/blog/archives/2009/11/exceljstinytabl.htmlこれはいいなぁ。。。データのテーブル表示するにしても色々機能付けなければならないので、こういうライブラリがあると便利ですね。又、こういう便利なライブラリの中身を実装する際に中身を覗く事で使い方ややり方などの勉強になるのが 【phpspot開発日誌より】http://phpspot.org/blog/archives/2009/11/exceljstinytabl.html

これはいいなぁ。。。
データのテーブル表示するにしても色々機能付けなければならないので、こういうライブラリがあると便利ですね。
又、こういう便利なライブラリの中身を実装する際に中身を覗く事で使い方ややり方などの勉強になるのがライブラリのいい所だと思います。
（そのまま使えるライブラリというのは少ないですしね。。。）

K.Y ]]> Ajax 2009-11-22T23:40:37+09:00 MF RIAグループ FC2-BLOG http://mfria.blog106.fc2.com/blog-entry-1661.html Google Chrome OS Google Chrome OS 【ITmedia Newsより】http://www.itmedia.co.jp/news/articles/0911/20/news083.html今のところはネットブックを対象にしているようですが。。。近いうちにWindowsを脅かす存在になる事は間違いないでしょう。Windowsの対抗馬が出てくるのは歓迎ですが、シェアが拮抗して両方のOSをサポートする事になるのは勘弁して欲しいところです。Googleがパソコン向けの独自OS「Google Chrome OS」の詳細を正式公開、実際に ITmedia Newsより】
http://www.itmedia.co.jp/news/articles/0911/20/news083.html

今のところはネットブックを対象にしているようですが。。。
近いうちにWindowsを脅かす存在になる事は間違いないでしょう。
Windowsの対抗馬が出てくるのは歓迎ですが、シェアが拮抗して両方のOSをサポートする事になるのは勘弁して欲しいところです。

Googleがパソコン向けの独自OS「Google Chrome OS」の詳細を正式公開、実際に動作しているデモムービーも【GIGAZINE（ギガジン）より】
http://gigazine.net/index.php?/news/comments/20091120_google_chrome_os/

Googleの独自OS「Google Chrome OS」をスクリーンショットで徹底解説【GIGAZINE（ギガジン）より】
http://gigazine.net/index.php?/news/comments/20091120_google_chrome_os_demo/

忙しい人のためのGoogle Chrome OS 【IDEA*IDEAより】
http://www.ideaxidea.com/archives/2009/11/google_chrome_os.html

K.Y ]]> その他技術 2009-11-22T00:50:18+09:00 MF RIAグループ FC2-BLOG http://mfria.blog106.fc2.com/blog-entry-1660.html 【Javascript】IEのinnerHTML挙動と`（バッククォート）について innerHTMLはオブジェクト内のHTMLを書き換える事が可能なため割とよく使われますが、ブラウザによって挙動が違ったりします。今回これにはまったのでメモ。解説の前にソースです。～～～ここから～～～<html><head><script>function testfunc(){ document.forms[0].innerHTML = document.forms[0].innerHTML;}</script></head><body><form action="" name="form1"><input type="tex 今回これにはまったのでメモ。

解説の前にソースです。

～～～ここから～～～
<html>
<head>
<script>
function testfunc(){
document.forms[0].innerHTML = document.forms[0].innerHTML;
}
</script>
</head>
<body>
<form action="" name="form1">
<input type="text" name="b"value="`"/><br>
`
<input type="button" onclick="testfunc()" value="CLICK ME"/>
</form>
</body>
</html>
～～～ここまで～～～

あからさまに怪しい所がありますが、特に問題になるような感じはないと思います。
ところが、これをIEで開いてボタンをクリックすると。。。

クリック前

↓クリック

クリック後

こんな感じでHTMLが崩れてしまうんです。
サンプル↓（IE6、7、8で確認済み）
http://jsbin.com/ejacu

以下解説
IEではバッククォートはダブルクォーテーションやシングルクォーテーションと同様に属性の引用符として使用することができます。
↓こんな感じ
<input type=`text` name=`c` value=`value`　/>

で、今回の場合innerHTMLで値を取得した際に"が全て取られます。
そのため、再度挿入時にバッククォートが属性引用符として判断されておかしな事になってしまっているようです。
IDやnameにバッククォートが入る事はないでしょうから、valueにバッククォートが入る場合には注意が必要だと思われます。

しかし、この事についてWebで情報が見つからなかったのは何故！？

K.Y ]]> Ajax 2009-11-21T00:50:30+09:00 MF RIAグループ FC2-BLOG http://mfria.blog106.fc2.com/blog-entry-1659.html IE9発表 IE9の発表があったようです。ただ、リリースの予定などは公開されておらずβどころかα版よりも前といった状態で、現在のJavascriptの実行速度などが公表されたようです。この様子だとまだまだ先の話のようですが、徐々にシェアを奪われているブラウザ市場を盛り返す事ができるのでしょうか？［速報］Internet Explorer 9初披露、HTML5対応、DirectXで描画。Silverlight 4は今日からβ公開 【Publickeyより】http://www.publickey.jp/ ただ、リリースの予定などは公開されておらずβどころかα版よりも前といった状態で、現在のJavascriptの実行速度などが公表されたようです。
この様子だとまだまだ先の話のようですが、徐々にシェアを奪われているブラウザ市場を盛り返す事ができるのでしょうか？

［速報］Internet Explorer 9初披露、HTML5対応、DirectXで描画。Silverlight 4は今日からβ公開 【Publickeyより】
http://www.publickey.jp/blog/09/internet_explorer_9html5directxsilverlight_4.html

マイクロソフト、「IE 9」と「Silverlight 4」に言及--PDC2日目 【CNET Japanより】
http://japan.cnet.com/clip/global/story/0,3800097347,20403883,00.htm

「IE 9のJavaScriptは、競合ブラウザに追いついた」――マイクロソフト、IE 9の性能向上をアピール 【Yahoo!ニュースより】
http://headlines.yahoo.co.jp/hl?a=20091119-00000002-cwj-sci

K.Y ]]> その他技術 2009-11-20T01:03:04+09:00 MF RIAグループ FC2-BLOG http://mfria.blog106.fc2.com/blog-entry-1658.html IE共通の9つのCSSバグをそれぞれ解決する方法 IE共通の9つのCSSバグをそれぞれ解決する方法 【phpspot開発日誌より】http://phpspot.org/blog/archives/2009/11/ie9css.htmlちょっと前に一つに嵌りました。JavascriptとCSSを触るとIEが嫌いになるのは私だけじゃないはずです。IE6でよく遭遇するCSSのバグとその解決方法【コリスより】http://coliss.com/articles/build-websites/operation/css/753.htmlCSSハックを使わずIEのバグに対処する方法【All About（オールアバウト） phpspot開発日誌より】
http://phpspot.org/blog/archives/2009/11/ie9css.html

ちょっと前に一つに嵌りました。
JavascriptとCSSを触るとIEが嫌いになるのは私だけじゃないはずです。

IE6でよく遭遇するCSSのバグとその解決方法【コリスより】
http://coliss.com/articles/build-websites/operation/css/753.html

CSSハックを使わずIEのバグに対処する方法【All About（オールアバウト）より】
http://allabout.co.jp/internet/hpcreate/closeup/CU20070412A/

K.Y ]]> RIAその他 2009-11-19T00:20:50+09:00 MF RIAグループ FC2-BLOG http://mfria.blog106.fc2.com/blog-entry-1657.html ニコニコ動画でみつけた動画 なんとなしにニコニコしていたら、面白いのがいくつかあったので紹介。投稿日時がかなり前なので見たことあるのもあるかも。とか言ってる私も一番上の1曲終わるまでにシリーズは昔見た記憶あり。こうやって楽しく作るっていいですよね自作プログラム 【ニコニコ動画(9)より】http://www.nicovideo.jp/mylist/261411020分かからずにあのゲームをプログラミング 【ニコニコ動画(9)より】http://www.nicovideo.jp/watch/sm3585609【プ 投稿日時がかなり前なので見たことあるのもあるかも。
とか言ってる私も一番上の1曲終わるまでにシリーズは昔見た記憶あり。
こうやって楽しく作るっていいですよね

自作プログラム 【ニコニコ動画(9)より】
http://www.nicovideo.jp/mylist/2614110

20分かからずにあのゲームをプログラミング 【ニコニコ動画(9)より】
http://www.nicovideo.jp/watch/sm3585609

【プログラミング】テトリスを1時間強で作ってみた【実況解説】 【ニコニコ動画(9)より】　
http://www.nicovideo.jp/watch/sm8517855

K.Y ]]> Java 2009-11-18T00:43:48+09:00 MF RIAグループ FC2-BLOG http://mfria.blog106.fc2.com/blog-entry-1656.html オンラインで綺麗にJavaScriptのコードを整形できる「Online javascript beautifier」 オンラインで綺麗にJavaScriptのコードを整形できる「Online javascript beautifier」【phpspot開発日誌より】http://phpspot.org/blog/archives/2009/11/javascriptonlin_1.html地味に便利です。ネットサーフィンをしていてJavascriptのソースを見ることって意外と多いので。Webにあると直ぐに開けて確認できるのがいいですよね。上記記事にもありますが使用しているブックマークレットなどを分析してみたらかなり面白かったです phpspot開発日誌より】
http://phpspot.org/blog/archives/2009/11/javascriptonlin_1.html

地味に便利です。
ネットサーフィンをしていてJavascriptのソースを見ることって意外と多いので。
Webにあると直ぐに開けて確認できるのがいいですよね。
上記記事にもありますが使用しているブックマークレットなどを分析してみたらかなり面白かったです。

JavaScriptのコード整形＆色付け(貼り付け用)【Enjoy*Studyより】
http://www.enjoyxstudy.com/misc/20060911/code_paste.html

多種テキスト変換　【SQLの窓 - トップページより】
http://www39.atwiki.jp/lightbox/pages/1.html
↑左のメニューの「多種テキスト変換」のバナーをクリック

K.Y

]]> Ajax 2009-11-16T23:33:02+09:00 MF RIAグループ FC2-BLOG http://mfria.blog106.fc2.com/blog-entry-1655.html jQuery逆引きリファレンス jQuery逆引きリファレンス【＠ITより】http://www.atmarkit.co.jp/fdotnet/jqueryref/01selector/selector_00.html便利！あまりjQueryに知識がない場合にも、何が出来るかを一発でわかるのは有用だと思います。jQuery日本語リファレンスhttp://semooh.jp/jquery/jQuery リファレンスhttp://www.openspc2.org/JavaScript/Ajax/ref/jQuery/K.Y ＠ITより】
http://www.atmarkit.co.jp/fdotnet/jqueryref/01selector/selector_00.html

便利！
あまりjQueryに知識がない場合にも、何が出来るかを一発でわかるのは有用だと思います。

jQuery日本語リファレンス
http://semooh.jp/jquery/

jQuery リファレンス
http://www.openspc2.org/JavaScript/Ajax/ref/jQuery/

K.Y ]]> Ajax 2009-11-15T23:28:56+09:00 MF RIAグループ FC2-BLOG http://mfria.blog106.fc2.com/blog-entry-1654.html 「お待たせしない」Webサイトでの接客 「お待たせしない」Webサイトでの接客【ユーザビリティ実践メモより】http://www.bebit.co.jp/memo/2009/11/web.htmlこれは確実に重要。PCの性能や回線の速度は確実に上がりましたが、その後のリッチクライアントの普及によりWebサイトの表示速度は以前のようにとまではいかないものの確実に落ちています。上記サイトに例として乗っている例えば検索エンジンからトップページに流入したものの、ページの読み込みを待ちきれず数秒で ユーザビリティ実践メモより】
http://www.bebit.co.jp/memo/2009/11/web.html

これは確実に重要。
PCの性能や回線の速度は確実に上がりましたが、その後のリッチクライアントの普及によりWebサイトの表示速度は以前のようにとまではいかないものの確実に落ちています。

上記サイトに例として乗っている

例えば検索エンジンからトップページに流入したものの、ページの読み込みを待ちきれず数秒で検索結果ページに戻り、他のサイトを探し始めるというような行動が観察されます。

この行動は誰もがよく経験する話だと思います。
見た目を綺麗に、使い勝手をよりよく、というのは重要ですがその際に生じる通信コストの事を忘れては、ユーザビリティの向上どころか低下に繋がる事を忘れてはいけないと思います。

K.Y ]]> その他技術 2009-11-15T01:02:53+09:00 MF RIAグループ FC2-BLOG