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

Google、HTML5へのシフトで「Gears」終了へ
Google、HTML5へのシフトで「Gears」終了へ 【ITmedia Newsより】
http://www.itmedia.co.jp/news/articles/1002/22/news016.html

昨年の12月にGearsの開発が停止するのではないかと記事にしましたが、2月19日にGoogleが正式にプロジェクトを停止することを発表しました。
ちなみに、GearsとはWebアプリケーションをオフラインで利用できるようにする技術です。

これにより、Gearsとしてはプロジェクトの停止になりますが、全ての機能を「HTML5」などのWeb標準として流用するようです。
つまり、Chromeに一機能として追加されるということらしいです。

尚、IEやFxのサポートは継続されるようですが、safariはサポート対象外になるようです。。。
これから旬になると思われるクラウドサービスを最大限利用するためにもGearsの技術は活かしてもらいたいものです。

米Googleが「Google Gears」プロジェクトを停止、HTML5に注力 【SourceForge.JPより】
http://sourceforge.jp/magazine/10/02/23/0350221

Googleの戦略変更、HTML5に注力する一方でGearsの開発は停止
http://mfria.blog106.fc2.com/blog-entry-1679.html

K.Y
スポンサーサイト

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

フォーム入力におけるリアルタイムエラー表示のポイント
【海外事例に学ぶ】フォーム入力におけるリアルタイムエラー表示のポイント 【ユーザビリティ実践メモより】
http://www.bebit.co.jp/memo/2010/02/post_169.html

フォームの入力チェックはJavascriptを使用する事で、入力直後に行われるようになってきました。
(一つの項目に入力し、次の項目に移ったときに判定が行われるといった奴です。)
そのようなリアルタイムの入力チェックを行う事で入力の成功率が22%、エラー率が22%、入力時間は42%も減少したらしいです。

又、ユーザ自身で成否がわかる項目(姓名、住所等)ではあまり効果がなく、ID、PASSWORDなどの入力後に判定が行われる必要がある項目で効果が上がっているようです。

入力チェックなどは登録機能を作成する際には必要不可欠ですし、ユーザにしてみてもよくあるチェックだからこそ小さな事がユーザのストレスに繋がってしまいます。
だからこそ、実装の際には小さなことまで気を使って作成したいですね。

K.Y

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

【Java】Arrays.asList(String[])の注意点
先日、配列をListに変換するメソッドArrays.asList(String string)で、はまった事象がありましたのでまずは以下のソースをご覧下さい。

String[] str = new String[] {"aaa", "bbb"};
List list = Arrays.asList(str);
list.remove(0);


↑これを実行するとUnsupportedOperationExceptionが発生します。
発生場所は「list.remove(0);」になります。

どういう事かというと、Arrays.asList(String[])で返されるListにはremoveやaddメソッドが実装されていないんです。(add/removeメソッドは任意のオペレーション)
removeやaddは一般的なメソッドですし、eclipseのデバックで型を見ると「Arrays$ArrayList」となっているのでしばらく原因がわかりませんでした。

解決策としては↓の通りで、ArrayListなどの実装されているクラスでラップしてあげて下さい。

List list = new ArrayList(Arrays.asList(str));

例外が起こってみればすぐわかることですが、開発中にもよくありそうな事象ですのでArrays.asList(String[])を使用するときには思い出して使用してください。

Java の java.util.Arrays.asList について少し調べてみた 【お だ のスペースより】
http://d.hatena.ne.jp/odashinsuke/20090623/1245762058

配列から任意の項目を削除する方法について 【@IT より】
http://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php?topic=10048&forum=12

K.Y

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

今日の文字コード策定の歴史
プログラマのための文字コード技術入門を読んだ 【未来のいつか/hyoshiokの日記より】
http://d.hatena.ne.jp/hyoshiok/20100214#p1

システム開発を行うに辺り、文字コードは切っても切れない重要な要素です。
が、何が違うのかほど種類がたくさんあったり、よくわからない原因で文字化けをしたり、頼りのWebや文献の情報も誤っている場合が多々あったりします。
shift_jisとeuc、unicodeの変換で困った事はどなたでも一度位あるのではないでしょうか?

