メモリークラフト

Google Analytics のカスタムレポートが便利

Tue, 07 Jul 2009 01:10:06 +0900

ですね。全然しらなかったのですが。 OS,ブラウザ,FlashPlayerのそれぞれのバージョンにの組み合わせを知りたいときにとても重宝しました。左メニューの中央あたりに「カスタムレポート」という項目を選択して、新規作成をすると編集画面が表示されます。左側のメニューの「指標」からレポートの横軸、「ディメンション」から縦軸の項目をドラッグして自由に選べます。最後に「レポートを保存」すると、設定した形式でレポートが表示されます。これで、ディメンションを

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

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

仮想アプライアンスのススメ

Wed, 01 Jul 2009 01:55:03 +0900

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

Wed, 10 Jun 2009 02:38:37 +0900

GoogleからWebページのパフォーマンスを調査するFireBugプラグイン Page Speedが公開されました。これはちょうどYahooのFireBugプラグインのYSlowとほぼ同様の機能を提供しています。検査項目とその詳細な説明はこちらのページに記載されています。参考としてGoogleとYahooの各検索結果ページを簡単に比較してみました。 Google Page Speed YSlow Googleの検索結果ページのパフォーマンス計測の比較。 Page Speedでは、１件だけ警告。CSSの定義で未使用項目が42%あるという結果がでた。これはブラウザによって使用していないものがあるということかな？それ以外はクリア。 YSlowでは１件だけCDNでBランク。たとえばAkamaiのようなコンテンツキャッシュサーバーのようなものを使うべしというもの。それ以外はA。 Yahoo Page Speed YSlow Yahooの検索結果ページのパフォーマンス計測の比較。 Page Speedでは、DNSルックアップの拡散,プロキシキャッシュ,未使用CSS,適正なCSSセレクタの４つが警告。それ以外はクリア。 YSlowではCDN,GZIP,CSS expressionの３つでBランク。それ以外はA。こうみると、YSlow、Page Speed では問題とする項目とその検査基準が微妙に違いますが、どちらが優れているというよりは、どちらも大規模サイトのサイト構築指針になっているので、２つのツールでページ全体の評価が大きく食い違うことはあまりなさそうです。両方とも基準にしてもよいですが、どちらか片方だけを基準にしてもう片方を参考にする程度でもいいかもしれません。

Mylyn + Redmine でタスク駆動開発

Fri, 05 Jun 2009 21:27:32 +0900

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を選択。次へ。 Webリポジトリ設定ダイアログで以下を入力 【基本情報】

サーバー: 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 クエリパターン: .*?(.+?) ログインリクエストURL: ${serverUrl}/login?username=${userId}&password=${password} [POST] Task Editor Settings: プレーンテキストかTextile

