クリエーターの集い2008 夏

6/28（土）に「クリエーターの集い2008 夏」に参加してきました。
orangeさんつながりの18名のWebクリエーター飲みでした。

Webディレクター、デザイナー、フラッシャー、プログラマ、IPAスーパークリエーター、
フリーランス、ベンチャー社長などなど非常に多彩なメンバーでした。

広告代理店から降りてくる仕様はどれくらいガチガチなのか？ とか
大手電機メーカーの商品紹介サイトの制作方法とか
IPA未踏ユースの内情などなど、非常に興味深い裏話がいっぱいで楽しかったです。

orangeさん、お招き頂きホントにありがとうございました。
次回もぜひお願いいたします！！

あと、ナカダイ氏がドメイン取り直して「再始動」すると宣言されてました。
これは期待せずにはいられません！！

データベース設計ツール　調査メモ

データベース設計をER図を書きながらしたいとき、どのツールで整理するとベストなのかを簡単に調べましたので、そのメモを残しておきます。

MySQL Workbench

http://www-jp.mysql.com/products/workbench/
・スタンドアロン（XP/Vista対応）
・MySQL公式のDB設計・管理ツール。
・ER図と物理的データベースが連携する（フォワード/リバースエンジニアリング）
・有償版（Standard）と無償版（Community）がある。
・無償版ではドキュメント出力、運用中DBへの操作ができない。
・英語版のみ
・DBDesigner4 からのインポート
・Vista（SP1）にてインストールは出来たが正常起動できなかった（2008.06）
・操作性は良い。図もきれい。

→ 機能一覧（ダウンロードはこちらから）

DB Designer 4

http://fabforce.net/dbdesigner4/
・スタンドアロン
・オープンソース（無償）
・MySQLでの作業用に開発され最適化されている
・MySQL Workbench へのエクスポート
・個人による日本語版がある
・ERモデル図からSQL文（CREATEやDELETE）の自動生成
・データベースからリバースエンジニアリングによるERモデル図の生成
・データベースとERモデル図の同期化機能
・データベースへ直接接続してSQLクエリを実行可能
・クエリ結果のレコードに対して編集が可能
・プラグイン「HTML Report」によりテーブル定義一覧をHTMLで出力可能
・プラグイン「SimpleWebFront?」により簡単なマスタメンテwebアプリ（PHP）の自動生成が可能

AmaterasERD

http://amateras.sourceforge.jp/cgi-bin/fswiki/wiki.cgi?page=AmaterasERD
・Eclipseプラグイン
・オープンソース（無償）
・日本製
・既存のDBからインポートが可能。
・DDL（MySQL、Apache Derby、HSQLDB, Oracle, PostgreSQL）を生成可能。
・テーブルの定義情報一覧をHTMLとして出力可能
・ややインストールが大変

※ GEF＋AmaterasUMLが必要。
　　GEFの「plugins」と「features」の中身をEclipseへコピペする。
→ ERダイアグラムを編集するAmaterasERDでDB設計 (1/2) - @IT

Eclipse Clay

http://www.azzurri.jp/ja/clay/
・Eclipseプラグイン
・日本語版あり
・フォワード/リバースエンジニアリング
・有償版（Pro）と無償版（Core）がある
・無償版ではHTML/JPEG出力、印刷はサポートされてない
・有償版は商用DB対応、無償版はオープンソースDB対応

→ 【連載 】Eclipseプラグインを使ってみよう 第2回：Clay
→ Clay - EclipseWiki

まだ、あんまり使ってないので詳細は分かりませんが、「DB Designer 4」が良さげですかね。

UMLモデリングツール　調査メモ

UMLモデリングツールの調査メモです。オブジェクト指向設計やデザインパターンを勉強してみたので、せっかくなので試しにちょっとしたWebサービスでも設計してみようかなと思ってUMLモデリング始めました。そこで、どのUMLツールがいいか調査したメモを残しておきます。

JUDE

http://jude.change-vision.com/jude-web/
・ジュード
・私がいま使っているツール
・スタンドアロン
・日本製で使いやすさに定評
・有償版と無償版（Community）がある
・無償版は簡単なユーザー登録が必要
・無償版でも8種類の図が作成可能
・無償版にER図はない（DBモデリングは別途ツールが必要）
・ソースコードの生成・読込には対応しているが、同期はできない模様。

