FC2ブログ

ブラウザシェアが知りたいときに見るサイト

ブラウザシェアって変動が激しいのでニュースサイトのソース元になるような市場調査サイトを知っておくと便利です。
注意する点は地域指定が出来る事。世界と日本では結構違います。

netmarketshare.com

データの取得元は40000サイト以上との事ですがどこに書いてあるのかわかりませんでした。
しかし、ここがニュースリリースを打つと大抵の日本のニュースサイトが記事を書くため認知度はかなり高めです。
ここを参考にしてサービスの対象ブラウザを選定する場合はニュースサイトのリンクがたくさんあるのでお客さんに説明しやすいと思います。

例えばこんなんとか
9年目のIE6、お役御免!ユーザーは最新版に乗り換えを
http://pc.nikkeibp.co.jp/article/trend/20100428/1024632/

ブラウザバージョン別シェアを調べるときはここ
http://www.netmarketshare.com/browser-market-share.aspx?qprid=2
ジオロケーションの取得を求められますが地域指定で絞り込みが出来ます



statcounter.com
世界中の300万サイトから収集したデータから集計しているようです。下記の説明を見ると独自にデータを収集しているようなのでnetapplicationと2つ並べて考えるとよいでしょう。
http://gs.statcounter.com/faq#methodology

フラッシュのきれいなグラフで見れて地域指定、期間もプルダウンで簡単に指定できます。とてもわかりやすい
http://gs.statcounter.com/#browser_version-JP-monthly-201006-201011

Source: StatCounter Global Stats - Browser Version Market Share



2サイトご紹介しましたが、サービスによってユーザーに偏りがありますから知り合いや過去に作ったサービスから似ているサイトの傾向を調べられると一番よいです。
googleアナリティクスでブラウザシェアを確認しておきましょう




対象ブラウザを選定してその中ではうまく動いても、サービス稼働後に対象外のブラウザユーザーからJSエラーが出るとか頻繁に苦情がきたら納品後にお客さんと嫌なやりとりをするかもしれませんのでお気をつけて。

とはいえnetapplicationで見るとIE6強いなーまだ13%もあるよ。。。


スポンサーサイト



[jQuery][val]jQueryを使うと値の取得が簡単すぎる

jQueryでとってきたエレメントは val() で取る。
valの中で要素の種類別に適切な値を取得してきてくれるのでとても簡単、select,checkbox,inputなにも意識しないですむなんて便利すぎる。
昨日までval関数知らなくてinputの値を取得するのに

$('hoge')[0].value

としてた。。。jQuery勉強しようかな

selectならindex取ってきてoptionの値を取ってくるとかmultiSelectにも対応してる

if ( jQuery.nodeName( elem, "select" ) ) {
var index = elem.selectedIndex,
values = [],
options = elem.options,
one = elem.type === "select-one";

// Nothing was selected
if ( index < 0 ) {
return null;
}

// Loop through all the selected options
for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) {
var option = options[ i ];

// Don't return options that are disabled or in a disabled optgroup
if ( option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null) &&
(!option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" )) ) {

// Get the specific value for the option
value = jQuery(option).val();

// We don't need an array for one selects
if ( one ) {
return value;
}

// Multi-Selects return an array
values.push( value );
}
}

return values;
}

しかし、便利すぎるので一度使い始めたら後には戻れなそうです。
パフォーマンスが気になるけど、まずはjQueryで作ってパフォーマンス測って必要があれば重たいところだけ書き直すみたいな感じで意識したほうがよさそう。

javascriptはオライリーのJavaScript第5版で勉強しています。
これのおかげでjsソース読みが少し楽になったのでjQueryはソース読みで覚えようかな。

便利そうなのでjQueryプラグインも使ってみようかと思ったけど、中みたらグローバルに書きまくってたりマジックナンバー的な決めうちがあったりちょっと怖い。。プラグインはまた今度にしよう。。


[GAE/J] [slim3] Failed to load from the backing store,

slim3に限ったことではないみたいですが、ローカルでDatastoreを動かして初っ端で「Failed to load from the backing store,」ってエラーが出る。

参考
http://twitter.com/teppei_tosa/statuses/13639210684
http://groups.google.co.jp/group/google-appengine-java/browse_thread/thread/134d717e31ee627b
http://d.hatena.ne.jp/mtoyoshi/20090506/1241590403




どうやら気にせずになんどもトライするとエラーが出無くなるようなので、なにも考えずに何度もトライする。
エラーでなくなったよw。

全然理解できてないのであとで調べよ。

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

chrome checkboxやradioボタンが消える対処方法

chromeを使ってるとcheckboxやradioボタンがたまに消えている。

右クリ > 印刷 > キャンセル

これをすると表示されるのですが、毎回これをやらなきゃダメw
ブックマークレットを作ったので、これで楽ちんだぜ!って思ったのですが、そもそもそんな事して対処しなきゃならない現状ってなぁー。

結局どのブラウザもどの便利さを取るかのトレードオフなので、FF,IE,chrome,たまにOperaと網羅的にインスコしておかないと対応できないって現状はしばらく続くんだろうなー。

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

chrome 拡張 vimiumからvromeに移行

chrome更新したらvimiumが動かなくなってしまいました。。。

vimiumは、vimperatorchromeクローンでvimperator並ではないにしろブラウジングがキーだけで操作できるのはとても助かります。

vimium
https://chrome.google.com/extensions/detail/dbepggeogbaibhgnhhndojpepiihcmeb

vimium以前はfirefox + vimperatorでしたがfirefoxの立ち上がりの遅さには悩まされていたのでvimiumを発見したその日にchromeに移行してchromeの高速立ち上がりとvimiumの楽ちん操作を堪能してました。

それだけに動かなくなった瞬間は結構ショックだった。
んで、他のクローンを入れては消して今はvromeに落ち着きました。

vrome
https://chrome.google.com/extensions/detail/godjoomfiimiddapohpmfklhgmbfffjj

いまのところ違和感なく使えてます。



にしても、ある機能のクローンが乱立する現状ってユーザーには便利だけど作る人にとっては気が抜けないね。こんな風に簡単に移行されてしまうんだから。

差別化って大事だねって教訓になりました。

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

プロフィール

ぽちってな

Author:ぽちってな
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
ユーザータグ

映画 私の中のあなた レビュー 家電 ウォシュレット TOTO DVD 感動 GAE GoogleAppEngine vimperator chrome vimium vrome slim3 

検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
 
**