【HTTP認証】 必要に応じて タスククエリーの追加 タスクリストで右クリック＞新規＞クエリー追加したタスクリポジトリを選択＞次へクエリのタイトルをつける(プロジェクト名が分かりやすい) すでにチケットがいくつか登録してあれば「拡張構成」のプレビューや開くで取り込めているか確認できる >完了タスクリストにチケットがタスクとして表示される タスクの追加 タスクリストで右クリック＞新規＞タスク追加したタスククエリーを選択＞次へ「ブラウザを開きます。」という旨のダイアログが出るので「完了」 EclipseのWebブラウザにRedmineが表示されるので、そこでチケット登録　(必要であればログインする) タスクリストを更新すると追加されているのが分かる。 Redmineでコミットフックの設定 Redmine上で＞管理＞設定＞リポジトリの「コミットメッセージ内でチケットの参照/修正」で参照用と修正用のキーワードを設定。ここでは参照用にはrefs、修正用にはfixを設定修正時に変更されるステータスとして「実装終了 100%」とした。 コミットコメントのテンプレートをつくる ウィンドウ＞設定＞タスク＞チーム　のコミットコメントのテンプレートを設定ここでは以下のように設定した。 (refs #${task.id}) ${task.description} ${task.url} タスクに取り掛かる タスクリストでこれから取り掛かるタスクで右クリック＞アクティブにするアイコンがついて、選択したタスクが現在活動中であることが示される 作業のコミット コミットコメントに上で設定したテンプレートに変数が流し込まれた状態でデフォルト表示されるこれに情報などを追記してコミットコミットコメントのテンプレートの冒頭にrefsとあるのでチケットにリビジョンが紐付けされる refsをfixに書き換えると、チケットとリビジョンの紐付けに加え、チケットのステータスが自動的に変更されるこれにより、EclipseとブラウザのRedmineを行き来する必要がなくなり、Eclipseでの作業に集中できます。ただ、まだインキュベーション段階ということもあり、ブラウザを経由する作業などが必要な部分もありますが、RedmineのAPIを経由できるようになってくれば、よりEclipseで作業が完結できるようになるかと思います。

Web開発でよく使うFireFoxのプラグイン

Wed, 03 Jun 2009 19:53:03 +0900

ごぶさたしております。いそがしさにかこつけてブログを書いていたことを忘れかけてましたー。もうちっと更新がんばりたいと思いますが、それまでのお茶濁しとして、よく使っている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 ブックマークバーのテキストを非表示に。

ローカルApacheが起動しないのはSkypeのせいかも

Sat, 14 Mar 2009 07:45:08 +0900

ApacheをローカルのWindowsで起動しようとして、エラーになったので調べてみた。 [code] C:\Documents and Settings\memorycraft>netstat -ano Active Connections Proto Local Address Foreign Address State PID TCP 0.0.0.0:80 0.0.0.0:0 LISTENING 2152 [/code] PID：2152ってだれ？いた。Skypeだ。設定を見てみると。。。 80番ポートを使用するにチェックが入っていました。。このチェックを外したら、無事動きました。うーん、こわいこわい。

MayaaでStrutsタグのXHTML問題

Fri, 13 Mar 2009 00:22:44 +0900

mayaaで、フォーム部品などをコントロールする際に html:checkbox などのStrtusタグを使用するのですが、テンプレートがXHTMLで、 [code] [/code] mayaaファイルが [code] [/code] のようになっていても、以下のように閉じタグ無しで出力されてしまいます。 [code] [/code] うーん、と思って、中の人に質問したところ一発で解決しました。 default.mayaaで、以下のようにするとよいそうです。 [code] [/code] もしくは、 [code] [/code] そもそもStrutsタグのxhtml="true"を html:htmlに設定するものだと知らずに、一生懸命、とかやっていたのでした。。。 sugaさんありがとうございました。

Mayaaで波ダッシュ問題

Tue, 10 Mar 2009 03:24:16 +0900

出力するHTMLのContent-TypeがShift_JISの場合、JavaやDBによっては～が化けたりすることがあります。Mayaaでそれを回避したときのメモを残します。 ①テンプレートのContent-TypeをWindows-31Jに変更、実際のテキストエンコーディングもWindows-31Jにする。 [code] [/code] ②WEB-INF/classes/META-INF/org.seasar.mayaa.provider.ServiceProviderに次の設定をする [code] [/code] 以上ですんなり、いけました。 convertCharsetがtrueだと、レスポンスヘッダとHTMLのContent-TypeがShift_JISのまま、 Windows-31Jでエンコーディングしてくれます。

Mac から Windows へのリモートデスクトップ接続 2

Fri, 13 Feb 2009 08:52:16 +0900

以前の記事で、CoRDを使ったMacからWindowsへのリモートデスクトップ接続を書きましたが、しばらく使ってみるとMac＞Windowsへのキーバインドがいろいろ問題ありでした。Mac＋Windows用のキーボードを使っていたのですが一番ひどいのは"_"(アンダースコア)や"\"(円記号),"|"(パイプ)が打てませんでした。リモートでプログラムをするときはかなり致命的でした。直後にMSからMac＞Winの製品の新しいバージョンが出ていて気になったので、遅ればせながら使ってみました。 【Remote Desktop Connection Client for Mac 2】 http://www.microsoft.com/japan/mactopia/products/remote-desktop/default.mspx 最初っからこれにしておけばよかった。。。キーバインドはWindowsキーボードがそのまま使えるし、Macキーボードからはショートカットのカスタマイズも可能。サウンドもリモート環境だけで鳴らせたり、YouTubeも遅延やスキップはするけどある程度は見れる。 なによりローカルMacのドライブをリモートのWindowsにマウントできる！ 個人的にはDropBoxやLiveDriveの必要があまりなくなってしまったかも知れない。パフォーマンスも全体的にCoRDよりいいです。またしばらく使ってみていろいろ試したいと思います。

Java6のJapaneseImperialCalendar で和暦から西暦へ変換

Sun, 08 Feb 2009 14:29:43 +0900

昔のシステムのＤＢだと、年月日がカラムごとにNUMBERで入っていたり、年が和暦で入っていたりすることがあります。そんなときにJava6の和暦カレンダー(JapaneseImperialCalendar)が便利です。 [code] //元号コード、 int imperialCd = 4; //和暦年 int year = 19; //月 int month = 5; //日 int day = 2; //ロケールを和暦に設定 Locale.setDefault(new java.util.Locale("ja", "JP", "JP")); //カレンダーを作成 Calendar cal = Calendar.getInstance(); //元号コードを設定(明治:1,大正:2,昭和:3,平成:4) cal.set(Calendar.ERA, imperialCd); //年月日を設定 cal.set(year, month-1, day); //西暦、和暦でそれぞれ表示 DateFormat format = new SimpleDateFormat("GGGGyy年 MM dd日"); DateFormat format2 = new SimpleDateFormat("yyyy/MM/dd", Locale.JAPAN); System.out.println(format.format(cal.getTime())); System.out.println(format2.format(cal.getTime())); [/code] 結果 [code] 平成19年 5月 2日 2007/05/02 [/code]

秀丸でcamelize,decamelize

Tue, 03 Feb 2009 21:28:28 +0900

ＤＢとかドキュメントまわりのちょっとした作業でcamelizeしたいとき、いちいちIDEとか使うの面倒なことがあって、秀丸マクロで探してたら作ってる人がいたので、メモ【秀丸マクロ書いてみた。ラクダ文字<->アンダーバー区切り】 http://pokosho.com/b/archives/118 重宝しています。

SAStrutsで複数のurlPattern

Tue, 03 Feb 2009 08:52:26 +0900

普通に{hoge}/{moge}だと、 URL的に問題がでる場合がある。以下、田中さん(仮)から教わった方法。 [code] public String hoge; public String moge; @Execute(validator = false, urlPattern="{hoge}/{moge}") public String testHogeMoge(){ return hoge(); } @Execute(validator = false, urlPattern="{hoge}") public String testHoge(){ return "hoge.html"; } [/code] 覚えておきたいので、メモ。

SAStrutsでURL情報を取得

Tue, 03 Feb 2009 08:43:26 +0900

SAStrutsでURL情報を取るには以下のようにするといいっぽい。

[code] @Resource protected Map requestScope; @Execute(validator = false) public String test(){ String requestUri = (String)requestScope.get("javax.servlet.forward.request_uri"); String contextPath = (String)requestScope.get("javax.servlet.forward.context_path"); String servletPath = (String)requestScope.get("javax.servlet.forward.servlet_path"); String pathInfo = (String)requestScope.get("javax.servlet.forward.path_info"); String queryString = (String)requestScope.get("javax.servlet.forward.query_string"); System.out.println(requestUri); System.out.println(contextPath); System.out.println(servletPath); System.out.println(pathInfo); System.out.println(queryString); return "test.html"; } [/code]

テスト：http://localhost:8080/example/test?hoge=moge#poge 結果は以下の通り [code] /example/test /example/test null hoge=moge [/code]

DropBoxとLiveDriveの話

Mon, 29 Dec 2008 02:52:28 +0900

前にDropBoxのことを書いたんですが、やっぱり2GBでは足りないなー。と思ってフル活用できていなかったんですが、ついにすげーサービスが出てきてしまったようです。 LiveDrive http://www.livedrive.com/ ・ブラウザでもローカルでもファイル管理できる・ローカルでは、仮想的にドライブができて、サーバーのデータと同期・仮想ドライブを使うと複数のPCでデータ同期できる・iPhone対応(予定) ・容量無制限、無料 ・↑ベータ版の間だけかも？ DropBoxの基本的な要件をみたしつつ、無制限無料というのが太っ腹すぎる。よろこび勇んで、Firefoxをポータブル版に移行してみましたが、LiveDriveの仮想ドライブ上だと、アドオンがうまくインストールされてくれませんでした。。。 DropBoxディレクトリでは問題なくいけるので、仮想ドライブの作り方に問題があるのかもしれないですね。おしい、でもせっかくの無制限なので、、、、 DropBoxにはポータブルアプリ(Firefox, Pidgin) LiveDriveにはデータファイル(iTune Music, 写真,作業ファイルなど) というように住み分けをさせてみました。同期速度はDropBoxと同じくらいな気がします。いますぐにというよりはゆるゆる同期されるまで放置という感じです。複数のPCを使用する場合、同期の優先順位とか細かいところがまだよくわかっていませんが、とりあえず動いているのでしばらく使ってみようと思います。なにげにiTuneの曲が同期できるのが一番うれしい。

MayaaでXPathとListで擬似forループ

Tue, 23 Dec 2008 00:51:26 +0900

mayaaを使ってみて実感した一番こまるのはm:idやm:xpathに変数が使えないこと。たとえば、 [code]

//(以下略) [/code] とあり、DB項目から抽出した都道府県情報 [code] List prefectureList [/code] があったとすると、 forでまわして、プロセッサ一発でセットしたいというのが人情というもの。感覚的にはもう、こうしたくて仕方ない。むりだけど。 [code] [/code] テンプレートにはできるだけ手を入れたくないのだけど、しかたなく、inputタグにid(cb0,cb1,cb2,,,)を付けて、m:echoでidを参照しようかと思って以下にしても [code] [/code] idを参照できるためにはecho内部にifを書く必要があるけど、 echoを先に書いたら、マッチしないのに出力されてしまう。。。もどかしすぎる！！！そんなとき、ふとひらめいた。 xpathで指定したので、同時に一括処理されるのかと思ったのだけど、中で変数をカウントアップしたらちゃんと対象タグの数だけ処理が走っていました。つまり、、 [code] [/code] タグカウント用の変数でList出力するようにしたらうまく行きました。ただし、タグの順番とListの順番が同じになってる必要がありますけど。テンプレートにもノータッチ。おっしゃ！

北海道	青森県	秋田県	岩手県	山形県
宮城県	福島県