Eclipse UML

http://www.omondo.com/
・Eclipseプラグイン
・クラス図とソースコードが連携・同期する（Java）
・海外製。日本語版は発見できず
・有償版と無償版がある
・無償版はユーザー登録が必要
・PHPに対応したらぜひ使いたい
　→ Java入門 | Eclipse と EclipseUML の導入
　→ 第2回　Eclipseをモデリングツールに活用しよう

Amateras UML

http://amateras.sourceforge.jp/cgi-bin/fswiki/wiki.cgi?page=AmaterasUML
・Eclipseプラグイン
・Pleiadesの日本語版All-in-One（Ultimate）に標準インストール
・クラス図からソース生成できるが同期はとれない（Java）
・ソースコードからクラス図を起こせるが同期はとれない（Java）
・日本製
・オープンソース（無償）
・操作性はJUDEの方が良い
　→ 軽量なUMLプラグインAmaterasUML - ＠IT
　→ 第8回 UMLを記述するためのプラグイン：ITpro

Enterprise Architect

http://www.sparxsystems.jp/ea.htm
・スタンドアロン
・有償版のみ
・C++/Java/C/VisualBasic/Delphi/C#/VB.NET/PHP/Python/ActionScript対応
・ドキュメント生成機能が充実（RTF, HTMLなど）
・ソースコードの生成と読込（リバースエンジニアリング）が可能。
・クラス図とソースコードが連携するかは不明。
・とてもほしい

Microsoft Office Visio

http://office.microsoft.com/ja-jp/visio/
・スタンドアロン
・.NET開発なら本家のこれがベスト
・ただし高額
・図はきれい

Javaで無償でやるなら「Eclipse UML」、図だけで無償なら「JUDE」、有償でマルチ言語なら「Enterprise Architect」、.NETなら「Visio」って感じでしょうか。PHP用のUMLツールは無償版では発見できませんでした。ちなみに、Eclipseプラグインには他にもいろいろありますので以下を参照してみてください。現時点では有益なものを発見できませんでしたが・・・。ER図作成ツールについては後日メモをアップします。

→ UMLモデリングプラグイン Wiki

ソフトウェア開発技術者・・・合格！！

4月20日に受験したソフトウェア開発技術者試験の合格発表が本日ありました。
結果は 合格 でした！！
やったー！！

午前試験の自己採点では正解率：66% で絶望してたのですが
得点率は 80% というミラクル発動。
午後試験は、全く試験対策できなかった割には解けてました。
字が汚いにも関わらず良い方向に解釈してくれた採点員に感謝です。

スコアは以下の通り。

午前試験（マーク）　：　640 点（80.0%）
午後I試験（記述）　：　695 点（86.9%）
午後II試験（記述）　：　740 点（92.5%）

これにより会社から？万円が出るそうです。
お兄さんが何でもおごってあげますよ・・・

PDT+XAMPP+ZendDebugger インストール マニュアル

PDT（Eclipse PHP Development Tools）でPHPを開発できるようにするためのインストール・メモです。以下のステップでインストールします。

１．日本語版All-in-Oneパッケージのインストール
２．XAMPPインストール
３．Zend Debuggerのインストール
４．Eclipseのデバッグ設定

１．日本語版All-in-Oneパッケージのインストール

Eclipseやプラグインは標準では日本語化されてませんので、それぞれに日本語化する作業が必要となりますが、これが気持ち的にかなり面倒です。さらにJREというJavaのランタイムもインストールする必要があります。これらを一発解決してくれるものが「Pleiades (プレアデス)」で配布されている日本語版All-in-Oneパッケージです。

※ JRE補足
JREのインストールは簡単なのですが、状況によって思い通りのJREバージョンにならない場合があります。これは、例えばOracleクライアント等のJavaで動作するアプリをインストールしている場合、「環境変数」にJREの実行パスが記述されており、それが先に起動するために自分がインストールしたJREバージョンが起動しないということがあります。これに対処するには強引に環境変数を書き換えるか（Oracleが動かなくなるかも）、Eclipseに適用したいJREを関連づけるかです。