そんなみんな嫌いな文字コード策定の歴史を80年代中期から説明してくれています。
↓の「そろそろUnicodeについて一言いっておくか」も合わせて読むと知らなかった文字コードの一面が見えてくると思います。

常日頃文字コードに悩まされている方は読んでみて下さい。
又、文字コード技術入門も良書と評判らしいので要チェックです。

そろそろUnicodeについて一言いっておくか 【未来のいつか/hyoshiokの日記より】
http://d.hatena.ne.jp/hyoshiok/20090419#p2

文字コード 【Wikipediaより】
http://ja.wikipedia.org/wiki/%E6%96%87%E5%AD%97%E3%82%B3%E3%83%BC%E3%83%89

文字コードの基本 【ITpro 総合トップより】
http://itpro.nikkeibp.co.jp/article/lecture/20070209/261534/

K.Y

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

仕事中の眠気をどうにかしたい!オフィスでできる眠気解消法
仕事中の眠気をどうにかしたい!オフィスでできる眠気解消法 【はてなブックマークニュースより】
http://b.hatena.ne.jp/articles/201002/857

原因は色々でしょうが、仕事中に眠い時ってありますよね。
そんな眠気対策の紹介記事です。

食べる、飲む、洗顔、マッサージなどが紹介されています。

個人的にはマッサージがお勧めです。
色々あるみたいですが、一つ覚えてとりあえずやってみると意外と効果がある事に驚くと思います。

又、この記事にはないですが、歯を磨くというのも効果的らしいですよ?

K.Y

テーマ:トラブル - ジャンル:コンピュータ

40分で覚える!jQuery速習講座
40分で覚える!jQuery速習講座 【ASCII.jpより】
http://ascii.jp/elem/000/000/498/498710/

Javascriptの汎用ライブラリjQueryの入門講座です。
今までいくつものjQueryの入門をサイトを見てきましたが、その中でもかなり上位に入るくらい見やすい上にわかりやすいので紹介。
各章毎に覚える事柄がまとまってる書かれている辺りがいい感じです。。

基礎講座は数多くありますが、その基礎を覚えた後に何をすべきか教えてくれる、指針となる物を示している辺りが素晴らしいと思いました。

jQueryに興味のある方は参考にしてみて下さい。

他の入門サイトは↓をどうぞ

jQueryの凄さがわかるサイト各種
http://mfria.blog106.fc2.com/blog-entry-1686.html

JavaScript&jQueryの便利なショートコード集
http://mfria.blog106.fc2.com/blog-entry-1707.html

K.Y

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

[].sort.call(null) これで window オブジェクトを取得できるのは何故?
.sort.call(null)の深淵 【素人がプログラミングを勉強するブログより】
http://d.hatena.ne.jp/javascripter/20100217/1266393981

「[].sort.call(null)」というコードを実行するとwindowオブジェクトが返ってくる理由の説明です。
一見凄い難しい動作が起こっているようですが、丁寧な説明を読めば一目瞭然。

色々誤解しているのを承知で抜粋して書くと以下の通り。

・sortはオブジェクトにlengthがない場合は何もせずthisを返す。
・window.lengthはフレーム数を返す。
・[].sort.call(null)は[].sort.call(window)と同じ。
・通常の場合window.lengthは0。
・windowをsortすると、sortすべき要素がないので何もせずthisを返す。
・thisはwindowなので、window==windowとなり、trueになる。


一つ一つ見て行くと訳の分からない動作も説明がつきますね。
上でも書きましたが、元記事で丁寧に詳しい説明がなされているので興味のある方は目を通してみて下さい。
実際に使えるかどうかは別にして(というか使ってはダメ)勉強になると思います。

K.Y

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

謝ったら負け!? アイコンも使い方次第
謝ったら負け!? アイコンも使い方次第 【ユーザビリティ実践メモより】
http://www.bebit.co.jp/memo/2009/06/post_148.html

