Windows Server 2003 R2にASP.NET MVCアプリを配置したときのメモ．

1. IIS 6.0をインストール
   管理ツールの[サーバーの役割管理]などを使ってIIS 6.0をインストールする．
2. .NET Framework 3.5 SP1インストール
   確かWindows Updateからインストールできたと思う．
3. ASP.NET MVCインストール
   http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=53289097-73ce-43bf-b6a6-35e00103cb4bからASP.NET MVC 1.0をダウンロードしてインストール．
4. MySQLとMySQL Connector/Netインストール
   これはASP.NET MVCとは関係ないが，今回私が配置したアプリケーションで使ったのでメモとして書いておく．http://dev.mysql.com/downloads/からMySQLとMySQL Connector/Netをダウンロードしてインストール．GUI管理ツールが必要であればMySQL Toolsもインストールしておく．
5. IIS 6.0設定
   管理ツールの[IISマネージャ]を開き，以下の設定をする．
   • [Webサービス拡張]を見てASP.NET v2.0.50727があり，「許可」になっているか確認する．
     
     なっていなければコマンドプロンプトで以下のコマンドを実行してASP.NET 2.0を登録．

     > "%windir%¥Microsoft.NET¥Framework¥v2.0.50727¥aspnet_regiis.exe" -i

   • [Web サイト]の[プロパティ]を開き以下の設定をする．IIS7.0 integrated modeなら不要．
     • [ホーム ディレクトリ]ページの[構成]ボタンを押し，[アプリケーションの構成]画面を表示する．
     • [ワイルドカード アプリケーション マップ]の[挿入]ボタンを押し，以下のように入力して[OK]ボタンを押す．
       
       
       • [実行可能ファイル]を「C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\aspnet_isapi.dll」に
       • [ファイルの存在を確認する]をチェックオフに
   • [Web サイト]>[既定の Web サイト]の[プロパティ]を開き[ASP.NET]ページの[ASP.NET バージョン]を「2.0.50727」に設定する．
     
     
6. ASP.NET MVCアプリケーションでRouteの設定を修正
   
   Global.asaxファイルを開き，RegisterRoutes()メソッドを以下のように修正する．

   public static void RegisterRoutes(RouteCollection routes) {
       routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
   
       routes.MapRoute(
           "Default",
           "{controller}/{action}/{id}",
           new { action = "Index", id = "" }
         );
   
       routes.MapRoute(
         "Root",
         "",
         new { controller = "Home", action = "Index", id = "" }
       );
   }

7. ASP.NET MVCアプリケーションの配置
   
   VisualStudio 2008の[ソリューション エクスプローラ]でプロジェクトを右クリックして[発行]したものを既定の Web サイトのホームディレクトリ以下にコピーすればよい．ホームディレクトリはデフォルトでは「c:\inetpub\wwwroot」．
8. Web ブラウザでこのサーバにアクセスすればASP.NET MVCアプリケーションが見られるはず．

クラスFooとクラスBar間に1対1の双方向関連があるとき，Fooが参照するBarとBarが参照するFooは，以下の図のようにそれぞれお互いを参照するような状態になっていなければならない．

しかしFooとBar間の関連を深く考えずに実装をしてしまうと，以下の図のような「foo1: Fooはbar1: Barを参照しているのに，bar1: Barはfoo1: Fooではなくfoo2: Fooを参照している」といった，双方向関連として整合性の取れていない状況に簡単になってしまう．

この記事では，双方向関連の整合性の取れていない状況になりづらくするためのユーティリティを紹介する．

ユーティリティのソースコードは以下の通り．EnsureAssociation()メソッドが双方向関連を保証する．

public static class AssociationUtil {
    public enum EnsureResult {
        None, /// 何も行われず，関連は変わらなかった
        Set,  /// 関連が設定された
        Unset, /// 関連が解除された
    }

