ラベル compare の投稿を表示しています。 すべての投稿を表示
ラベル compare の投稿を表示しています。 すべての投稿を表示

2015年5月2日土曜日

画像圧縮サービスの比較

リンク集的メモ。


ファイルサイズが一番小さいのはTinyPNGのJPEGだった。
(JICは圧縮率を指定できるので除外。) ただ、Compressor.ioのPNGがファイルサイズの割に一番きれいだった。
(paint.netで同じようなPNGにしてみたが、Compressor.ioのPNGの方がなぜかきれいだった。)

2013年12月17日火曜日

タスク(TODO)共有サービスの調査メモ

日本語で使えるタスク共有サービスにアカウント登録して調べたメモ。


Brabio!

  • UIはネイティブアプリライクで使いやすいが、ちょっと情報過多?
  • ガントチャートを使いこなせるなら、とても便利そう。
  • ガントチャートを使わずにタスク管理するだけなら、オーバースペックでかえって分かりづらいか。
  • コメントにメールで返信できるのが便利そう。

Backlog
  • タスクのプロパティが豊富。
  • Tracに似ているので、TracやRedmine経験者なら入りやすい。
  • UIは非システム系の人でもとっつきやすいが、やや古いか。(タスク選択時に小さなリンク部分をクリックしないと反応しない、等)

サイボウズLive
  • UIが使いやすい。
  • 機能的にもバランスが取れている。

Wrike
  • UIが洗練されている。その分、ライトユーザーにはとっつきずらいか。
  • 日本語化されていない(英語のままの)箇所が、ちらほらある。
  • 使い方がわからない機能がある。

Todous
  • UIはゆるい感じでよいが、配色等のデザインはいまいちか。
  • 余分な機能が無いのは分かりやすくて良い。
  • タスクをまとめて見られないのが使いづらい。

ChatWork
  • タスク管理については最低限の機能しかない。(タスクにコメントをつけられない、等)


参考

2011年8月23日火曜日

各ブラウザのconsole.log()実装状況


Firefox以外のモダンブラウザは、標準で装備していた。

ブラウザ調査した
バージョン
ログの表示方法その他
IE8ツール
↓
開発者ツール
↓
「スクリプト」タブ
IE8以降で搭載。
String型にCASTされて出力される。
(Objectの中身は見られない。)
Firefox6.0アドオンのFirebugを使う


Chrome11.0ツール
↓
JavaScript コンソール
↓
「Scripts」タブ

Safari5.1ページのメニューボタン
↓
開発
↓
JavaScriptのデバッグを開始
↓
「コンソール」タブ
Windows版で確認。
Opera11.50Operaボタン
↓
ページ
↓
開発者用ツール
↓
Opera Dragonfly
バージョン11から搭載。
ObjectやArrayの中身は見られない。
CSS等のエラーとごっちゃに出るので見辛い...


所感
  • SafariやOperaはコンソールの表示方法が分かり辛い。
  • IEやOperaはObjectの中身を見られない(Operaは配列の中身も見られない)ので使い辛い。
  • Operaは他のエラー(CSS等)と一緒に出力されるので見辛い。


参考

2011年3月7日月曜日

Amazon EC2 東京リージョンと他のリージョンの価格比較


AWSの東京データセンターが開業したので、主な価格を他のリージョンと比較してみる。


US West
Asia Pacific
シンガポール
Asia Pacific
東京
EC2 Micro$0.025/時$0.025/時$0.027/時
EC2 Small$0.095/時$0.095/時$0.10/時
EC2 Medium$0.19/時$0.19/時$0.20/時
EBS$0.11/GB/月$0.11/GB/月$0.12/GB/月
S3(1TB以下)$0.154/GB/月$0.140/GB/月$0.150/GB/月


EC2は5%くらい高め、逆にS3はUS Westより安い。

