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

【Javascript】引数にデフォルト値
引数にデフォルト値 【三等兵より】
http://d.hatena.ne.jp/sandai/20100330/p1

Javascriptである関数に引数が渡ってきた場合にはそれを使用し、そうでない場合にはデフォルト値を設定したい場合は↓のようにすればOK。
function func(val) {
  val = val || デフォルト値;
  // val を使う処理。
}

これは結構使いどころかあるテクニックなので、覚えておくとよいかも。



Javascript Tricks 【技術メモ帳より】
http://d.hatena.ne.jp/lurker/20060811/1155307397

RIAトピックス JavaScriptを高速化する6つのテクニック
http://mfria.blog106.fc2.com/blog-entry-1652.html

K.Y

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

JavaScriptが遅い4つの原因とは?
JavaScriptが遅い4つの原因とは? 【Publickeyより】
http://www.publickey1.jp/blog/10/javascript4.html

ブラウザ戦争真っ盛りな今日この頃ですが、現在のブラウザのバージョンアップ情報の中に必ず入っている事と言ったら「Javascriptの実行スピード」でしょう。

というのも、急激なAJAXの流行によりJavascriptの重要度、処理能力が求められるようになりました。
その結果、今まで重視されてなかったブラウザのJavascriptの実行速度が遅いと言われるようになってきました。

では何故Javascriptは遅いのか?
元記事によると以下の4つの原因があるようです。

・インタープリタ型言語
・動的型付け言語
・クラスが存在しない
・配列が存在しない


詳しい事は元記事を見ていただくとして、Javascriptのコーディング時のメリットとしてよく言われている事(?)がそのままデメリットとなっているのは色々考えてしまいますね。
メリットがあればデメリットもあるという事でしょう。。。

K.Y

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

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

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

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

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

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

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

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

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

ブラウザ上でCSSを編集できるjQueryプラグイン「Brosho Plugin」
ブラウザ上でCSSを編集できるjQueryプラグイン「Brosho Plugin」 【Web活メモ帳より】
http://blog.verygoodtown.com/2010/01/browser-css-edit-jquery-plugin-brosho-plugin/

プラグインを組み込むことで上下左右の指定の場所にフィールドが現れます。
で、画面のある場所(例えばh2要素)を選択後にフィールドにCSSを書き込むと。。。
反映されるというプラグインです。

私みたいにいまいちCSSが使えない方、CSSのキャッシュが残ってイライラする方、ブラウザとエディタを切り替えるのがめんどくさい方など、CSSを作成管理する方にはかなりお勧めです。
是非デモでも見てみて下さい。

K.Y

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

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