ユーザの入力が誤っている時に、検索機能で検索結果が表示されなかった場合。
ユーザに実際にデータがないのではなく、自分の入力が誤っていた事に気づいてもらい、再度検索を行ってもらうための一案です。

検索というのは様々な方法がありますが、1度検索結果が表示されなかった場合にその様々な方法が使用される事は稀です。
例えばサイト内検索でAというキーワードで検索してなかった場合には、大抵はそのサイトには目的の情報が存在しないと思い別のサイトに移動してしまいます。
そんな時に再度検索してもらう方法の紹介です。

実際に見てもらえればわかると思いますがアイコン一つで印象が随分と変わり、検索失敗の原因がユーザ自身が入力した事にあることが気づいてもらいやすくなると思います。

K.Y

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

Visual Source Safeを使用するのは狂気の沙汰
Visual Source Safeを使用するのは狂気の沙汰 【神様なんて信じない僕らのためにより】
http://d.hatena.ne.jp/Isoparametric/20100214/1266117253

Visual Source Safe(VSS)とはMicrosoft製のバージョン管理システムのこと。

使用したことある方ならわかると思われるVSSへの批難記事の紹介です。
元々の記事は英語なのでVSSへの絶望感は海を超えても共通のようです。

私自身も、ぱっと思いついただけでも下記の3点が出てきました。
(設定次第ではどうにかできるものもあるが。。。)
・ある人がファイル修正中にはそのファイルはロックされて変更できない
・改行コードはCRLF固定
・UTF-8で書かれたファイルは差分比較が不可能

CVSやSubversionを1回でも使用した事がある方は、VSSを使わざるを得ない場合には泣きそうになる事は間違いありません。

そうはいってもVSSを使用しているプロジェクトがかなりの数存在するのも事実です。
転ばぬ先の杖ではなないですが、いつか触れる事があるかもしれないVSSの事を知っておくのも勉強かもしれません。

Visual SourceSafe の概要
http://msdn.microsoft.com/ja-jp/library/3h0544kx(VS.80).aspx

VSSってこの世に何で存在してるの? 【はてな匿名ダイアリーより】
http://anond.hatelabo.jp/keyword/VSS

VSSの問題点と対策 【トカゲの独り言より】
http://blogs.dion.ne.jp/lizy/archives/619408.html

K.Y

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

MYSQLとPostgresqlの過去バージョンのDL場所
先日MYSQLとPostgresqlの過去バージョンでテストを行う時に、過去バージョンのDL場所がわからなくてかなり困ったのでメモ。
Postgresqlの方はTOPのMENUからすぐ行けますが、MYSQLは公式からでは行き方がわからず結局Google先生に聞かないとわからない始末です。。。

PostgresSQL、MYSQLの過去バージョンが必要な場合にでも使用して下さい。

MYSQL↓
MySQL Product Archives
http://downloads.mysql.com/archives.php

PostgreSQL↓
PostgreSQLのダウンロード
http://www.postgresql.jp/PostgreSQL

K.Y

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

JavaScriptを使って実現した面白サイト集
JavaScriptを使って実現した面白サイト集 【phpspot開発日誌より】
http://phpspot.org/blog/archives/2010/02/javascript_85.html

JavascriptでJavascriptで作成したと思えないような事をしている10サイトの紹介です。

正直これらのサイトをサンプルに何をすると言うことはないと思います。
ただ、Javascript?アラートとか出してる奴だよね?とか言う人に見せれば度肝抜ける事は間違いありません。
個人的なおすすめはDepth of Fieldです。
パチンコ玉?水滴?が画面を飛び回ります。ただそれだけですが、これをみてJavascriptで実現していると思える人はいないと思います。右クリックメニューが普通に出る事に感動しました。

尚、元記事にも書いてありますが、FirefoxやIEだとかなり重いのでChromeで見ると良いと思います。
(表示などは崩れていないようです)

K.Y

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

