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

データ型の基本型と参照型のお話
データ型の基本型と参照型のお話 【三等兵より】
http://d.hatena.ne.jp/sandai/20091130/p1

基本ですが、Javascriptはあまり型を意識して使用しないので復習の意味もかねて。
口語で書かれるとすんなり入ってくるのは慣れているからなんでしょうかね?


型と定数 【サイト構築に役立つWEB講座 Smart(スマートスマート)より】
http://www.rfs.jp/sb/javascript/01/05.html

[javascript]JavaScriptで型判定いろいろ 【Cheese Pieより】
http://d.hatena.ne.jp/cheesepie/20091122/1258897939

JavaScriptで文字列型から整数型への変換速度比較 【kur.jpより】
http://kur.jp/2009/10/06/stringtoint-by-javascript/

K.Y
スポンサーサイト

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

v8エンジンによるJavaScriptのWebサーバ「node.js」
v8エンジンによるJavaScriptのWebサーバ「node.js」 【MOONGIFTより】
http://www.moongift.jp/2009/11/node_js/

クライアント、サーバ側を同じ言語で書こうという試みは面白い。
今回はサーバ側をJavascriptで書いてみたらしいです。
一つで補うというのはそれぞれの文化があるので難しいでしょうが、無限の可能性を感じますね。

node.js - Google V8 ベースの Javascript 用イベント駆動 I/O 【InfoQ Japanより】
http://www.infoq.com/jp/news/2009/11/nodejs-evented-io

K.Y


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

MicrosoftがChrome OSを打ち負かすための10の作戦
MicrosoftがChrome OSを打ち負かすための10の作戦 【ITmedia Newsより】
http://www.itmedia.co.jp/news/articles/0911/26/news064.html

Windows7が好調なMicrosoftですが、気になる存在はやはりGoogleでしょう。
MacのAppleもありますが、色々な意味でライバルとは違うような気がします。
勿論、そのOS自体がありませんのでライバルと言える存在どころか、物自体がない状態ですが。。。

そろそろWindows 8のことを考え始めよう 【ITmedia Newsより】
http://www.itmedia.co.jp/anchordesk/articles/0910/19/news007.html

K.Y

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

広く知られているinsertion sortのコードは駄目すぎる
広く知られているinsertion sortのコードは駄目すぎる 【やねうらお-よっちゃんイカを食べながら年収1億円稼げる(かも知れない)仕事術より】
http://d.hatena.ne.jp/yaneurao/20091126#p1

ソートはよく使う処理のため様々なアルゴリズムが公開されています。(下記Wikipediaの記事参照)
その中の一つ、挿入ソートについての考察です。
コメント、トラックバック先などの記事も目を通すのを勧めます。
ソートの事以外でも、いついかなるものであっても速度は重要なので、勉強になります。

降順insertion sortについて 【やねうらお-よっちゃんイカを食べながら年収1億円稼げる(かも知れない)仕事術より】
http://d.hatena.ne.jp/yaneurao/20091127#p1
↑続きです

ソート 【Wikipediaより】
http://ja.wikipedia.org/wiki/%E3%82%BD%E3%83%BC%E3%83%88

挿入ソート 【Wikipediaより】
http://ja.wikipedia.org/wiki/%E6%8C%BF%E5%85%A5%E3%82%BD%E3%83%BC%E3%83%88

JavaScript でソートアルゴリズムを可視化 【bkブログより】
http://0xcc.net/blog/archives/000160.html
↑ソートを可視化していてわかりやすいし面白い。

ソート概要 【++C++; //未確認飛行 Cより】
http://ufcpp.jp/study/algorithm/sort.html

K.Y

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

Google App Engine for Java + BlazeDSでハマらない方法
Google App Engine for Java + BlazeDSでハマらない方法 【CodeZineより】
http://codezine.jp/article/detail/4628
http://codezine.jp/article/detail/4629

Flex、BlazeDS、GoogleAppsEngine(Java)と3つの技術を使用し、さらに5日で作ったということで話題になったご都合.com/の開発者がはまらない方法という事で記事を執筆しています。
確かに記事を読んでると凄い簡単にできそうなんですが。。。

そろそろ始めないといけない時期ですね。