    public static EnsureResult EnsureAssociation<T>(
        T oldValue,
        T newValue,
        Action<T> fieldSetter,
        Action<T> inverseAssociator,
        Action<T> inverseUnassociator
    )
        where T: class
    {
        if (oldValue == newValue) {
            return EnsureResult.None;
        }

        if (oldValue != null) {
            fieldSetter(null);
            inverseUnassociator(oldValue);
        }

        fieldSetter(newValue);

        if (newValue != null) {
            inverseAssociator(newValue);
            return EnsureResult.Set;
        } else {
            return EnsureResult.Unset;
        }
    }
}

使い方は以下のとおり．単純なプロパティのsetterの実装では _bar = value; などとするところをEnsureAssociation()メソッドを呼び出すようにしている．これでBarプロパティやFooプロパティを通して値を設定する限り，必ずFooとBar間の双方向関連の整合性が取れた状態になる．(Fooクラス内で_barの値を直接変更した場合などは整合性が崩れてしまうので，そのようなコードには注意しなければならない．)

private class Foo {
    private Bar _bar;
    public Bar Bar {
        get { return _bar; }
        set {
            AssociationUtil.EnsureAssociation(
                _bar,
                value,
                bar => _bar = bar,
                bar => bar.Foo = this,
                bar => bar.Foo = null
            );
        }
    }
}

private class Bar {
    private Foo _foo;
    public Foo Foo {
        get { return _foo; }
        set {
            AssociationUtil.EnsureAssociation(
                _foo,
                value,
                foo => _foo = foo,
                foo => foo.Bar = this,
                foo => foo.Bar = null
            );
        }
    }
}

これらのクラスを使ったときの振る舞いを示すテストコードは以下のとおり．FooとBar間の双方向関連の整合性が常に取れていることがわかる．

[TestMethod]
public void TestEnsureAssociation() {
    var foo1 = new Foo();
    var bar1 = new Bar();
    var bar2 = new Bar();

    Assert.AreEqual(null, foo1.Bar);
    Assert.AreEqual(null, bar1.Foo);
    Assert.AreEqual(null, bar2.Foo);

    foo1.Bar = bar1;
    Assert.AreEqual(bar1, foo1.Bar);
    Assert.AreEqual(foo1, bar1.Foo);

    foo1.Bar = bar2;
    Assert.AreEqual(bar2, foo1.Bar);
    Assert.AreEqual(null, bar1.Foo);
    Assert.AreEqual(foo1, bar2.Foo);

    bar2.Foo = null;
    Assert.AreEqual(null, foo1.Bar);
    Assert.AreEqual(null, bar1.Foo);
    Assert.AreEqual(null, bar2.Foo);
}

CSSで次の方法を使う．

1. IDセレクタのid値の指定で「.」を「\」でエスケープさせる
2. 属性セレクタでidを指定する

以下，説明．

HTML4.01では要素のid属性の値を「アルファベット([A-Za-z])で開始し、任意の数のアルファベット、数字([0-9])、ハイフン(-)、アンダースコア(_)、コロン(:)、ピリオド(.)のみ」で記述できる．なので，

<div id="foo.bar">
hoge
</div>

はHTML4.01のコードとして妥当で，「id属性の値が「foo.bar」であるdiv要素」となる．

しかし，CSS2.1ではHTMLで使用されるスタイルシートについては「.」はクラスセレクタと定義されている．CSSで上記のdiv要素を選択するつもりで

div#foo.bar {
	color: red;
}

と指定すると，「id属性の値が「foo」で，class属性の値がスペースで区切ると「bar」と一致するものがあるdiv要素」，すなわち次のような要素の選択になってしまう．

<div id="foo" class="bar baz">
hoge
</div>

CSSで特別な意味を持つ文字を含むid値を持つ要素を選択する方法は以下のとおり．

1. IDセレクタのid値の指定で「.」を「\」でエスケープさせる
   CSSでは特別な意味を持つ文字を「\」でエスケープできる．「\」を使って「.」をエスケープした例は以下のとおり．

   div#foo\.bar {
   	color: red;
   }