（１）ダウンロード
Pleiadesから、[ダウンロード]＞[Pleiades All in One 日本語ディストリビューション （ZIP）]から任意のパッケージをダウンロードします。今回は全て揃っている [Eclipse 3.3 Europa]＞[Ultimate]の「JRE付き」を選択します。

（２）配置
ダウンロードしてZIP解凍したらインストール完了です。「eclipse.exe」をダブルクリックすれば起動します。一応、今回は「C:\Eclipse」に保存して、デスクトップに「eclipse.exe」へのショートカットを作成しておきます。

（３）動作確認
eclipse.exeをダブルクリックして起動します。正常に起動できればOK。

２．XAMPPインストール

Eclipseがインストールできれば、PHPの編集だけならできますが動作テストはできません。そこでXAMPPを使ってPHPのテスト環境を構築します。XAMPPを使うとApache, PHP, MySQLが3分で使えるようになります。

（１）ダウンロード
XAMPP公式サイトから、[XAMPP Windows版]＞[インストーラ] よりダウンロードします。今回は「xampp-win32-1.6.6a-installer.exe」をダウンロードします。

（２）インストール
「xampp-win32-1.6.6a-installer.exe」を実行してインストールを完了します。今回は「C:\xampp」にインストールします。

（３）動作確認
デスクトップ上の「XAMPPコントロールパネル」を起動します。Apacheの [開始]ボタンを押してApacheを起動状態にします。

次に、ブラウザを起動して「http://localhost」を開くとXAMPPの設定ページが開きます。まずはメニューにある「phpinfo()」を選択してPHPの設定情報を確認します。PHP4とPHP5を切り替えたいときは「PHP Switch」を使います。

３．Zend Debuggerのインストール

PDTをインストールしただけではVisual Studioのようなブレークポイントによるデバッグ機能は付いてきません。そこで「Zend Debugger」をインストールして効率的なデバッグができるようにします。

（１）ダウンロード
Zendサーバ（http://downloads.zend.com/pdt/server-debugger/）から「ZendDebugger-5.2.14-cygwin_nt-i386.zip」をダウンロードしてZIP解凍します。

（２）配置
解凍したフォルダ内に「5_2_x_comp」のようなバージョンごとのフォルダが入ってます。今回はPHP5.2.xでいきますので、「5_2_x_comp」フォルダを「php-5.2.x」にフォルダ名を変更して任意の場所に保存します。今回は「C:\xampp\php\zendDebugger」に保存します。

（３）php.iniの修正
PHPにZend Debuggerを関連付けるためにphp.iniを修正します。「C:\xampp\apache\bin\php.ini」を開いて以下のコードを追加します。

[Debugger]
zend_extension_manager.debug_server_ts = "C:\xampp\php\zendDebugger"
zend_debugger.deny_hosts = all
zend_debugger.allow_hosts = 127.0.0.1/192.168.0.*
zend_debugger.expose_remotely = always


ディレクトリパスやIPは状況に応じて変更してください。

（４）動作確認
Apacheを再起動してphpinfo()を開いて「Zend Debugger」が表示されていればインストール完了です。

【参考】 XAMPP + PDT + ZendDebuggerでリモートデバッグ

４．Eclipseのデバッグ設定

Zend DebuggerをEclipseで使えるようにするにはEclipseへの設定が必要です。これで var_dump() による残念なデバッグともおさらばです。

（１）Eclipseを起動

テスト用プロジェクトを用意

（２）[ファイル]＞[新規]＞[プロジェクト]＞[PHP]＞[PHPプロジェクト]を作成。
　　　・プロジェクト名「TEST」
　　　・ディレクトリ「C:\xampp\htdocs\test」

（３）[ファイル]＞[新規]＞[PHPファイル]を作成。
　　　・ファイル名「index.php」

PHP設定

（４）[ウインドウ]＞[設定]＞[PHP]＞[PHPサーバ]＞[新規]を開く。
　　　・名前「TEST」
　　　・URL「http://localhost/test」

