http://clubss.studio-kingdom.com/
(メール：guest@studio-kingdom.com、パスワード：guest でログインすることができます。)

改めてこのWEBアプリの趣旨を確認し、今後実装したい機能を挙げてみました。

WEBアプリの趣旨

友達やサークルなどの仲間内で利用してもらう。
このアプリを利用することで、イベントを「気軽」に企画することが出来るようになるのが狙い。モンスターハンターなどのネットワークゲームでも利用されることを期待している。

今後実装したい機能

・携帯電話対応
・グループ機能
・アンケート機能

下記の画像は実際にWebサーバで動いているものをキャプチャーしたものです。
上から順に「トップ、カレンダー、飲み会等のイベント参加、メンバー一覧、設定」となっています。

1.コンセプト = メタファーを決める

「飲み会企画クラブ」みたいな感じかなぁ。
飲み会以外にも、クラブ・サークル活動なんかのイベントも含む。

登録ユーザーがTwitter風な発言コーナーで
A:「たまには飲みにいかない？」
B:「いいねー、企画して！」
A:「じゃ、週末に。」
A:「飲み会登録しました。参加する人は参加登録しといて。」
C:「参戦します。参加登録しときました。」
のような流れで使われることを期待しています。
ちなみにネットサービスではなく、CMSチックなものを目指しています。
「CakePHPセットアップしてから、このソース突っ込んでください」みたいな。

2.サービス名を決める

Club + Class で Clubssとしてるけど、何かイマイチ・・・。

3.アイデア ⇒ 開発 ⇒ 仕上げ の苦しみ度合いを理解しておく

理解してないですね。
萎えないような工夫として、やはり人を巻き込むことでしょうか。
CakePHPのフォーラムに「こんなもの作ってます！」と宣言してみるか。

4.時間をかけて悩んだものはアウト

本当にその通りだと思います。
これまでの経験から、何度か煮詰まったら一旦全部まっさらにして最初からやり直した方が早いことが多いです。

5.デザインから入る

教えに従うことにしました。FireWorksで作成中。

6.デザインを懲りすぎない

これも同意。
良質なアイコン素材と背景のグラデーションでごまかして乗り切る予定。

7.デザインのポイントは余白

「プロのデザイナーは余白をデザインする」という話を聞いたことがあります。
逆に素人は余白を埋めたがるそうな。

8.LEGO ブロックみたいなパーツから作り始める

もう少し詳しく知りたい！
汎用的なクラスや関数のこと？
ヘッダーやフッター、メニューなんかの共通パーツのこと？
それとも、全部のことかな。

9.LEGO ブロックを一気に組み立てる

この作業は楽しそうですね。モチベーションが無いとなぁ。

10.仕上げはリリース日の設定から

完全プライベートでやっているので、仕事との兼ね合いがあって決めるのが非常に難しい。
10月いっぱいの完成を目指して進めたいところ。

継続するって難しい…。
1週間に2,3つのクオリティの高いエントリーを投稿し続けるαブロガーってやっぱ凄いですね。

この関数はPHPのmagic_quotes_gpcがonの場合でも問題なく動作させるために使用されています。

[sourcecode language='php']
if (ini_get(‘magic_quotes_gpc’) == 1) {
if (!empty($_POST)) {
$params['form'] = stripslashes_deep($_POST);
}
} else {
$params['form'] = $_POST;
}
[/sourcecode]

ここで、magic_quotes_gpcがonの場合に、裏でどんな処理が行われるのかをおさらいしておきます。
マニュアルによると

オンの場合、全ての’ (シングルクオート), ” (ダブルクオート), \ (バックスラッシュ)および
NULL 文字がバックスラッシュで自動的にエスケープされます。 これは、addslashes() の機能と同じです。

つまり、「Is your name O’reilly?」は、「Is your name O\’reilly?」に自動的に変換されるわけです。
この変換処理はHTTPリクエストデータ(GET, POST, そして COOKIE)に対して行われます。

そして、この変換されてしまったデータを元に戻すために使用されるのがstripslashes_deep()関数です。
この関数は「cake/basics.php」内に定義されています。

[sourcecode language='php']
function stripslashes_deep($value) {
if (is_array($value)) {
$return = array_map(‘stripslashes_deep’, $value);
return $return;
} else {
$return = stripslashes($value);
return $return ;
}
}
[/sourcecode]

引数が配列で無い場合と、配列の場合で処理が分かれています。