2. 属性セレクタでidを指定する
   属性セレクタでid値を指定して要素を選択する．

   div[id="foo.bar"] {
   	color: red;
   }
   

   属性セレクタがIDセレクタより優先順位が低いことが問題になる場合は，「!import」を使う．

   div[id="foo.bar"] {
   	color: red !important;
   }
   

PHP4以降では関数に渡された引数の情報を取得するために以下の関数を使うことができる．

• func_num_args()
  関数に渡された引数の数を返す
• func_get_arg(int arg_num)
  関数に渡された引数のうちarg_num番目のものを返す．arg_numは0から数える整数
• func_get_args()
  関数に渡された引数を配列で返す

可変長の引数を受け取る関数の例は以下のとおり．必須の引数$msg以外に任意の個数の引数を受け取り，$msg内の「{数字}」の箇所を置換した文字列を返す．この例ではfunc_get_args()だけを使っているが，func_num_args()とfunc_get_arg()を使っても実装できる．

<?php

function replaceMsg($msg) {
    /// すべての引数を取得
    $args = func_get_args();

    /// $msgを$argsから取り除く
    array_shift($args);

    $replacePairs = array();
    foreach ($args as $i => $arg) {
        $replacePairs['{'.$i.'}'] = $arg;
    }

    return strtr($msg, $replacePairs);
}

echo replaceMsg('There are {0}, {1} and {2}.', 'foo', 'bar', 'baz'); /// => There are foo, bar and baz.

?>

CSVファイルを読むサンプルコードは以下のとおり．CSVReader#readNext()で1行読み込んで，行を区切った結果をStringの配列で返してくれる．

CSVReader reader = new CSVReader(new FileReader("hoge.csv"));
String[] line;
while ((line = reader.readNext()) != null) {
    System.out.println(line[0] + line[1] + "etc...");
}

1. インストール
   以下のファイルをダウンロードしてインストールする．
   • Microsoft Chart Controls for Microsoft .NET Framework 3.5
     チャートコントロール本体
   • Microsoft Chart Controls for Microsoft .NET Framework 3.5 言語パック
     チャートコントロールのエラーメッセージなどを日本語化
   • Microsoft Chart Controls Add-on for Microsoft Visual Studio 2008
     VS 2008用アドオン
   • Microsoft Chart Controls for .NET Framework Documentation
     ヘルプファイル
   • Samples Environment for Microsoft Chart Controls
     サンプルプロジェクト
2. チャートコントロールの追加
   Visual Studio 2008を起動すると[ツールボックス]にChartコントロールが登録されているのでFormに追加する．
   
   ChartAreasプロパティでチャートの表示領域の追加，Seriesプロパティでチャートの表示データを設定できる．
   
3. サンプルプロジェクトの実行
   サンプルプロジェクトをVS2008で開いて実行するか，WinFormsChartSamples.exeを直接実行するとチャートコントロールの説明用アプリケーションが起動する．かなり気合いが入ったサンプルアプリで，これをみればチャートコントロールのことがだいぶわかりそうなので，本格的に使うときは一通り見ておいた方がよさそう．
   

1. Clayプラグインのインストール
   http://www.azzurri.jp/ja/clay/を参照してClayプラグインをインストールする．http://www.azzurri.jp/ja/clay/installation.htmlに書いてあるように，アーカイブをダウンロードして展開したものをEclipseインストールフォルダにコピーするか，更新マネージャを利用してインストールできる．
2. PostgreSQL JDBCドライバのダウンロード
   http://jdbc.postgresql.org/download.htmlから最新バージョンのJDBCドライバをダウンロードする．JDBCのバージョンはJDBC4でよい．
3. ER図(.clayファイル)の作成
   Eclipseのメインメニューの[File]>[New]>[Other...]を選んで.clayファイルを作成する．ウィザードで[Database Modeling]>[Clay Database Design Diagram]を選択して[Next]ボタンを押せば.clayファイルを作成できる．
   
4. ダイアログの表示
   .clayファイルを作成したときに開かれたエディタで適当なところを右クリックして[データベースのリバースエンジニア...]を選択すると[データベースをリバースエンジニア]ダイアログが表示される．
   
