Home

メモリークラフト

ヘッダアイコン Google Analytics のカスタムレポートが便利

  • Posted by: memorycraft
  • 2009年7月 7日 01:10
  • しらべる

ですね。全然しらなかったのですが。
OS,ブラウザ,FlashPlayerのそれぞれのバージョンにの組み合わせを知りたいときにとても重宝しました。

WS000060.JPG

左メニューの中央あたりに「カスタムレポート」という項目を選択して、新規作成をすると編集画面が表示されます。

WS000059.JPG

左側のメニューの「指標」からレポートの横軸、「ディメンション」から縦軸の項目をドラッグして自由に選べます。


WS000061.JPG

最後に「レポートを保存」すると、設定した形式でレポートが表示されます。

これで、
ディメンションを

  • OS > ブラウザ > Flash
  • Flash > ブラウザ > OS
  • Flash > OS > ブラウザ

などのパターンでレポートを作成して多角的に普及率を確認できたりします。
また、これにコンバージョンなどを絡めるとエラーの検知にも役立ちそうです。

ヘッダアイコン 仮想アプライアンスのススメ

  • Posted by: memorycraft
  • 2009年7月 1日 01:55
  • しらべる

開発をしていると、アプリケーションの配備や管理のためにいくつかサーバーが必要になることが多く、そのほとんどは開発が終わるとしばらく放置されて忘れたころに別のプロジェクトで必要になります。そのときは新しいプロジェクトの仕様にあった環境づくりをするので、再インストールやクリーンアップやバージョンの競合なんかに煩わされる羽目になります。そこで便利のが仮想マシン(Virtual Machine)。さらにいうと、仮想アプライアンス(Virtual Appliance)です。

巷で多い仮想マシンはVMware,VirtualBox,Xenなどですが、これらはすべてハードウェア(PC)のように振舞うソフトウェアです。これにいろいろなOS、サーバーソフトウェアをはじめとするアプリケーションを入れた状態でパッケージしたものを仮想アプライアンスといいます。ダウンロードして起動したらすぐにつかえるサーバーが手に入るわけです。
以下は仮想アプライアンスをつかってみた感想です。

bagvapp
http://bagside.com/bagvapp/

  • 対応仮想マシンはVMWareのみ
  • バージョン違いを含めると100種類弱のOS
  • プリインストールアプリが低層レベル(kernel-devel, cpp, gcc, VMwareTools Adobe flash pluginなど)
  • 無償

Virtual Appliances
http://virtualappliances.net/

  • 対応仮想マシンが多い(VMware VMDK, VMWare OVF, Parallels, QEMU/KVM, Virtual Iron, Microsoft Virtual PCなど)
  • OSはUbuntuのみ?
  • LAMP, LAPP, TomcatなどのWebサーバー用のセットが用意されている
  • 専用webalizer,phpMyAdminなどのWebコンソール付き
  • 無償

JumpBox
http://www.jumpbox.com/go/virtualization

  • OSはUbuntuのみ?
  • 対応仮想マシンが多い(VMWare, Parallels, VirtualBox, Microsoft Hyper-V, Virtual Iron, Xen, Amazon EC2など)
  • アプリケーションセットも豊富 (LAMP, LAPP, RubyonRails, PmWIki, WordPress, Bugzilla, phpBB,MovableType, Trac, Redmine, Nagios, SugerCRM, OpenLDAP, Liferay)
  • 一部無償(っていうかいい感じのものは大体有償)

それぞれに長短所ありますが、アプリケーションセットアップという意味では圧倒的にJumpBox。ただRedmineなど多くのアプライアンスは起動数制限のある年間契約による有償プランなので、料金以上にセットアップに手間がかかるかどうか、同時にいくつ起動するかというあたりが検討ポイントです。
あくまで無償をえらぶなら、bagvappやVirtualAppliancesなどのアプライアンスをベースに自分でセットアップしたものを初期VMとしてストックしておくというのが現実的かもしれません。


ヘッダアイコン Page Speed vs YSlow = Google vs Yahoo

  • Posted by: memorycraft
  • 2009年6月10日 02:38
  • しらべる

GoogleからWebページのパフォーマンスを調査するFireBugプラグイン Page Speedが公開されました。これはちょうどYahooのFireBugプラグインのYSlowとほぼ同様の機能を提供しています。検査項目とその詳細な説明はこちらのページに記載されています。参考としてGoogleとYahooの各検索結果ページを簡単に比較してみました。

Google

Page Speed
WS000053.JPG

YSlow
WS000057.JPG