まずは配列で無い場合ですが、stripslashes関数で変換した値を返して終了しています。
stripslashes関数はmagic_quotes_gpcが行う変換処理の反対の変換を、つまり
「Is your name O\’reilly?」であれば、「Is your name O’reilly?」に変換します。

次は配列の場合の処理を見てみます。

まずarray_mapですが、これは第一引数で指定されている関数を、第二引数の配列の各値を引数にして呼び出す関数です。
ここでポイントになるのはarray_map内でstripslashes_deep関数を、つまり自分自身を関数内で呼び出している点です。
これは再帰関数と呼ばれるものになりますが、初めはなぜ「stripslashes」でなく「stripslashes_deep」を呼び出す必要があるのか疑問でした。
ただし、よくよく考えてみると配列の中身も配列、更にその中身も配列の可能性が…と考えると「なるほど再帰関数ってこういう
使い方をするのか」と感心してしまいました。

この関数を作った人が関数名に「_deep」と付けたのもうなづけます。
再帰関数を理解するのにうってつけのお手本ではないでしょうか。

componentsフォルダにdatetime.phpファイルを作成し、下記のソースをコピペ。

・app/controllers/components/datetime.php
[sourcecode language='php']
class DatetimeComponent extends Object
{
var $controller = null;

function __construct(){
parent::__construct();
}

function startup(&$controller){
$this->controller =& $controller;
}

function toFormat($elem, $format){
//2008-02-27 00:00:00
$set_year = substr($elem, 0, 4); //年
$set_month = substr($elem, 5, 2); //月
$set_day = substr($elem, 8, 2); //日
$set_hour = substr($elem, 11, 2); //時
$set_minute = substr($elem, 14, 2); //分
$set_second = substr($elem, 17, 2); //秒

return date($format, mktime($set_hour, $set_minute, $set_second, $set_month, $set_day, $set_year));
}
}
?>
[/sourcecode]

フォーマットの指定はPHPの標準関数であるDate関数と同じ形式です。
↓こんな感じで使用します。
[sourcecode language='php']
$yyyy_m_d = $this->Datetime->toFormat($this->data['Schedule']['start'],’Y/n/j’);
[/sourcecode]

以前解析したように$Route->parse(‘users/login/aaaa/bbbb/cccc/dddd?a=A&b=B’)の戻り値は
下記のような配列になります。

Array
(
	[pass] => Array
	(
		[0] => aaaa
		[1] => bbbb
		[2] => cccc
		[3] => dddd
	)
	[controller] => users
	[action] => login
)

この結果を$params変数が受け取っているわけですが、この$params変数は「$this->data」を保持する非常に重要な変数です。
下記のようにその後の処理でform値やurl値を取り込んでいます。

[sourcecode language='php']
if (ini_get(‘magic_quotes_gpc’) == 1) {
if (!empty($_POST)) {
$params['form'] = stripslashes_deep($_POST);
}
} else {
$params['form'] = $_POST;
}
[/sourcecode]

次回はこの処理の中で使用されている「stripslashes_deep」関数を解析します。