5. 接続の作成
   [データベースをリバースエンジニア]ダイアログで[新規追加]ボタンを選択する．[接続設定の修正]ダイアログが開くので，リバースエンジニアしたいデータベースへの接続設定を入力して[OK]ボタンを押す．ドライバの場所にはダウンロードしたJDBCドライバのjarファイルを指定する．
   
6. DBへ接続
   作成した接続設定を選択して[Next]ボタンを押す．
   
7. インポートするスキーマの選択
   データベースに定義されているスキーマが表示されるので，ER図にインポートしたいテーブルを含むスキーマを選択して[Next]ボタンを押す．
   
8. インポートするテーブルの選択
   スキーマに含まれているテーブルが表示されるので，ER図にインポートしたいテーブルを選択して[Finish]ボタンを押す．
   
9. リバースエンジニアの実行
   選択されたテーブルがER図に追加される．

XAMPP Liteの1.7.0と1.7.1とで設定ファイルの場所が変更されたようなので記事を1.7.1向けにアップデートした．

XAMPP Liteのインストール

1. XAMPP Liteのダウンロード
   http://www.apachefriends.org/en/xampp-windows.htmlよりXAMPP Liteをダウンロードする．ここではZIPアーカイブ版のXAMPP Liteであるxampplite-win32-x.x.x.zipをダウンロードしたものとする．
2. XAMPP Liteの展開
   ダウンロードしたXAMPP Liteを適当なディレクトリに展開する．ここではd:\opt\xamppliteに展開したものとする．
3. XAMPP Liteの初期設定
   d:\opt\xampplite\setup_xampp.batを実行する．これにより設定ファイルの内容の一部が展開されたディレクトリに書き換えられたりする．
4. 各種サーバの設定
   必要ならば各種サーバの独自設定をする
   • Apacheの設定はd:\opt\xampplite\apache\conf\httpd.conf
   • MySQLの設定はd:\opt\xampplite\mysql\bin\my.ini
   • PHPの設定はd:\opt\xampplite\php\php.ini

   自分の場合は，ApacheのDocumentRootをPHP開発用ディレクトリに変更し，MySQLのdataフォルダも開発用MySQLデータディレクトリに変更してある．

Zend Debugger web server extensionのインストール

1. Zend Debugger web server extensionのダウンロード
   http://downloads.zend.com/pdt/server-debugger/で最新版のZend Debugger web server extensionをダウンロードする．Windowsであれば，ZendDebugger-x.x.x-cygwin_nt-i386.zipをダウンロードすればよい．
2. アーカイブの展開
   ダウンロードしたZend Debuggerのアーカイブを適当なディレクトリに展開する．
3. dummy.phpのコピー
   展開してできたファイルうち，dummy.phpをXAMPP LiteのapacheのDocumentRootディレクトリ直下にコピーする．Apacheの設定を特に変更していなければd:\opt\xampplite\htdocs\がDocumentRootに設定されているので，そこにコピーすればよい．
4. ZendDebugger.dllのコピー
   展開したできたファイルから，XAMPP LiteのPHPのバージョンに対応したZendDebuggerをd:\opt\xampplite\php\ディレクトリにコピーする．例えばXAMPP Lite 1.7.1の場合，PHP 5.2.9なので5_2_x_comp\ZendDebugger.dllをコピーする．
5. php.iniの編集
   d:\opt\xampplite\php\php.iniを開き，[Zend]セクションに以下の行を加える．

   zend_extension_ts=d:\opt\xampplite\php\ZendDebugger.dll
   zend_debugger.allow_hosts="127.0.0.1, 192.168.1.11, 192.168.1.102"
   zend_debugger.expose_remotely=always

   zend_dubugger.allow_hostsにはこのサーバに対してEclipse PDTでデバッグ実行したいマシンのIPをカンマ区切りで記述する．

XAMPP Liteの実行