（５）[ウインドウ]＞[設定]＞[PHP]＞[PHP実行可能ファイル]＞[追加]を開く。
　　　・名前「XAMPP」
　　　・実行可能ファイル・パス「C:\xampp\php\php.exe」
　　　・PHP iniファイル「C:\xampp\apache\bin\php.ini」
　　　・PHPデバッガー「Zend デバッガー」

（６）[ウインドウ]＞[設定]＞[PHP]＞[デバッグ]を開く。
　　　・PHPデバッガー「Zend デバッガー」
　　　・サーバー「TEST」
　　　・実行可能ファイル「XAMPP」

PHPデバッグ・動作確認

（７）index.phpを開き、以下のコードを追加。

$test = 'テストです';
$str = $test;
echo $str;


（８）適当にブレークポイントを設定。
　　　→ 行番号のところでダブルクリックする

（９）[実行]＞[デバッグ]＞[PHP Webページ]を選択
　　　※ XAMPPコントロールパネルよりApacheが起動していることを確認。

（１０）確認ダイアログが出たら「http://localhost/test/index.php」として[OK]

（１１）デバッグ画面に切り替わって「変数ウインドウ」で変数：$testなどが参照できたら成功。

---

PDTの詳細は以下を参照してください。

・PDT FAQ
・【コラム】イマドキのIDE事情 (6) EclipseでPHP開発! PHP Development Tools
・Eclipse/プラグイン/PDTセットアップ＆Debug

PDTの詳しい使い方は書店にて。

人生初のGPS携帯電話（N906iμ）をゲット

N906iμをゲットしました。ビッグカメラ（渋谷東）で一括払い（現金）ならポイントが10%付くと言うので、6万円握りしめて買ってきました。詳細は以下の通り。

機種代（一括）：　55,230円
オプション加入割：　1,575円
ドコモポイント割：　4,620円
-------------------------
合計　　　　　　　　49,035円
ポイント（10%）　　4,904ポイント
-------------------------
実質　　　　　　　　44,131円

2GBのmicroSDがついてなかったのが心残りでしたが、現金で一括で買った方がお得です。ドコモポイントも使えるんですね。オプションは1つにつき 525円割引になるので、事前に解約して購入しにいくと若干お得かもしれません。ちなみにヤマダ電機は、新規契約に限り、ポイント10%でmicroSD（2GB）付きでした。ご参考までに。

■ 機能について

人生初のGPS携帯ということでドキドキでしたが、使ってみて感動。かなり精度がイイ！！ プリインストールのGoogle Map モバイル（iアプリ）があるのですが、数秒ごとに測位してマップ上に反映されます。しかも、自動スクロール。電車の中で使ってみましたが、線路の上を的確に移動して行きます。このリアルタイム感はたまりません。地下鉄の駅でも基地局の情報から300mの精度で測位できました。

ただ、遊びすぎて3日間でパケット代が 3,000円にもなりました。パケ・ホーダイ（3,980円）に入っておけば良かった・・・マジで。今月の請求はヤバイです。

あと、ワンセグはアンテナが内蔵ということであまり期待していませんでしたが、結構受信できるし綺麗で滑らかでした。見通しが良ければ概ね受信できます。自宅マンション内はダメでしたが。

この性能でこの薄さなら買いだと思います。
N, Good Job !!

PHP開発ツール　比較調査

1年ぶりにPHPを再開しようかなぁと思って、2008年5月段階でのPHP開発環境を調査してみました。今回はザックリとPHPの開発ツール（IDE）についてメモしておきます。

PDT（Eclipse PHP Development Tools）

http://www.eclipse.org/pdt/ （英語）
オススメ：★★★★★

Eclipse公式のPHP開発用プラグインです。まさに「これを探してました！」という印象です。インテリセンス機能はクラスのメソッドやプロパティをしっかり参照してくれますし、上で使った変数も参照できます。Visual Studioの使い勝手に近くて好印象です。デバッグ機能もちょっとした設定で使えるようになるのが良いです。EclipseなのでJREインストールや日本語化などをする必要があるのですが、Pleiades (プレアデス)という日本語化プロジェクトサイトにてEclipse＋JRE＋プラグイン＋日本語化がAll in OneになったZipパッケージが配布されています。無料でPHP開発するならこれがオススメです。