Googleの検索結果ページのパフォーマンス計測の比較。
Page Speedでは、1件だけ警告。CSSの定義で未使用項目が42%あるという結果がでた。これはブラウザによって使用していないものがあるということかな?それ以外はクリア。
YSlowでは1件だけCDNでBランク。たとえばAkamaiのようなコンテンツキャッシュサーバーのようなものを使うべしというもの。それ以外はA。


Yahoo

Page Speed
WS000055.JPG

YSlow
WS000056.JPG

Yahooの検索結果ページのパフォーマンス計測の比較。
Page Speedでは、DNSルックアップの拡散,プロキシキャッシュ,未使用CSS,適正なCSSセレクタの4つが警告。それ以外はクリア。
YSlowではCDN,GZIP,CSS expressionの3つでBランク。それ以外はA。


こうみると、YSlow、Page Speed では問題とする項目とその検査基準が微妙に違いますが、どちらが優れているというよりは、どちらも大規模サイトのサイト構築指針になっているので、2つのツールでページ全体の評価が大きく食い違うことはあまりなさそうです。

両方とも基準にしてもよいですが、どちらか片方だけを基準にしてもう片方を参考にする程度でもいいかもしれません。

ヘッダアイコン Mylyn + Redmine でタスク駆動開発

  • Posted by: memorycraft
  • 2009年6月 5日 21:27
  • しらべる

Redmineはつかっていたのだけど、コミットフックをもっとスマートにしたくてMylynを使ってみることにしました。

ということでインストールと設定のメモです。


Eclipse 3.4 インストール(pleiades/J)
http://mergedoc.sourceforge.jp/index.html#/pleiades.html

Mylyn インストール(ソフトウェアアップデート)
http://download.eclipse.org/tools/mylyn/update/e3.4

WebTemplate インストール(ソフトウェアアップデート)
http://download.eclipse.org/tools/mylyn/update/incubator

Subversiveインストール(ソフトウェアアップデート)
http://download.eclipse.org/technology/subversive/0.7/update-site/

Subversive for Mylyn のインストール(ソフトウェアアップデート)
http://www.polarion.org/projects/subversive/download/eclipse/2.0/update-site/

  • Subversive SVN Team Provider Plugin(Incubation)
  • Subversive Integration for Mylyn Project(Optional)(Incubation)
  • Subversive SVN Connectors

をインストール。依存するものがあればそれも。


タスクリポジトリ追加

タスクリポジトリビューを表示してビュー上で右クリック>タスクリポジトリの追加
WebTemplate
タスクリポジトリータイプからWebTemplateを選択。次へ。

Webリポジトリ設定ダイアログで以下を入力
WS000027.JPG

【基本情報】

サーバー: http://www.hoge.com/redmine/ (レッドマインインスタンスのベースURL)
ラベル:${project}
ユーザー:Redmineの自分のID
パスワード:Redmineの自分のパスワード

【追加設定】

パラメータ:project
値:RedmineのプロジェクトID

【拡張構成】

タスクURL:${serverUrl}/issues/show/
新規タスクURL: ${serverUrl}/projects/${project}/issues/new
クエリリクエストURL: ${serverUrl}/projects/${project}/issues [GET]
           自分に関連するチケットのみ表示したい場合は
           ${serverUrl}/projects/${project}/issues?set_filter=1&assigned_to_id=me
クエリパターン: <td class="subject">.*?<a href="/redmine/issues/show/(\d+)">(.+?)</a></td>
ログインリクエストURL: ${serverUrl}/login?username=${userId}&password=${password} [POST]
Task Editor Settings: プレーンテキストかTextile

【HTTP認証】
必要に応じて


タスククエリーの追加

タスクリストで右クリック>新規>クエリー
WS000029.JPG
追加したタスクリポジトリを選択>次へ


クエリのタイトルをつける(プロジェクト名が分かりやすい)
WS000031.JPG
すでにチケットがいくつか登録してあれば「拡張構成」のプレビューや開くで取り込めているか確認できる
>完了

タスクリストにチケットがタスクとして表示される
WS000032.JPG


タスクの追加
タスクリストで右クリック>新規>タスク
W2S000033.JPG
追加したタスククエリーを選択>次へ

「ブラウザを開きます。」という旨のダイアログが出るので「完了」
W2S000034.JPG


EclipseのWebブラウザにRedmineが表示されるので、そこでチケット登録
 (必要であればログインする)
WS000035.JPG


タスクリストを更新すると追加されているのが分かる。
W2S000038.JPG


Redmineでコミットフックの設定
Redmine上で>管理>設定>リポジトリの「コミットメッセージ内でチケットの参照/修正」で参照用と修正用のキーワードを設定。
WS000038.JPG
ここでは参照用にはrefs、修正用にはfixを設定
修正時に変更されるステータスとして「実装終了 100%」とした。


