[JavaScript]世の中のブラウザがFirefoxだけならいいのに。

Posted under Webデザイン by uechoco on 金曜日 9 11月 2007 at 10 : 39 : 00

【インタビュー】Firefox 4のJavaScriptは超速い! – John Resig氏、jQueryとTamarinを語る (1) Tamarinの寄贈から1年、Firefox 4とFlash10でお目見え | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/articles/2007/11/09/resig/index.html

 この記事によると、Firefox 4やFlash 10では、ECMAScript 4準拠のJavaScriptが採用されるようです。

 でふと思ったのですが、ブラウザとしてはFirefoxのほうが多くの規格に準拠してるわけだから、IEよりFirefoxのほうが優れているのはまぁ、当然として、Firefox限定のサイトってアリですかね?いやほらだってIE限定のサイトだってあるわけだし。そのほうが絶対にいい気がするんだけど。

 go-php5.orgみたいにgo-firefox-onlyみたいなグループないかね。


[css][Firefox]<input>タグの特定のtypeにCSSを適用する「input[type=text]」

Posted under Webデザイン by uechoco on 金曜日 26 10月 2007 at 16 : 07 : 37

少し前から『PHPフレームワーク完全マスター―PHP5.2.3PHP4.4.7対応』をちょっとずつ読み進めています。1日10分くらいずつなのでぜんぜん進みませんが、気にしません。

本にサンプルソースコードが載っていて、それを打ち込んで実行して勉強していたのですが、サンプルのcssファイルのソースコードに見たことない構文がありました。

CSS:
  1. div.login input[type=text],
  2. div.login input[type=password] {
  3. display: inline;
  4. width: auto;
  5. }

まぁ、見ればどんな効果か想像できる構文ですが、どうやら<input>タグの特定のtypeに対してのみcssを適用する方法だったみたいです。ただ、『エレメントで<input type="text">のみスタイルを変える』で見たところ、IEは対応しておらず、NNの6.0から対応しているものらしいです。IEはclassやidを指定してあげるか直接styleを指定してあげないといけないようですね。まぁWebサイトでinputにcssをつけたい場合は、IEにあわせてclassやidをつけて対応しろってことですね。

cssのトリビアくらいに覚えておけばいいかも。



[JavaScript]かっこいいカラーピッカーを実装する「Farbtastic」

Posted under Webデザイン by uechoco on 木曜日 25 10月 2007 at 17 : 43 : 57

 先日のidea*ideaの地図用アイコンジェネレータの記事を見ていて、このカラーピッカーいいなぁと思っていて、しばらくほっといたのですが、ふとまた気になって、ソースコードを見てみたら、どうやら「Farbtastic」なるjQueryを使ったライブラリで実装しているとわかりました。

 調べてみると、ちゃんと紹介記事がありますね。

カラーピッカーをWebに実装可能にするJavaScript (Farbtastic) - youmos
http://youmos.com/news/farbtastic

 2007年3月の紹介の記事ですが、「jQuery 1.0.xでないといけない」と書いてあります。本家のページを見てみたのですが、最新版がFarbtastic 1.2で、2007/1/8のリリースのものなのでjQueryは1.0.xでないといけないようですね。ライセンスがGPLなので勝手に最新版に書き直してくれるような方がいるといいのですが・・・

 最近アイデア帳の「作りたいもの」リストに、これと全く同じ形のカラーピッカーを加えたばかりなのですが、作る必要なくなってしまいましたね。他にもこういうWebColorPickerってないかなぁ・・・

Farbtastic: jQuery color picker plug-in | Steven Wittens - Acko.net
http://acko.net/dev/farbtastic


Google Calendar用JavaScriptライブラリ「GData JavaScript Client Library for Calendar」

Posted under Webデザイン by uechoco on 金曜日 21 9月 2007 at 23 : 15 : 38

Google Calendar用のライブラリが発表 - JavaScriptレベルでデータを操作 | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/news/2007/09/21/037/index.html

The Google Data APIs TeamがJavaScriptでGoogle Calendarのデータを操作するためのライブラリ「GData JavaScript Client Library for Calendar」を発表したらしい。

昨日から、Google CalendarのGDataを操りたくてZend_GDataのドキュメントを見ていて、ソースコードが何言っているのかよく分からなくて萎えていたけど、こっちから攻めていくのもありか。でも英語読めないからZendさんに頼ったほうがいいかな。そもそもJavaScriptであれこれがんばる自信ないゎ。


JavaScriptの高速化

Posted under Webデザイン by uechoco on 火曜日 28 8月 2007 at 21 : 21 : 12

JavaScriptはスクリプト言語(インタプリタ言語)なので書き方1つでかなりの処理速度の差が出るようだ。

IT戦記 - Shibuya.js Technical Talk #1 を終えて。

http://d.hatena.ne.jp/amachang/20060417/1145236908

こちらのブログから資料としてリンクされているJavaScriptの高速化(ppt)というスライドを見ると、JavaScriptの高速化のテクニックがいくつか載っている。スライドの終盤には高速化と可読性(保守性)はトレードオフとも書いてあるので、やりすぎには注意ということ。
もちろん、簡単に改善できそうなものもある。以下はその例。

JavaScript:
  1. for (var i = 0; i &lt;= arr.length; i++) {
  2. //処理
  3. }

この配列の要素数参照を以下のように変数経由で呼び出す。

JavaScript:
  1. var len = arr.length;
  2. for (var i = 0; i &lt;= len; i++) {
  3. //処理
  4. }

これだけでも意外と速くなる。

Web2.0には欠かせないJavaScriptのテクニックをもう一度見直してみるのもいいかもしれない。


« 前ページへ

Copyright © 2012 うえちょこ@ぼろぐ. WP Theme created by Web Top.