速度(レイテンシ)は間違いなく東京が速いみたい。(参考:Amazon Web Servicesが日本に上陸!というわけで早速レイテンシやスループットを測ってみた - RX-7乗りの適当な日々)


参考:AWSが日本データセンターを運用開始、責任者に聞いた - @IT

2011年2月8日火曜日

YUI2と YUI3の CSSの比較

ついにGoogle Libraries APIがYUI3系の配信を開始した。
YUI 2 CSS ToolsからYUI 3 CSS Resourcesへ乗り換えるための準備として、変更されている点を洗いだしてみた。
(追記:比較したのは、YUI 2.8.2r1と YUI 3.3.0。)


fonts.css

変更なし


grids.css

根本的に変わったので、小手先の変更による対応は無理。
ただしclass名のプリフィクスも変わった(2はyui、3はyui3)ので、2と3は共存できる。


reset.css

buttonのmargin、paddingのリセットがなくなった。

button {
    margin: 0;
    padding: 0;
}

↓

削除

delとinsのtext-decorationのリセットがなくなった。
del, ins {
    text-decoration: none;
}

↓
削除

supとsubのvertical-alignが変わった。
sup {
    vertical-align: baseline;
    ↓
    vertical-align:text-top;
}
sub {
    vertical-align: baseline;
    ↓
    vertical-align:text-bottom;
}

button、optgroup、optionのfontのinheritがなくなった。
また、input、textare、selectのfont-styleのinheritがなくなった。
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
button {
    *font-size: 100%; /* IEでリサイズ可能にするためだったらしい */
}

↓

input, textarea, select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
}

base.css

bodyのmarginが削除された。(余計なお世話だったので朗報だ。)
body {
    margin:10px;
}

↓

削除

optgroup、del、sup、subのリセットされていたstyleの上書きが削除された。
reset.cssの方から削除されたので、baseで上書きする必要がなくなったらからだろう。
optgroup {
    font-weight:normal;
}
del {
    text-decoration: line-through;
}
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}

↓

削除

クリック系のform要素の1pxのpadding(Opera対策らしい)が削除された。
button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] {
    padding:1px;
}

↓

削除

テキストボックス系のwidthが追加された。
これでテキストボックスのフォントをメイリオにしたときビヨーンと広がる問題が解消される。
input[type=text], input[type=password], textarea{
    width: 12.25em;
    *width: 11.9em;
}


こうして見ると、grids.css以外は大きな変更は少ないようだ。
del, ins, sup, subなんかはあまり使っていないだろうし。buttonが好きな人には影響あるのかな?
base.cssでbodyのmarginがなくなったのは影響があるかもしれないが、これもそのまま使っているサイトは少ないと思う。


(2011/2/9 追記)
base.cssのinput[type=text]とinput[type=password]の追加は影響する場合あり。属性セレクタより弱いセレクタで横幅を指定しているページでは、このbase.cssのスタイルに負けちゃうように変わっちゃうから。

2010年12月21日火曜日

PHPの DateTimeオブジェクトは比較演算子で大小を比較できる

大なりや小なりやイコールで大小(前後)を比較できたら便利だなと思い、試してみた。

$time = new DateTime('2011-01-01 01:01:01');
$aftr = new DateTime('2011-01-01 01:01:02');
$same = new DateTime('2011-01-01 01:01:01');

var_dump($time >  $aftr);    // => false
var_dump($time >= $aftr);    // => false
var_dump($time == $aftr);    // => false
var_dump($time <= $aftr);    // => true
var_dump($time <  $aftr);    // => true

var_dump($time >  $same);    // => false
var_dump($time >= $same);    // => true
var_dump($time == $same);    // => true
var_dump($time <= $same);    // => true
var_dump($time <  $same);    // => false

比較できるんだ。知らなかった...

2010年9月22日水曜日

フリーで使えるJavaScriptと CSSの CDNいろいろ

