まずは『XHTML&CSSデザイン |基本原則、これだけ。』から読み始めてみた。
XHTML と CSS については本当に基本的な知識しかないのだけど、この本はそんな人向けな本なので解説がバカみたいに丁寧でしかもわかりやすい。
知らないことの方が大半だったけど、サンプルをためしながらやったら基本的なところは押さえられそう。
自分がやっているサイトのデザインをなんとかしたいと思っていたので、参考にしながら試してみたい。

『プログラミングPHP 第2版』はまだページすらめくっていないのでまた後ほど。

プログラミングPHP 第2版

作者: Rasmus Lerdorf, Kevin Tatroe, Peter MacIntyre, ?木正弘
出版社/メーカー: オライリー・ジャパン
発売日: 2007/10/23
メディア: 大型本

XHTML&CSSデザイン |基本原則、これだけ。

作者: こもりまさあき, 神森勉, 小林信次, 矢野りん
出版社/メーカー: MdN
発売日: 2008/03/31
メディア: 単行本

2008-04-02

エイプリルフール企画終了

web mobile

担当していたエイプリルフール企画がようやく終了。
今回は、Web とモバイル両方で展開。

どこまで書いていいのかわからないけど終わった直後の感想を記録しておきたいのでメモ。

担当したこと

WEB・モバイル共通

コンセプト・企画・構成
全ネタ出し

WEB

デザイン構成
CSS
プログラム
ページ作成

モバイル

デザイン構成
プログラム
ページ作成

手伝ってもらったこと

画像作成
サーバー設置・チューニング・メンテ

画像とサーバーを手助けしてもらえて助かりました。ありがとうございます。
といってもここは見ていないと思うけど。

感想

企画・コンセプトは正解だったと思う
大規模アクセスを想定した準備と公開後の対応が難しい
モバイルへの誘導がそれなりにうまくいった
これまでは複数人でコンテンツを作っていたけど今年は実質一人でやったので責任が重かった
制作開始から締め切りまで10営業日くらいしかなくて死にそうだった
複数人でネタを出せたらもっと良いものになったと思う
追い詰められないと作業が進まない
追い詰められるとなぜかネタがわいて作業が増える
元コンテンツが強すぎ
公開直前まではすごくつまらないものに見える不思議
公開して反応があるとうれしい
書けないけど解決すべき問題がいろいろ
どこまで書いていいかわからない

来年もがんばります。

2008-03-27

「P1 Emulator」を試してみた

mobile

はてなブックマークで盛り上がっている以下の記事を見て自分も試してみました。

約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました

公式のエミュレーターよりもよさげなカンジですね。
個人的には、実機確認が好きなので使うかはわからないですが。

このエミュレーターの機能で、ソースがみれるというのが良いですね。
携帯サイトって、このデザインを実現するのにどうやってXHTML書いているんだろう?みたいなことがあったりしますけど、このエミュを使ったらソースみれちゃうので勉強になります。

ただ、公式サイトはキャリアの IP網以外からのアクセスを制御していると思うので見れないことがほとんどだと思いますが。
いわゆる勝手サイトのカッコイイデザインのサイトはソースみられまくりですよね。
恥ずかしいコメントとか入れているとみられちゃったりしてアレなことに。

時間があるときにでも、iメニューに掲載されている全サイトをチェックしてみたいなあ。
どこかソースをみれちゃったりするサイトはないものだろうか。

CakePHP はいまだに OpenFLP のソースを読みつつ、読書メモのをなんとなく動くところまで作っている感じ。
次は Ajax Helper とかを使ってみたい。

2008-03-20

『CakePHP』で読んだ本メモを作る〜3〜 Amazon Web Serviceを利用して登録する本の候補リストを取得する

CakePHP PHP

登録する本のデータを取得するまでの処理。

登録までの流れ

検索フォームから本のタイトルや著者名を検索し、出てきたリストから選択してそれを登録するという方式。
早い話がはてなの「はまぞう」みたいなカンジ。
はてな認証を通った後の、ログイン後メニューに登録ページへのリンクを追加した。
セッションがない場合は、そこにアクセスしても見ることができないようにする。