JavaScriptをGPUで高速化する試み、モジラがJetpackで検討中
JavaScriptをGPUで高速化する試み、モジラがJetpackで検討中 【Publickeyより】
http://www.publickey.jp/blog/10/javascriptgpujetpack.html

MozillaがJetpack ProjectでGPUの余っているリソースを使用してFirefoxのパフォーマンスを上げよう!という試みが行われているようです。(Jetpackについては↓をどうぞ)

ちなみに、ゲームを行う人ならグラフィックボードの増設などでよく聞くでしょうが一般人にはあまり接点でないであろうGPUとは。。。

Graphics Processing Unit(グラフィックス プロセッシング ユニット、略してGPU)とは、パーソナルコンピュータやワークステーション等の画像処理を担当する主要な部品のひとつ。。

つまり、WebではGPUはあまり仕事しないと思われるから、少し手伝ってもらうという事ですね。
これにより並列処理を行うことができますし、Javasciptの新たな可能性と言えるのではないでしょうか?

尚、IE9もGPUを使用するようになるみたいです。

【ITmedia】Mozilla Labs、Firefoxの次世代アドオンプロジェクト「Jetpack」発表
http://mfria.blog106.fc2.com/blog-entry-1490.html

Firefoxのパフォーマンスを引き上げる、GPUパワーを活用する 【マイコミジャーナルより】
http://journal.mycom.co.jp/news/2010/01/27/026/index.html?rt=na

マイクロソフト、高速化や表示品質を向上させた「Internet Explorer 9」を開発中 【GIGAZINE(ギガジン)より】
http://gigazine.net/index.php?/news/comments/20091119_internet_explorer_9/

K.Y

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

通常の数値かどうかはisNaN関数じゃなくてisFinite関数
通常の数値かどうかはisNaN関数じゃなくてisFinite関数 【三等兵より】
http://d.hatena.ne.jp/sandai/20100206/p1

Javascriptで数字かどうかを判断する方法には下記のようにいくつか種類があります。

・typeof(i);
・isNaN(i);
・isFinite(i);

しかし、私自身もよく使用するtypeofは「NaN」が渡された場合には「number」を返すため期待する値が取得できない場合があるため、注意が必要です。
isNaNはこのようなことはありませんが、数字の場合にfalseが返ってきたりするため、地味に使いにくかったりします。
そんな時にはisFiniteという関数がありますよ!
というご紹介でした。

typeofはよく使用すると思うので、数値の判定を行う際には気をつけて行きたいですね。

K.Y

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

フォームの入力補助を行うJavaScript「AutoSuggest jQuery Plugin」
フォームの入力補助を行うJavaScript「AutoSuggest jQuery Plugin」 【skuare.netより】
http://www.skuare.net/2010/01/javascriptautosuggest_jquery_p.html

Googleの検索文字入力欄は入力補完機能(Google サジェスト機能)がついています。
このような機能を指定のテキストボックスに付けてしまうと言うPluginです。
同様の機能を持つ日本製のライブラリ(下記参照)を使用した事がありますが、実際に入力補完機能を付けるともう離れられなくなってしまう位便利なので、入力候補が絞られる場面では使用して行くと便利であると思います。

suggest.js - 入力補完ライブラリ 【Enjoy*Studyより】
http://www.enjoyxstudy.com/javascript/suggest/
日本製なのでドキュメントも日本語、質問するにも日本語なのでわかりやすいかもです。

K.Y

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

input type="file" にvalueを設定できないのはHTMLの仕様ではありません。
< input type="file" value="test"/>
教えてgooなどではよく質問される事ですが↑上記のようにHTMLを書いてもvalueの値は反映されてくれません。

例↓


HTMLのリファレンスやHTML初心者サイトのFAQでもよく、「HTMLの仕様のため」と書かれていますが、実はこれはHTMLの仕様ではありません。
HTMLの仕様自体は「value 属性の値をファイル名の初期値として 使っても良い」となっています。
つまり、value値に設定できないのは「セキュリティ」の関係で「ブラウザ」が設定できないように決めているという事なんですね。
(実際、デフォルト値にc\windows\...と設定されてJavascriptでsubmitされたら大変ですし)