httpsが使えるのはGoogleとMSのみ。
httpsに拘らないならCached Commonsがライブラリ豊富で便利そう。
でも使いたいライブラリがGoogle Libraries APIで間に合うならGoogle Libraries APIでいいんじゃないかな。レスポンス速度が速いし。
(レスポンス速度はminファイルのロード時間を4回計った2~4回目の平均値。状況によって変わってくるだろうから、参考程度に。)


Google Libraries API

  • 主要なJavaScriptライブラリをホスティングしている
  • バージョン指定でメジャーバージョンのみの指定や、マイナーバージョンまでの指定等が可能
  • https可
  • YUIはバージョン2しかない
  • ブラウザキャッシュは1時間 or 1年間(参考:floatingdays: Google AJAX Libraries APIのブラウザキャッシュ期間)
  • レスポンス速度
    • jQuery:0.069秒 
    • YUI 2 YUI Loader:0.066秒


Microsoft Ajax Content Delivery Network - ASP.NET Ajax Library
  • ASP.NET関連以外ではjQuery関連の3つをホスティングしている。Validationプラグインは便利かも?
    • jQuery
    • jQuery UI
    • jQuery Validationプラグイン
  • https可
  • ブラウザキャッシュは1年間(max-ageとExpiresが違う気がする?)
  • レスポンス速度
    • jQuery:0.161秒


YUI
  • httpsは使えない
  • JavaScript、CSSをそれぞれ1つずつにまとめられる(Combine Files)のは便利
  • ブラウザキャッシュは10年間
  • レスポンス速度
    • YUI 2 YUI Loader:0.181秒


Cached Commons


JsLoad: Remote loading API of JavaScript library
  • Google App Engineで作られている
  • 2008年10月から更新されていないようだ


JavaScript Host(←※リンク切れ)
  • 閉鎖しちゃったみたい


(2010/10/19 追加)
jQuery Code Server
  • jQuery自身によるjQueryのホスティング
  • ダウンロード用のファイルをそのままhotlinkしてよいことにしたようだ
  • jQuery UIとかプラグインは提供しないのかな?



参考

2010年5月18日火曜日

Google App Engineと Google Codeからのファイル取得速度の比較

Webブラウザ(Firefox)でファイルを取得する際に、Google App EngineとGoogle Codeのどちらから取得した方が速いかの実験。
12KB程度のJavaScriptファイルで比べてみた。
ついでにDropboxのpublicフォルダからの取得も調べてみた。


計測結果


App EngineGoogle CodeDropbox
gzipありなしあり
サイズ4.2KB12.5KB4.7KB
1回目282ms47ms766ms
2回目219ms31ms1030ms
3回目218ms47ms1030ms
平均240ms42ms942ms

(gzipでもGoogle App EngineとDropboxでサイズが違うのはなぜ?)

gzipなしにも関わらず、Google Codeが速い。キャッシュサーバとかを使ってCDNとして機能しているということか。
App Engineは遠いサーバにあるのかな?それともstaticなファイルとして送り出されるまでの処理に時間がかかっているのか。


また、Google App Engine、Google Codeともにしばらく(1分程度?)誰もアクセスしないとSpin Down的なことが起きるようで、その後の初回アクセス時のレスポンスが遅い。だいたい、Google App Engineは200~600ms程度、Google Codeは200~300ms程度かかるようだ。
(上記の表ではこの「初回アクセス」は含んでいない。)

2009年12月15日火曜日

Google Maps API V3と V2の機能比較

列挙しようかと思ったがけっこうありそうなので、とりあえず思いついたものだけメモ。


V2になくてV3にあるもの

  • 複数の吹き出し(InfoWindow)を同時に表示できる


V2にあってV3にないもの
  • ストリートビュー
  • Overview(右下の縮小地図)
  • Polygonの面積の取得
  • Polylineの長さの取得
  • GoogleBar(検索ボックス)
  • AdsManager

2009年12月4日金曜日

PHPでの配列の並び替え(ソート)の比較