APP/controllers/search_controller.php

<?php
class SearchController extends AppController
{
	var $name = 'Search';
	var $uses = null;

	function beforeFilter()
	{
		$this->checkSession();
	}

	function checkSession()
	{
		if(!$this->Session->check('user'))
		{
			$this->redirect(FULL_BASE_URL . '/login/');
			exit;
		}
	}
}
?>

beforeFilter でセッションの確認。
セッションがない場合にリダイレクトする先でも同じようにセッションチェックの beforeFilter が動いていると無限ループとなるので注意しましょう、というブログエントリをたくさんみた。なるほど。
AppController に入れちゃう場合とかは特に注意が必要。

リファレンスを参考に「var $beforeFilter」でやってみたけど、
いつものパターンで 1.2 からは beforeFilter() を使うように、と警告が出たことをメモ。

本の検索には PEAR の Services_Amazon を使う

いつもお世話になっている PEAR の Services_Amazon を使うことに。
バージョンが 0.7 まで上がっていて驚いた。
最後に使ったときのバージョンはいくつだろう。ECS3の時くらいかな。
ECS3使えなくなるよ−、ってアマゾンからメールきたけど移行させていないことを思い出した。

検索フォームのビューを作る

APP/views/search/index.html

<h3>登録する本を検索</h3>

<p>登録する本を検索します。タイトル名を入力してください。</p>

<?php echo $form->create('', array('action' => 'keyword'));?>
<?php echo $form->input('Search.keyword', array('type' => 'text', 'size' => 40, 'label' => 'タイトル', 'error'=> array('required' => true, 'message'=> '本のタイトルを入力してください。')));?>
<?php echo $form->submit('タイトル検索');?>
<?php echo $form->end()?>

検索フォームのコントローラを作る

「フォームにキーワードを入力して検索する場合」と「リンクから検索する場合」の2パターンで動くようにしてみた。
後者は例えば、「http://books.theworld.jp/search/keyword/CakePHP/2/」みたいな。
これだと「CakePHP」をキーワードにした検索結果の2ページ目ということにしたい。
要は、ページング用のアクセス方法。

APP/controllers/search_controller.php

<?php
include_once('Services/AmazonECS4.php');
class SearchController extends AppController
{
	var $name = 'Search';
	var $uses = null;

	function beforeFilter()
	{
		$this->checkSession();
	}

	function checkSession()
	{
		if(!$this->Session->check('user'))
		{
			$this->redirect(FULL_BASE_URL . '/login/');
			exit;
		}
	}

	function keyword($keyword=null, $page=1)
	{
		if($this->data['Search']['keyword'])
		{
			// POST の場合
			$keyword = $this->data['Search']['keyword'];
		}
		else
		{
			// GET の場合。フォームに文字列を表示させるためデータを入れる
			$this->data['Search']['keyword'] = $keyword;
		}
		
		$result = array();
		
		if($keyword)
		{
			$page = ereg("[0-9]", $page) ? $page : 1;

			$amazon = new Services_AmazonECS4(ACCESS_KEY_ID, ASSOC_ID);
			$amazon->setLocale('JP');
			
			$options = array();
			$options['Keywords'] = urlencode($keyword);
			$options['Sort'] = 'daterank';
			$options['ItemPage'] = $page;
			$options['ResponseGroup'] = 'ItemIds,ItemAttributes,Images';
			$result = $amazon->ItemSearch('Books', $options);
		}
	}
}
?>

Search用のデータベースというものはないので、var $uses = nullにしている。
ただ、これだとモデルが使えなくなるので、validateをどうしたらいいのかよくわからない。
未入力でフォームが押された場合は「キーワードを入力してください」とかしたいんだけど。
とりあえず、スルーして先に進むことにして、これで検索結果のリストを表示できるようになった。
自分で使うのをいいことにエラーチェックとか適当。