1. XAMPP Control Panelの起動
   d:\opt\xampplite\xampp-control.exeを実行する．管理ツールであるXAMPP Control Panelが起動する．

   

2. ApacheとMySQLを起動
   XAMPP Control Panelの[Modules]の”Apache”の右の[Start]ボタンを押すとApacheが起動する．同様に”MySQL”の右の[Start]ボタンでMySQLが起動する．

Eclipse PDTのインストール

1. Eclipse PDTのダウンロード
   http://www.eclipse.org/pdt/downloads/からPDT and Zend Debuggerのリンクを選び，zend.comのサイトに行く．ここでAll-in-One Eclipse PDT + Zend Debugger Packageがまとめて入ったアーカイブをダウンロードできる．
2. アーカイブの展開
   ダウンロードしたアーカイブを適当なディレクトリに展開する．ここではd:\opt\に展開したものとする．

Eclipse PDTの実行とデバッグ

1. Eclipse PDTの実行
   d:\opt\eclipse\eclipse.exeを実行する．
2. ワークスペースの指定
   WorkspaceにApacheのDocumentRootで指定されているディレクトリを指定する．httpd.confを書き変えていなければd:\opt\xampplite\htdocsがDocumentRootになっている．
3. PHPプロジェクトの作成
   [File]>[New]>[PHP Project...]でPHPプロジェクトを新規作成する．ここではtestというプロジェクトを作成したものとする．
4. PHPファイルの作成
   [PHP Explorer]でtestプロジェクトを右クリックし，[New]>[PHP File...]を選択する．ここではindex.phpというファイルを作成したものとする．内容はとりあえず以下のようにしておく．

   <?php
       print "hoge";
   ?>

5. デバッグ実行
   まず，エディタでindex.phpのprint “hoge”;の行にブレークポイントを設定する．次に[PHP Explorer]でindex.phpを右クリックし，[Debug As]>[PHP Web Page]を選択する．ブラウザが起動して，Eclipseは[PHP Debug]パースペクティブに切り替わり，print “hoge”;の行でブレークした状態になる．

   [PHP Debug]パースペクティブでステップ実行したり変数の値を見たりできる．index.phpの実行をすべて終えるとブラウザにindex.phpの内容が表示される．

チェックボックスのidやnameがばらばらでも大丈夫な例．

<script type="text/javascript">
<!--
    function checkAll(checkbox, targetIds) {
        var checked = checkbox.checked;
        for (i = 0; i < targetIds.length; i++) {
			var target = document.getElementById(targetIds[i]);
	        target.checked = checked;
        }
    }
//-->
</script>

<input type="checkbox" id="allCheck" onclick='checkAll(this, new Array("foo", "bar", "baz"));' />
<label for="allCheck">すべて選択</label>
<br />

<input type="checkbox" id="foo" name="foo" value="foo" /><label for="foo">foo</label><br />
<input type="checkbox" id="bar" name="bar" value="bar" /><label for="bar">bar</label><br />
<input type="checkbox" id="baz" name="baz" value="baz" /><label for="baz">baz</label><br />

チェックボックスがたくさんあって上記のやり方では面倒な場合は，複数のチェックボックスをdivでくるんでおいてその子供を一気にcheckedを更新するのもありかも．以下はその例．

<script type="text/javascript">
<!--
    function checkAll(checkbox, targetId) {
        var checked = checkbox.checked;
        var children = document.getElementById(targetId).childNodes;
        for (i = 0; i < children.length; i++) {
			if (children[i].type == "checkbox") {
	            children[i].checked = checked;
			}
        }
    }
//-->
</script>

<input type="checkbox" id="allCheck" onclick='checkAll(this, "checkboxes");' />
<label for="allCheck">すべて選択</label>
<br />

<div id="checkboxes">
	<input type="checkbox" id="foo" name="foo" value="foo" /><label for="foo">foo</label><br />
	<input type="checkbox" id="bar" name="bar" value="bar" /><label for="bar">bar</label><br />
	<input type="checkbox" id="baz" name="baz" value="baz" /><label for="baz">baz</label><br />
</div>