PHP5.3で実験。
何気なくsort()を使うと、意外と意外な結果になるので注意。

$before = array('Google', 'apple', '+11112', 1112, '112', 12, '0', -1);

$array = $before;
sort($array);
foreach ($array as $val) echo $val . ', ';
//sort()の第2引数のデフォルトはSORT_REGULAR
//文字列は大文字優先
//今回のように数値と文字列が混在するとおかしくなる?
// => -1, 0, 112, Google, apple, 12, 1112, +11112,
echo '<hr />';

$array = $before;
sort($array, SORT_NUMERIC);
foreach ($array as $val) echo $val . ', ';
//数値としてソート
//文字列は大文字・小文字を無視したソートで、ゼロの前になるようだ
// => -1, apple, Google, 0, 12, 112, 1112, +11112,
echo '<hr />';

$array = $before;
sort($array, SORT_STRING);
foreach ($array as $val) echo $val . ', ';
//文字列としてソート
//記号、数字、文字列(大文字優先)の順
//数字は数値ではなく文字列としてソートされる
// => +11112, -1, 0, 1112, 112, 12, Google, apple,
echo '<hr />';

$array = $before;
sort($array, SORT_LOCALE_STRING);
foreach ($array as $val) echo $val . ', ';
//localeごとのソート(今回の環境ではSORT_STRINGと同じだった)
// => +11112, -1, 0, 1112, 112, 12, Google, apple,
echo '<hr />';

$array = $before;
natsort($array);
foreach ($array as $val) echo $val . ', ';
//「自然順アルゴリズム」
//人間がやったらまあこうするだろうという感じか
//記号、数値、文字列の順
//数値は文字列ではなく数値としてソートされるのがSORT_STRINGとの違い
// => +11112, -1, 0, 12, 112, 1112, Google, apple,
echo '<hr />';

$array = $before;
natcasesort($array);
foreach ($array as $val) echo $val . ', ';
//「自然順アルゴリズム」、かつ大文字小文字を区別しない
// => +11112, -1, 0, 12, 112, 1112, apple, Google,

natcasesort()が一番しっくりくる。
大文字・小文字の違いは無視して欲しいし。

2008年11月8日土曜日

無料の携帯サイト向けアクセス解析サービス4つの比較

無料アクセス解析 with 位置情報 「なかのひと」

  • 携帯サイト向けは「うごくひと」
  • 画像埋め込み+オプションでPHP等のスクリプト埋め込み
  • 良い点
    • グラフを多用した大雑把なUIで見やすい
    • 機種の発売時期のグラフがある
    • 都道府県別のアクセス度合いが見られる。役には立たないが。(沖縄はいつも赤い)
    • スクリプト埋め込みを使うことにより、時系列に沿って検索キーワード(KDDIとSoftBankのみ)が見られる
  • 悪い点
    • スクリプト埋め込みを使えば、やろうと思えばリファラからリンク元の情報を取れるはずだが、それが無い
    • 表示ページや検索キーワードや機種の集計が無い


i2i無料『アクセス解析』携帯対応・訪問ルート分析の足あと機能
  • 画像埋め込みタイプ
  • 良い点
    • アクセスしてきた機種の細かい統計が見られる。表示できる文字数とか、iモードブラウザのバージョンとか。
  • 悪い点
    • 画像埋め込みなので、リファラが無いと引っ張れれない情報(リンク元と検索キーワード)が取れない


トップページ|myRTモバイル
  • 画像埋め込みタイプ
  • なぜかSoftBankしか集計されない...
  • 良い点
    • 対応している画像タイプの集計が見られる。でもSoftBankだけ...
  • 悪い点
    • SoftBankしか集計されない...
    • 画像埋め込みなので、リファラが無いと引っ張れれない情報(リンク元と検索キーワード)が取れない。しかもSoftBankしか集計されない...
    • 管理画面が重い。しかもSoftBankしか集計されない...


Google Analytics

ブログ アーカイブ

tags