＜機能＞
・インテリセンス機能
・デバッグ機能
・構文チェック

＜難点＞
・デバッグ環境を別途構築する必要がある
・テストツール（PHPUnit）が入ってない
・UML（クラス図）からPHPコードを自動生成できない

詳細なインストール方法はこちらに書きましたのでご参考に。
→ PDT+XAMPP+ZendDebugger インストール マニュアル

Aptana Studio

http://www.aptana.com/studio
オススメ：★★

Eclipseベースの統合開発環境で、特にJavaScriptのコーディング、デバッグをサポートしてくれます。PHPにも正式に対応しているのですが、現状では「ちょっと物足りない」という印象です。インテリセンス機能はあるのですが、関数補完と変数参照がメインのようです。上で定義した変数は参照できますが、クラス内のメソッド・プロパティの参照は出来ませんでした。これではオブジェクト指向の恩恵が感じられません・・・。Dreamweaverよりは圧倒的に使いやすいですが、今後に期待したいです。

＜機能＞
・関数補完 ＋ 変数参照
・構文チェック

＜難点＞
・クラスのメソッド・プロパティ参照ができない
・デバッグ機能がない
・デバッグ環境を別途構築する必要がある
・テストツールがない
・日本語化する必要がある

Zend Studio for Eclipse

http://www.zend.co.jp/product/eclipse.html
オススメ：★★★★

PHPの生みの親、Zendが出すEclipseベースのPHP統合開発環境です。おそらく最も開発に適したツールです。年間ライセンスが4万円と少々お高いですがお金に余裕があるならこれを買うべきでしょう。ほしい機能はほとんど揃っています。あとはクラス図とソースコードの連携があれば最高でした。「コード生成ウィザード」が今後、クラス図と連携することをひそかに期待。

＜機能＞
・インテリセンス機能
・デバッグ機能
・ユニットテスト機能
・コード生成ウィザード
・Zend Framework 対応
・ドキュメント作成機能

＜難点＞
・UML（クラス図）からPHPコードを自動生成できない

年間ライセンス：41,790円（税込）
年間アカデミックライセンス：21,000円（税込）

VS.Php

http://www.asial.co.jp/vsphp/
オススメ：★★★

VS.Phpは、Visual Studio上でPHPアプリのデザイン、開発、デバッグ、デプロイができる統合開発環境です。使い慣れたVisual StudioでPHPが開発できるのが最大の魅力です。コーディングとデバッグについては基本的な機能は入っています。あとは、Zend Studioとの機能と価格のトレードオフでしょうか。テストツールやドキュメント生成機能がほしい場合はZendかもしれません。

＜機能＞
・インテリセンス機能
・デバッグ機能

＜難点＞
・テストツールがない
・ドキュメント生成機能がない
・UML（クラス図）からPHPコードを自動生成できない

本体価格： 24,800円（税込）
アカデミック： 18,600円（税込）

Dreamweaver

http://www.adobe.com/jp/products/dreamweaver/
オススメ：★

ご存知、AdobeのWebデザインソフトです。HTML編集では圧倒的な開発力を発揮しますが、PHPの開発ではテキストエディタにちょっと毛を生やした印象です。Aptanaと比べると構文チェックが効かない分、使い勝手は悪いです。Ctrl＋Spaceで関数リストを参照できますが、関数名を入力していってもリストは絞り込まれません（＝全関数が常に表示されてジャンプするだけ）。クラスや変数の参照はできません。構文カラーリングはしてくれるので、PHPテンプレート（VIEW）をデザインするときに使うのがベストでしょう。

＜機能＞
・関数補完 （Ctrl＋Space）

＜難点＞
・生産性はテキストエディタとあまり変わらない

製品版： 49,800円（税込）

という感じでPDTオススメです。

Google Adsense を導入しました。

先月からGoogle Adsenseを「牛丼裁判」と「こだわりうどん」に導入しました。この2サイトはKABOSUコンテンツの中で1位、2位を争うアクセス数を誇るサイトで、1日に100前後ものアクセスがあるのです・・・うん。

▲牛丼裁判の広告はやはり逆転裁判！！