実開発で分かったGoogle App Engine for Javaの“すごさ” 【ITpro 総合トップより】
http://itpro.nikkeibp.co.jp/article/COLUMN/20090518/330180/

Google App Engine for Javaを使ってみよう! 【CodeZineより】
http://codezine.jp/article/detail/3835

K.Y

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

【CodeZine】Adobe、「Adobe AIR 2」ベータ版および 「Flash Player 10.1」プレリリース版を公開
http://codezine.jp/article/detail/4623

またまた古いニュースで恐縮ですが…。

米国Adobesystems社は11/17、同社のRIAプラットフォーム「Flash Player」の最新バージョン「Flash Player 10.1」のプレリリース版と、デスクトップ動作環境「Adobe AIR」の最新バージョン「Adobe AIR 2」のベータ版を、それぞれ公開しました。主な変更内容は以下。

― Adobe AIR ―
  • 大容量デバイスストレージの検出可能
  • マルチタッチ動作サポート
  • P2P通信やUDP通信の強化
  • レンダリングエンジンにWebkitを採用、HTML5 / CSS3サポート
  • H.264動画のハードウェアデコードに対応(Win版のみ)

―Flash Player 10.1―
  • Adobe Flash Access 2.0による権利保護下でのHTTPストリーミング
  • H.264動画のハードウェアデコードに対応(Win版のみ)
  • マイク入力をサポート
  • モバイル対応を強化
  • レンダリングエンジンにWebkitを採用、HTML5 / CSS3サポート


AIRの変更内容を見る限り、マルチタッチ対応が入ってるところなんかはモバイル機器や家電での利用を見越している事が伺えます。他には、Win版は大きな動きがあったよう反面、その他のプラットフォームは準備が遅れている印象もあります。

どちらもAdobe LabsよりDLが可能です。是非確認してみて下さい。どちらもまだバグがかなり多いようなので、2010年前半の正式リリースまでにしっかりみんなで叩いて、安心して使えるようにしましょう。


【マイコミジャーナル】「Adobe AIR 2」「Flash Player 10.1」のベータ版提供が開始
【engadget日本版】Flash Player 10.1ベータ版リリース、ハードウェアデコード対応でYouTubeも軽量化
【Computerworld.jp】アドビ、Flash Player 10.1とAIR 2のベータ版を公開
【lifehacker日本版】『Flash Player 10.1』のプレリリース版と『Adobe AIR 2』β版の見どころ
【CNET Japan】アドビ、「Adobe AIR 2.0」を紹介--4G時代に対応する「コンテクスチュアル」なアプリとは?
【マイコミジャーナル】「Flash Player 10.1」、「Adobe AIR 2.0」に搭載予定の新機能



ヨウイチ

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

【マイコミジャーナル】MS、Silverlight 4 β版を公開 - Out-of-Browserを拡張、VS 2010フル対応
http://journal.mycom.co.jp/news/2009/11/19/033/index.html

やや古いニュースになってしまい、申し訳ありませんが…。

米国Microsoft社は11/18、同社が提供するRIA Framework「Silverlight」の最新メジャーバージョンである「Siverlight4」のベータ版を公開しました。今回の主な変更内容は以下。

  • ブラウザ外での実行機能の強化(デスクトップアプリとして動作)
  • 開発環境に「Visual Studio 2010」を追加
  • Office製品やShare Point Serverとの連携強化
  • マイク・Webカメラを利用可
  • 高解像度映像コンテンツのマルチキャストをネイティブサポート
  • 画面部品を60ほど追加
  • リッチテキスト機能(表や画像も埋め込み可能)
  • 起動速度、実行速度の大幅な向上
  • クリップボードへの対応
  • デジタル権利管理(DRM)技術「Microsoft PlayReady」のオフライン利用可


個人的にはSilverlightは動画系が強い印象があったのですが、今回の機能追加では業務連携の部分が強化されており、より業務システムを構築するには実践的になったと感じています。

ダウンロードはこちらから。

しかしこう次々とメジャーバージョンがアップすると着いて行く方は大変です。><;
今までのパターンからすると、正式リリースは来年秋頃になるんじゃないかと思います。それまでに習得できると良いスタートダッシュが切れるんじゃないでしょうか。