だからどうという訳ではないですが、世間の定説が常に正しいと言う訳ではないという一例です。

W3C
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401j/interact/forms.html#h-17.4.1

INPUT TYPE=FILEタグでの入力値保持について
http://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php?topic=1854&forum=7

K.Y

テーマ:コンピュータ - ジャンル:コンピュータ

unixのコマンド「tail」で行数指定方法が異なる場合がある。
UNIXで「tail」というファイルの末尾N行を表示するコマンドがあります。
オプションで「-f」を付けることでファイルの監視を行い、新たな行が追加されると表示を更新してくれるので、ログの確認などでよく使用するコマンドだと思います。

tail -f ./test.log

と、実行するとtest.logの末尾10行を表示し、ファイルが更新されたら(ログが出力されたら)その分表示してくれます。

今回あるログファイルの末尾100行程を調べたかったので、表示する行数を変更する「-n」オプションを使用してコマンドを発行した訳ですよ。

tail -n 100 ./test.log

そしたらあなた!!
コマンド間違ってるぞと怒られました。
記憶違いかとGoogleで調べたもの間違っていない様子。
しばらく悩んでいたら、そもそも今回はログ見なくてもよくなったのでそこで終了。

手が空いたときに再び調べた所Wikipediaで正解を見つけました。

古い文法では(Solaris など)、filename の末尾20行の表示や末尾50バイトの表示は次のように記される。

tail -20 filename
tail -50c filename


っと言う事で↓が正解。

tail -100 ./test.log

誰もが知っている事かもしれませんが、中々みつからなかったので記事にしてみました。

K.Y

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

各種言語による基礎文法最速マスターまとめ
各種言語による基礎文法最速マスターまとめ 【きまぐれメモより】
http://d.hatena.ne.jp/FKD000/20100201/1265023171

最近巷で流行っているらしい文法最速マスターシリーズのまとめです。
文法最速マスターシリーズとは以下の用な前書きから始まる文法の説明らしいです。

○○の文法一覧です。他の言語をある程度知っている人はこれを読めば○○の基礎をマスターして○○を書くことができるようになっています。簡易リファレンスとしても利用できると思いますので、これは足りないと思うものがあれば教えてください。

Java、Javascript、jQueryと知っている物のみ読んでみました。
が、わかっていましたが知っているものを読んでも面白くありませんね。

とりあえず変態文法シリーズは、勉強にもなりましたし面白かったのでお勧めです。(使うかどうかは別問題ですが。)
他の言語に触れてみたい方、他の言語の文法が気になったり、違いが気になったりする方は色々な言語を眺めてみてはいかがでしょうか?

(基礎|変態)文法最速マスターシリーズのまとめ 【なんとなく日記より】
http://d.hatena.ne.jp/gifnksm/20100202/1265105961

K.Y

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

IE8のシェアが IE6,7を超える、2010年1月の世界のブラウザ
IE8のシェアがIE6,7を超える、2010年1月の世界のブラウザ 【Insight for WebAnalyticsより】
http://ibukuro.blogspot.com/2010/02/ie8ie6720101.html

Net Applicationsの発表によると2010年1月のブラウザのシェアでIE8が22.31%でトップになったようです。
ただ、依然としてIE7は14.58%、IE6も20.07%と少数派とは言えない状況。
ちなみにFirefox3.5は17.10%でChrome3.0は3.92%です。
まだまだIEが多数を占めておりWebアプリケーションを作成するうえでIE対策は必須ですが、IE8が主流になれば少しはマシになるはずです。
むしろ、IE6をサポートしなくてよいとなるのが望ましい。

そもそもIE6の公開って2001年8月27日らしいですよ?
もう9年もたってるの20%もシェアがあるとはどういうことですか?
(XPのデフォルトブラウザなのが大きいですね。。。)

K.Y

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

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