コミットコメントのテンプレートをつくる
ウィンドウ>設定>タスク>チーム のコミットコメントのテンプレートを設定
WS000047.JPG
ここでは以下のように設定した。
(refs #${task.id}) ${task.description}
${task.url}

タスクに取り掛かる
タスクリストでこれから取り掛かるタスクで右クリック>アクティブにする
WS000048.JPG
アイコンがついて、選択したタスクが現在活動中であることが示される

作業のコミット
コミットコメントに上で設定したテンプレートに変数が流し込まれた状態でデフォルト表示される
WS000040.JPG
これに情報などを追記してコミット

コミットコメントのテンプレートの冒頭にrefsとあるのでチケットにリビジョンが紐付けされる
W2S000045.JPG

refsをfixに書き換えると、チケットとリビジョンの紐付けに加え、チケットのステータスが自動的に変更される
WS000046.JPG


これにより、EclipseとブラウザのRedmineを行き来する必要がなくなり、Eclipseでの作業に集中できます。ただ、まだインキュベーション段階ということもあり、ブラウザを経由する作業などが必要な部分もありますが、RedmineのAPIを経由できるようになってくれば、よりEclipseで作業が完結できるようになるかと思います。


ヘッダアイコン Web開発でよく使うFireFoxのプラグイン

  • Posted by: memorycraft
  • 2009年6月 3日 19:53
  • つぶやく

ごぶさたしております。
いそがしさにかこつけてブログを書いていたことを忘れかけてましたー。
もうちっと更新がんばりたいと思いますが、それまでのお茶濁しとして、よく使っているFireFoxのプラグインでもさらしてみたいと思います。定番ものばっかりですが、、、

All-in-One Sidebar
https://addons.mozilla.org/ja/firefox/addon/1027
いわずとしれた定番。

ColorZilla
https://addons.mozilla.org/ja/firefox/addon/271
コンテンツの色をスポイトで調べます。
意外と便利。

Delicious Bookmarks
https://addons.mozilla.org/ja/firefox/addon/3615
ブックマークはDeliciousを使用しています。

FireBug
https://addons.mozilla.org/ja/firefox/addon/1843
定番のデバッグツール。
[プラグイン]
CodeBurner for Firebug
 https://addons.mozilla.org/ja/firefox/addon/10273
  指定したHTML要素、属性などのブラウザ対応状況などのリファレンス。
Firecookie
 https://addons.mozilla.org/ja/firefox/addon/6683
  Cookie監視。
YSlow
 https://addons.mozilla.org/nl/firefox/addon/5369?lang=ja
  パフォーマンス要素の調査とランク付け。

FireFox DNS Flusher
https://addons.mozilla.org/ja/firefox/addon/7408
hostsの変更をリフレッシュ。

FireFTP
https://addons.mozilla.org/ja/firefox/addon/684
FTPクライアント。

Google Toolbar for Firefox
http://www.google.com/tools/firefox/toolbar/FT3/intl/ja
単語ごとのページ内検索とマーカー、Gmailステータスしか使わないけど。

GooglePreview
https://addons.mozilla.org/en-US/firefox/addon/189
Googleの検索結果にサムネイルを表示。

Greasemonkey
https://addons.mozilla.org/ja/firefox/addon/748
コンテンツの表示をスクリプトでカスタマイズ。
[スクリプト]
AutoPagerize
 http://userscripts.org/scripts/show/8551
 自動でページネーション。
First Lookup Alc
 http://userscripts.org/scripts/show/12024
 選択した単語をALC検索。
Twitter Friend Name Helper
 http://userscripts.org/scripts/show/8518
 Twitterで@を打つとフレンドをサジェスト。

HTML Validator
https://addons.mozilla.org/ja/firefox/addon/249
コンテンツのHTML仕様対応を調べる。

IE Tab
https://addons.mozilla.org/ja/firefox/addon/1419
IEのエンジンでレンダリング。

Link Evaluator
https://addons.mozilla.org/hu/firefox/addon/4094?lang=ja
リンクチェッカー。

MeasureIt
https://addons.mozilla.org/ja/firefox/addon/539
定規でコンテンツ上の任意矩形を計測。

Screengrab
https://addons.mozilla.org/ja/firefox/addon/1146
キャプチャ。

Selenium IDE
https://addons.mozilla.org/ja/firefox/addon/2079
ユーザー操作を記録、再生、検証。

Smart Bookmarks Bar
https://addons.mozilla.org/ja/firefox/addon/4072
ブックマークバーのテキストを非表示に。

全てのエントリを表示

Home

ページの先頭へ戻る