【ITpro】Microsoft,「Silverlight 4」「Office 2010」などのベータ版を公開
【Publickey】[速報]Internet Explorer 9初披露、HTML5対応、DirectXで描画。Silverlight 4は今日からβ公開
【ZDNet Japan】マイクロソフト、「IE 9」と「Silverlight 4」に言及--PDC2日目
【Tech-On】【PDC】Silverlight 4が早くもベータに,オフ・ブラウザー機能を大幅強化
【ITmedia】Microsoft、「Silverlight 4」のβ版リリース
【japan.internet.com】Microsoft が『Silverlight 4』を披露、『IE 9』開発状況も明らかに
【k_maruの思うところ】カメラ



ヨウイチ

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

IEのinnerHTML挙動について2
数日前に↓の記事でIEのinnerHTMLの挙動にはまったと書きましたが、またはまりました。

【Javascript】IEのinnerHTML挙動と`(バッククォート)について
http://mfria.blog106.fc2.com/blog-entry-1660.html

今回は半角スペースです。
IEは文頭に半角スペースがある場合は除かれ、文中に半角スペースが複数ある場合には1つにまとめます。

例:
←ここには2つ半角スペースがあります。
→ ←ここには2つ半角スペースがあります。

これはよく知られた事ですが、Javascriptを使用しinnerHTMLやnodeValueで取得した場合も同様の値を取得してしまいます。
innerHTMLというのはその名の通りオブジェクト内の「HTML」を取得するものだと思ったのですが。。。
ソース通りに取得してくれるのが正しい挙動だと思うのですが。。。

IE6、IE7で当現象が発生する事を確認済み。
又、Firefox3.5.5では当現象は発生しないようです。

サンプルURL↓
http://jsbin.com/upeyi

サンプルソース↓
<html>
<head>
<script>
function testfunc() {
str = document.getElementById('test2').innerHTML
alert('[' + str + ']');
}
function testfunc2() {
str = document.getElementById('test').childNodes[0].firstChild.nodeValue;
alert('[' + str + ']');
}
</script>
</head>
<body>
<div id="test"><div id="test2">  blank  blank  </div></div>
<input type="button" value="CLICK ME1" onclick="testfunc()"><br>
<input type="button" value="CLICK ME2" onclick="testfunc2()">
</body>
</html>

K.Y

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

ハイテンションAjax入門
ハイテンションAjax入門 【三等兵より】
http://d.hatena.ne.jp/sandai/20091115/p1

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

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

K.Y

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

Excelっぽい機能も付いた検索&ソート&ページング機能付きテーブル実装JSライブラリ
Excelっぽい機能も付いた検索&ソート&ページング機能付きテーブル実装JSライブラリ「TinyTable V3」
phpspot開発日誌より】http://phpspot.org/blog/archives/2009/11/exceljstinytabl.html

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

K.Y

テーマ:ソフトウェア - ジャンル:コンピュータ

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」の詳細を正式公開、実際に動作しているデモムービーも【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

テーマ:ソフトウェア - ジャンル:コンピュータ

【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="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

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

IE9発表
IE9の発表があったようです。
ただ、リリースの予定などは公開されておらずβどころかα版よりも前といった状態で、現在の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

テーマ:ソフトウェア - ジャンル:コンピュータ

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.html

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

K.Y

テーマ:Webサービス - ジャンル:コンピュータ

ニコニコ動画でみつけた動画
なんとなしにニコニコしていたら、面白いのがいくつかあったので紹介。
投稿日時がかなり前なので見たことあるのもあるかも。
とか言ってる私も一番上の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

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

オンラインで綺麗にJavaScriptのコードを整形できる「Online javascript beautifier」
オンラインで綺麗にJavaScriptのコードを整形できる「Online javascript beautifier」【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


テーマ:Webサービス - ジャンル:コンピュータ

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

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

「お待たせしない」Webサイトでの接客
「お待たせしない」Webサイトでの接客【ユーザビリティ実践メモより】
http://www.bebit.co.jp/memo/2009/11/web.html

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

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

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

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

K.Y

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

勇気を出して告白! その返事で覚えるHTTPステータス・コード
勇気を出して告白! その返事で覚えるHTTPステータス・コード【selfupより】
http://itpro.nikkeibp.co.jp/article/Watcher/20091030/339768/?ST=slfnet&P=1

内容は知らなかった事ではないし、特に目新しい事が書いてあるわけではない。
が、何かに例えると物凄くわかりやすくなり覚えがよくなるという好例。

誰かに聞いたり、書籍で学んだりする事よりも実際に自分で経験した事の方が覚えが良い。
それは経験に知識が紐づいているから覚えやすいという事らしい。
それと同じで、何かを得る際にただ単に覚えるのではなく何かに例えて覚えれば格段に身につく確率は高くなる。

とりあえず今後ステータスコードについて考えた時には真っ先に告白が思い浮かぶ事は間違いないだろう。

K.Y

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

JavaScriptを高速化する6つのテクニック
関数呼び出しを避ける
括弧で生成せずにnewを使う
ループを展開する
ローカル変数としてキャッシュして使う
評価式の記述方法を工夫する
必要がないなら使わない

JavaScriptを高速化する6つのテクニック【マイコミジャーナルより】
http://journal.mycom.co.jp/news/2009/11/11/015/index.html

テクニックというより心がけという感じ。
ただ、一つ一つは大したことはなくても、気づいた時には手遅れという事が多いので記述する時には常に心がけていきたいです。

JavaScriptを高速化する31のチェックリスト【マイコミジャーナルより】
http://journal.mycom.co.jp/news/2009/10/29/008/

Javascriptによる大規模開発の覚え書き。高速化編【ハタさんのブログ(復刻版)より】
http://blog.xole.net/article.php?id=613

一行で IE の JavaScript を高速化する方法 【IT戦記より】
http://d.hatena.ne.jp/amachang/20071010/1192012056

K.Y

テーマ:Webサービス - ジャンル:コンピュータ

SSJ、完全Web対応を実現した次世代の経営基盤ソリューション
SSJ、完全Web対応を実現した次世代の経営基盤ソリューション

エス・エス・ジェイ株式会社が、経営基盤ソリューションの
新シリーズとして「SuperStream-NX」を発表しました。

本シリーズでは、完全Web化対応、SOA技術の採用など、
より広く、柔軟に、簡単に基幹業務の統合を印象付けております。

さて、特筆すべきは次世代テクノロジーとして、

マイクロソフトのSilverlight2が採用

されていることです。

業務アプリケーションとしては国内初とのことで、
注目すべき事例となると思います。
どのように採用され、見た目だけではなくユーザビリティが
どう評価されるのか、展開をチェックしておいてください。
※記事内で少しだけWeb画面が見切れます。



コウヘイ

テーマ:ソフトウェア - ジャンル:コンピュータ

グーグルはマイクロソフトを恐れるべき
最近、何をするにもGoogleの名前が出てきます。
勿論現在のGoogleの力と勢いは凄いものがありますが、それは一時前の絶対王者であったMicrosoftを凌ぐものなのでしょうか?

グーグルはマイクロソフトを恐れるべき――その理由は【@ITより】
http://www.atmarkit.co.jp/news/200911/06/eweek.html

Google万歳!絶対王者と言うのは早計ですね。

K.Y
equals()実装時に必要なhashCode() について
Javaでequalsメソッドを実装する際にはhashCode()も同時にオーバーライドしなければなりません。
hashCode()とequals()の関係性は知っていましたが、hashCode()がどのような意味を持っていてどうして実装する必要があるのかよくわかりませんでした。

今回equals()を実装する事になったのでこれではいけないという事で調べてみました。

まず、hashCode()で返す値は以下の条件を満たす必要があります。
1.equalsで等しいと判定されたオブジェクトは等しいハッシュ値を持つ
2.equalsで等価性の判定に用いられたフィールドに変更がない限り常に同じハッシュ値を持つ

で、hashCode()の意味ですがこれはequals()の速度向上のためなどのindexの役目をするらしいです。
だから、hashCode()が等しくてもequals()がtrueを返す必要はないという訳ですね。
調べてもこの事が調べても意外と出てこなかったので記事にしてみました。

equals(), hashCode() の実装 【cleverwareの日記より】
http://d.hatena.ne.jp/cleverware/20090408/1239193207

java規約について【質問&回答 (Q&A) コミュニティ - 教えて!gooより】
http://oshiete1.goo.ne.jp/qa675605.html

K.Y

テーマ:Webサービス - ジャンル:コンピュータ

HTMLの基本が一目瞭然の画像
美しいHTMLの条件を綺麗にまとめた一枚の画像【IDEA*IDEA より】
http://www.ideaxidea.com/archives/2009/11/beautiful_html.html

HTMLは基本ですが、その基本を徹底するのは難しいです。
開発では一人の人が全てを作るわけではありませんし、
気をつけていたつもりでも出来上がったHTMLを見ると色々考えさせられるものがあります。

基本を忘れないためにもこのように一目瞭然で注意すべき事がわかるものを手元に置いておくというのも大事ではないでしょうか。

データ保存媒体の進化がよくわかる一枚の画像・・・【IDEA*IDEAより】
http://www.ideaxidea.com/archives/2009/08/data_storage_evolved.html

解像度を考える指針? 【過去記事より】
http://mfria.blog106.fc2.com/blog-entry-1587.html

K.Y

テーマ:Webサービス - ジャンル:コンピュータ

Google製Javascriptプログラミングツール「Closure Tools」
米Google、JavaScript開発用の自社ツール「クロージャ・ツール(Closure Tools)」を公開
CodeZineより】
http://codezine.jp/article/detail/4579

軽く見てみたけどよくわからないです。。。
うまく使えればやはりそれなりの成果はあがるんでしょう。

詳しくは下記のリンクを見ていただくとして、公開された内容は以下の通り

Closure Compiler
その名の通りコンパイラ
無駄な部分を省いてくれる。

Closure Inspector
デバッガ

Closure Library
ライブラリ

Closure Templates
jsやhtmlを作成してくるテンプレ?

Closure Toolsも仕事してる時間の20%を好きな事に使っていいという試みの中でうまれたらしいです。
やはりこういう環境が発想を育てたりするんでしょうねぇ。。。

早速Closure Toolsをあれこれみてきた 【三等兵より】
http://d.hatena.ne.jp/sandai/20091106/p1

グーグル、JavaScriptプログラミングツールをリリース【CNET Japanより】
http://japan.cnet.com/news/ent/story/0,2000056022,20403058,00.htm

Google、Gmailを作っているJavaScriptライブラリを公開【マイコミジャーナルより】
http://journal.mycom.co.jp/news/2009/11/09/005/index.html

K.Y

テーマ:Webサービス - ジャンル:コンピュータ

メガドロップダウンメニューはユーザビリティ的にどうなのか?
Webで表現する情報が多くなってくるにつれ、目的の場所に観覧者を誘導するのは難しくなってきています。
そんな状況の中で、一つの解決策として注目されているのがメガドロップダウンメニューになります。

定義としては以下の通りらしいです

* 大きく、ナビゲーションパネルの中がグループ分けされている
* レイアウトやタイポグラフィー、アイコンなどを使って構造化されている
* すべてのメニュー内容が一度で見れる(スクロールしない)
* トップメニューから水平もしくは垂直表示される。左カラムのメニューの場合はパネルが表示されずページへ移動する

OFF THE WALL: Mega Drop-Down Navigation Menus Work Well メガ・ドロップダウンメニューはいい感じより引用)

文章だとわかりにくいですが、簡単に言うとメニューにマウスカーソルをあわせる事で表示され、そこにグループ分けされて一覧が表示されているメニューです。
下記の関連リンクに様々なサンプルがありますが。。。

これって使いやすいですかね?
個人的にはかなり使いにくい気がするのですが。
かといって代わりになる案がある訳でもないですが、一旦グループ分けされている中に飛んでその中で選んでもらう方が使いやすいような気がします。

メガドロップダウンメニューをjQueryとCSSで作る【skuare.netより】
http://www.skuare.net/2009/11/jquerycssvia_mega_drop_down_me.html?rss

メガドロップダウン式のナビゲーションメニューは効果あり【U-Siteより】
http://www.usability.gr.jp/alertbox/20090323_mega-dropdown-menus.html

Mega Drop-Down Navigation Menus Work Well メガ・ドロップダウンメニューはいい感じ 【OFF THE WALLより】
http://motherweb.blogspot.com/2009/04/mega-drop-down-navigation-menus-work.html

Webデザインを向上させる8つのレイアウト【マイコミジャーナルより】
http://journal.mycom.co.jp/news/2009/05/22/049/index.html

K.Y

テーマ:Webサービス - ジャンル:コンピュータ

imgタグにonloadを設定できる事を知ってますか?
私は知りませんでした!
bodyのonloadとかと同じ感じで使用できるらしい。
ただ、あまりいい使い方は浮かびませんが。。。
知っとくと使う時期がくるかも。

使用例などは↓

JavaScriptで画像の大きさを縮小する方法【floatingdaysより】
http://fdays.blogspot.com/2009/11/javascript.html

ただ、Safariでは動きが違たり、gifアニメだとうまく動かなかったりするらしいです。

Safariだけ img要素の onloadの動きが違う【floatingdaysより】
http://fdays.blogspot.com/2009/11/safari-img-onload.html

GIFアニメをロードするIMGでonload使う時の注意 【しろログより】
http://blog.hakoniwa.net/archives/204

K.Y

テーマ:Webサービス - ジャンル:コンピュータ

ブラウザ上でJavascriptを簡単に試せるサイト
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発&発行できる「JS Bin」【phpspot開発日誌より】
http://phpspot.org/blog/archives/2009/10/javascriptjs_bi.html

Javascriptで簡単なサンプルを書いたり、テストをするのは結構面倒なものです。
そんな時にこれを使用すれば、クリック一つで実際の動きを確かめられますし一時的なURLも発行されるようなのでサンプルとして見せる事もできます。
この一時発行?のURL上では日本語は化けてしまうようですが、編集モード時には日本語も使用できるようなので実用上は特に問題なさそうです。

htmlタブの方はタグのハイライトなどはいまいちのようですが、Javascriptタブの方はハイライトもしっかりできているようなので使いやすそうです。
タグの入力補完があったらもっと使いやすいですかね。

K.Y

テーマ:Webサービス - ジャンル:コンピュータ

IE6でselectタグが前面に出てくる件について
タイトルの通りですが、IE6でselectタグにdivを重ねると、selectタグが前面に出てきます。(実際の現象は関連記事参照)

関連記事のようにdiv領域の移動をしていた訳でもなく、cssやjavascriptも殆ど使用していなかったので何原因かさっぱりわからず思いっきりはまったので記事にしてみました。
頻繁に目にする事ではないでしょうが、ある瞬間にはまる可能性があるので頭の隅にでも置いといてください。
尚、対応策はあまりいい案がないみたいで、iframeを重ねればいいそうです。
あまりにやるせない対応策なので、私はレイアウトを変更する事になりそうです。。。

IE6でselectタグ(プルダウン)がz-indexを無視する対策【CSS, HTML】【Programming Magicより】
http://www.programming-magic.com/20071107222415/

IE6 の select タグは z-index 非対応 【blog.shimazu.orgより】
http://blog.shimazu.org/archives/10

IE6におけるselect要素とz-index 【ウェブネタブログより】
http://blog.webneta.net/archives/2006/08/22/

K.Y

テーマ:Webサービス - ジャンル:コンピュータ

Webページの見栄え
様々なRIAの技術が氾濫している今日この頃ですが、グラフィカルというのはうまく使わないと乱雑な感じを受ける事が多いです。
実際ぱっと見たときに乱雑な感じを受け、ブラウザ(タブ)を閉じてしまったという事は多々あると思います。

Webデザインの専門家でなくても、ある程度知っておきたい事というのはある訳で。
せめて、ここに書いてあるような事は意識しておきたいものです。

ウェブデザインの見栄えをよくするための7つのキーワード【コリスより】
http://coliss.com/articles/build-websites/operation/design/7-key-principles-that-make-a-web-design-look-good.html

黄金比をサイトのデザインに取り入れる簡単な3つの方法【コリスより】
http://coliss.com/articles/build-websites/operation/design/206.html

ウェブデザインの基本マナー 【嫌われないWebデザインより】
http://www.1000percent-web.com/howto/

K.Y

テーマ:Webサービス - ジャンル:コンピュータ

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