気になるのはどれくらいの収益があるのか？ですが、思ったよりは入ります。具体的な数値は規約上、公表できないのですが、半月で単行本「20世紀少年」が1冊購入できるぐらいとでも言いましょうか。単純計算で年間24冊分ぐらいです。枯れたサイトの割には、なかなか健闘してますね。Amazonのアフェリエイトは導入して約2年ぐらいになりますが、現在までの収益は800円ぐらいです・・・

ちなみに収入については以下の記事が参考になろうかと思います。
→ Google AdSenseで本当に儲けている8人と彼らの収入とは？
→ Google Adsense グーグルアドセンス徹底活用術

Google Adsense のはじめ方は Google AdSenseの始め方 その1「審査を突破する」 が参考になるかと思います。審査申し込みのとき、住所を英語で入力する必要があったため、適当に入力したら不合格でやり直しを食らってしまいました。くれぐれもきちんと登録しましょう。あと、収入は約1万円貯まるまで支払われませんので気長に待ちましょう。あと、自分で自分の広告をクリックするとGoogle 八分です。気をつけましょう。

あと、Yahoo! JAPANも「アドパートナー」というAdsense的なサービスを最近始めています。こちらはクリックされなくても表示されるだけで収益が発生するところがポイントですが、圧倒的に収益が低いのと支払い方法がYahooポイントもしくはYahooウォレット経由という点が、やや難点でしょうか。今後の展開を期待しつつ、しばらくはGoogleで、という感じでしょうか。

設置して放置しておくだけで収入が発生するのはステキな仕組みなのですが、1日の収益が5円とかだと無駄に落ち込みますので、そこのところはくれぐれも導入の際に留意してください。

独習デザインパターン

独習デザインパターン

オブジェクト指向設計の概要をつかんでみたものの、実際にどう使ったらよいのかピンと来なかったりします。特に「インターフェイス」や「抽象クラス」の使い方はサッパリです。そこで、「デザインパターン」です。オブジェクト指向設計におけるデザインパターンは先人の知恵とノウハウが詰まった、素晴らしい学習素材です。

この「独習デザインパターン」は、25個のパターンを詳細に解説してくれます。それぞれに課題が設定されて、デザインパターンを適用した場合と適用しなかった場合の設計・実装例が示されているので非常に分かりやすかったです。例えば、未適用の場合は「確かに条件分岐を使いますよね・・・」ってところがデザインパターンを適用すると「あら、条件分岐は要らないじゃん！！ インタフェースすげー！！」ってなります。

デザインパターンはインターフェイスや抽象クラスをうまく使ってるなぁと思うところが多かったです。勉強になりました。が、通勤電車でパッと読んだだけでは理解できない難しいパターンもややありました。たぶん、実装経験が足りないのでしょう。

デザインパターンを適用すると一気にクラス数が増えますが、拡張性は飛躍的に高まります。しかし、将来的に拡張しないなら無駄な実装になりますし、クラス定義を誤ればむしろメンテナンス性・拡張性が失われます。要件定義をしっかりやって将来を見据えた設計をするというのは、尋常じゃなく大変な仕事だなと本書を読んで感じた次第です。

基本的なJavaコードとクラス図が読めるならぜひ！！

N906iμを買います。

ただ今、N901is という前世紀の機種で頑張っています。
既に2年以上経っており、減価償却もとっくに終わっているのに
ドコモ様に機種代を払い続けいている状況です。

そこで、6月4日に発売される N906iμ を買います。
ビッグカメラで頭金なしの 52,080円でした。
ポイントは以下の通りです。

・ iモードのタブ機能（5個まで）
・ GPS対応
・ ワンセグ対応
・ N905iμより圧倒的にボタンが押しやすい
・ 軽い
・ 薄い
・ N継続

ただ、薄いがゆえ開きづらいです。
Pのワンタッチオープン機能がほしいですが諦めます。

今回は、無線LANを携帯で使えるようになる「ホームU」というサービスが始まるとのことで期待していたのですが、あまりも残念なプランでどうでもよくなりました。自宅の無線LANを使ってIP電話するために、どうして追加で1,000円払ってパケホーダイ（4,000円）に入らなければならんのだ・・・。今後に期待です。