コントローラーのCalendarアクションを変更します。
・app/controllers/schedules_controller.php
[sourcecode language='php']
//calendar
function calendar($year = null, $month = null){
//システムメッセージをセット
$this->set(‘sys_msg’, $this->Session->read(‘sys_msg’));
$this->Session->delete(‘sys_msg’);

//指定された年月を取得／指定なしの場合はシステム日付を取得
if($year == null || $month == null){
$Month = new Calendar_Month_Weekdays( date(‘Y’), date(‘m’), 0 );
$year = date(‘Y’);
$month = date(‘m’);
} else {
$Month = new Calendar_Month_Weekdays( $year, $month, 0 );
}
//PEARよりカレンダー情報を読み込み
$Month->build();
$this->set(‘month’, $Month);
//取得した年月、次月、前月をYYYY/MM形式で変数にセット
$this->set(‘next_year_month’, date(“Y/m”, mktime(0, 0, 0, $month+1, 1, $year)));
$this->set(‘this_year_month’, date(“Y/m”, mktime(0, 0, 0, $month, 1, $year)));
$this->set(‘prev_year_month’, date(“Y/m”, mktime(0, 0, 0, $month-1, 1, $year)));

//取得した年月のスケジュール情報をScheduleから取得
$cond = array(
‘AND’ => array(
array(“Schedule.start” => “>=$year-$month-01″)
,array(“Schedule.start” => “< =$year-$month-31")
)
);
$this->set(‘schedules’, $this->Schedule->findAll($cond));
}
[/sourcecode]

ビューのCalendarページの日付セルにスケジュールタイトルを表示するように処理を付け加えます。
・app/views/schedules/calendar.thtml
[sourcecode language='php']

Calendar

< ?php
echo $html->link(‘< <', '/schedules/calendar/' . $prev_year_month);
echo $this_year_month;
echo $html->link(‘>>’, ‘/schedules/calendar/’ . $next_year_month);
?>

< ?php if(isset($sys_msg)){ ?>

< ?php } ?>

[/sourcecode]

カレンダー上に表示するタイトルのスタイルを指定
・app/webroot/css/cake.generic.css
[sourcecode language='css']
#calendar ul{
margin: 0;
padding: 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#calendar li{
margin:0;
padding:3px 0px 1px 18px;
background-image:url(/img/arr.png);
background-repeat:no-repeat;
line-height:120%;
margin-bottom:0px;
}
[/sourcecode]

ちなみに完成画像はこちら↓

(1)スケジュール登録ページのリンク
・app/view/schelue/calendar.thtml
※前回まで、app/view/schelue/index.thtmlだったファイルをcalendar.thtmlに変更しました。

まずは、カレンダーページの日付セル内にそれぞれ日付登録ページへのリンクを張ります。
ここでリンク画像にfamfamfamさんの画像を使用します。
画像形式がPNGなので、IE6対策を施しておきます。
IE6のPNG画像透過処理を行ってくれるto-Rさんが作成された便利なjsライブラリがあるので、
それを利用させていただきます。ダウンロードしたjsファイルをapp/webroot/jsフォルダに入れてください。

リンクをこんな風に記述。
[sourcecode language='php']
echo $html->link($html->image(“pencil_add.png” , array(“class”=>”alphafilter”)), ‘/schedules/add/’ . $month->year . “/” . $month->month . “/” . $Day->thisDay(),null,null,false);
[/sourcecode]

また、ダウンロードしたjsファイルを読み込むために、レイアウトのデフォルトファイルにjsファイル読み込みの記述を追加します。
後述するjqueryファイルも同じように追記します。
・app/views/layouts/default.thtml
[sourcecode language='php']

[/sourcecode]

(2)登録ページ
・app/view/schedule/add.thtml

app/view/schedlue配下にadd.thtmlを作成します。
このファイルはCakePHPの典型的な、登録フォームのページにします。

[sourcecode language='php']

– Schedule Add –

Router Object
(
 [routes] => Array
  (
   [0] => Array
    (
     [0] => /
     [1] => /^[\/]*$/
     [2] => Array
      (
      )

     [3] => Array
      (
       [controller] => schedules
       [action] => index
      )
    )

   [1] => Array
    (
     [0] => /pages/*
     [1] => #^/pages(?:\/(.*))?[\/]*$#
     [2] => Array
      (
      )
     [3] => Array
      (
       [controller] => pages
       [action] => display
      )
    )

   [2] => Array
    (
     [0] => /tests
     [1] => #^/tests[\/]*$#
     [2] => Array
      (
      )
     [3] => Array
      (
       [controller] => tests
       [action] => index
      )
    )

   [3] => Array
    (
     [0] => /bare/:controller/:action/*
     [1] => #^/bare(?:\/([^\/]+))?(?:\/([^\/]+))?(?:\/(.*))?[\/]*$#
     [2] => Array
      (
       [0] => controller
       [1] => action
      )
     [3] => Array
      (
       [bare] => 1
      )
    )

   [4] => Array
    (
     [0] => /ajax/:controller/:action/*
     [1] => #^/ajax(?:\/([^\/]+))?(?:\/([^\/]+))?(?:\/(.*))?[\/]*$#
     [2] => Array
      (
       [0] => controller
       [1] => action
      )
     [3] => Array
      (
       [bare] => 1
      )
    )

   [5] => Array
    (
     [0] => /:controller/:action/* (default)
     [1] => /^(?:\/(?:([a-zA-Z0-9_\-\.\;\:]+)(?:\/([a-zA-Z0-9_\-\.\;\:]+)(?:[\/\?](.*))?)?))[\/]*$/
     [2] => Array
      (
       [0] => controller
       [1] => action
      )
     [3] => Array
      (
      )
    )
  )

 [__admin] =>
 [_log] =>
)

[0] => /
[1] => /^[\/]*$/
[2] => Array
    (
    )
[3] => Array
    (
        [controller] => schedules
        [action] => index
    )