var n = Number(69.9900 * 2 * 1.1).toFixed(2); console.log(n * 100); // 15397.999999999998 console.log(n * 10 * 10); // 15398
...今まで知らんかった。恥ずかしい。
2014年8月22日
小数点の計算で…
JavaScriptで数値計算をする際に発現したのでメモ
...今まで知らんかった。恥ずかしい。
...今まで知らんかった。恥ずかしい。
2014年2月28日
wp_nav_menu がカテゴリページで動かない場合 / wp_nav_menu not working on category.php
カテゴリページで wp_nav_menu() を呼ぶとなぜかデフォルトのナビが呼び出される。
見たところカテゴリページで wp_nav_menu() を単純に呼ぶと post_type が上書きされて nav_menu_item で無くなってるのが原因の模様。
対処法は以下の通り。
<?php
if(is_category()):
$wp_query = NULL;
$wp_query = new WP_Query(array('post_type'=>'post','page'));
endif;
wp_nav_menu($args);
?>
2013年11月18日
簡単なフェードイン＆アウトローテータ / Simple jQuery Fade In / Out Continuous Rotator
jQuery(function() {
jQuery('.rotate div').hide();
jQuery('.rotate div:first').show();
setInterval(function() {
jQuery('.rotate div:first-child').fadeOut().hide().next('div').fadeIn().end().appendTo('.rotate');
}, 10000);
});
2013年10月3日
WordPress＋マルチサイトのドメイン変更に際して
結構面倒なので、今後のために手順をメモ。
- データベースでドメインを検索
- 該当する箇所を変更。
- 該当する行数が多すぎる場合には以下のクエリを参考に。
UPDATE wp_posts SET guid=REPLACE(guid, 'http://古いドメイン名', 'http://新しいドメイン名'); UPDATE wp_posts SET post_content=REPLACE(post_content, 'http://古いドメイン名', 'http://新しいドメイン名');
2013年2月12日
複数ウェブサイト＋複数通貨での支払い / Multi Website + Currency Checkout - Magento
MagentoのチェックアウトはウェブサイトのBase Currencyでしかチェックアウトできないようになっています。
そのためアメリカのユーザが米ドル(USD)で、日本のユーザが日本円(JPY)でチェックアウトできるようにするには、Paypalプラグインを使用するか、サイトを複数作成する方法が一般的です。
このページは複数のウェブサイトを作成し、それぞれに通貨を設定する方法を記載しています。
www.example.com (JPY, 日本語)
www.example.com/en/ (USD, 英語）
- ルートカテゴリ作成
Catalog ⇛ Manage Categories ⇛ New Root CategoryName: English Root
Is Active: Yes
Include in Navigation Menu: Yes / No - ウェブサイト作成
System ⇛ Manage Stores ⇛ Create WebsiteName: English
Code: en - ストア作成
System ⇛ Manage Stores ⇛ Create StoreWebsite: (2)で作成したウェブサイト
Name: Main Website
Root Category: (1)で作成したルートカテゴリ - ストアビュー作成
System ⇛ Manage Stores ⇛ Create Store ViewStore: (3)で作成したストア
Name: English View
Code: en
Status: Enabled - URL設定
左上の Current Configuration Scope を(2)で作成したウェブサイトに変更。
System ⇛ Configuration ⇛ Web ( GENERAL ) ⇛ Unsecure ⇛ Base Link URL を {{unsecure_base_url}}en/ に変更。
同じように
System ⇛ Configuration ⇛ Web ( GENERAL ) ⇛ Secure ⇛ Base Link URL を {{secure_base_url}}en/ に変更。
- en ディレクトリ作成
1. ルートディレクトリにenディレクトリを作成。
2. index.php と .htaccess ファイルをenディレクトリ内にコピー
3. en/index.php の下記の部分を
$mageRunCode = isset($_SERVER['MAGE_RUN_CODE']) ? $_SERVER['MAGE_RUN_CODE'] : ''; $mageRunType = isset($_SERVER['MAGE_RUN_TYPE']) ? $_SERVER['MAGE_RUN_TYPE'] : 'store';
以下のように変更。$mageRunCode = isset($_SERVER['MAGE_RUN_CODE']) ? $_SERVER['MAGE_RUN_CODE'] : 'en'; $mageRunType = isset($_SERVER['MAGE_RUN_TYPE']) ? $_SERVER['MAGE_RUN_TYPE'] : 'website';
- ウェブサイト通貨
左上の Current Configuration Scope が Default Config になっていることを確認の上
System ⇛ Configuration ⇛ Catalog ( CATALOG ) ⇛ Price ⇛ Catalog Price Scope が Website になっているか確認。
- Base Currency設定
左上の Current Configuration Scope を(2)で作成したウェブサイトに変更。
System ⇛ Configuration ⇛ Currency Setup ( GENERAL ) ⇛ Currency Options ⇛ Base Currency を変更。（この場合は US Dollar)
- 各種設定
Productの値段はそれぞれサイトごとに指定する必要があります。でないと日本円で100円と指定したものが、100米ドルにそのまま使用されます。
1~6までが複数のウェブサイト作成。
7,8でウェブサイトごとに別々のBase Currencyを設定することで複数の通貨での支払いが可能になります。
2013年2月8日
よく使いそうな日付関連まとめ - PHP
タイムゾーンの取得
<?php echo date_default_timezone_get(); ?>タイムゾーンの設定
<?php date_default_timezone_set('Asia/Tokyo'); ?>
サポートされるタイムゾーンのリストhttp://www.php.net/manual/ja/timezones.php
日付
<?php
echo date('Y年n月j日'); // 2013年2月8日
echo date('Y-m-d H:i:s'); // 2013-02-08 11:28:04
echo date('F jS, l'); // February 8th, Friday
?>
時刻
<?php
echo date('H:i:s'); // 11:28:04
echo date('g:ia'); // 11:28am
?>
現在のタイムスタンプ
<?php
echo time();
echo date('U');
echo mktime(date('H'),date('i'),date('s'),date('m'),date('d'),date('Y'));
echo strtotime('now');
?>
日付情報
<?php var_dump(getdate()); // array // 'seconds' => int 20 // 'minutes' => int 29 // 'hours' => int 11 // 'mday' => int 8 // 'wday' => int 5 // 'mon' => int 2 // 'year' => int 2013 // 'yday' => int 38 // 'weekday' => string 'Friday' (length=6) // 'month' => string 'February' (length=8) // 0 => int 1360276160 ?>月の日数
<?php echo date('t'); ?> // 28
うるう年判定
<?php echo date('L'); ?> // 0 or 1
年始から何日目か
<?php echo date('z日目'); ?>
日付計算例
現在時刻より1週間と2日、4時間2秒前<?php
echo date('Y年n月j日 H時i分s秒', mktime(date('H') - 4,date('i'),date('s') - 2,date('m'),date('d') - 9,date('Y')));
echo date('Y年n月j日 H時i分s秒', strtotime("-1 week -2 days -4 hours -2 seconds"));
?>
第17週目の日曜日
<?php echo date("Y年n月j日", strtotime("2013-W17-0"));
// 0=日曜日, 1=月曜日, 2=火曜日, 3=水曜日, 4=木曜日, 5=金曜日, 6=土曜日
?>
年始から123日目の日付
<?php
echo date("Y年n月j日", mktime(0, 0, 0, 1, 1+123, 2013));
echo date("Y年n月j日", strtotime("+123 days", strtotime('2013-01-01')));
?>
2013年1月16日
CodeIgniter + 超シンプルObject Relational Mapping(ORM)
- はじめに
- Object Relational Mapping(ORM)とは
- CodeIgniterで使えるORMライブラリ
- コンセプト
- 完成図
- 開発環境
- データテーブル作成
- モデル自動生成ヘルパの作成
- Modelの拡張
- Loaderの拡張
- サンプル
- 最後に
■ はじめに
このページで紹介するORMはCodeIgniterのメソッドから極力外れないように作成した非常に簡素なものです。後述しますが、既にCodeIgniterで使えるORM用のライブラリが存在します。多機能なものを使いたい方はそちらをお勧めします。■ Object Relational Mapping(ORM)とは
オブジェクト関係マッピング（英: Object-relational mapping、O/RM、ORM）とは、データベースとオブジェクト指向プログラミング言語の間の非互換なデータを変換するプログラミング技法である。オブジェクト関連マッピングとも呼ぶ。実際には、オブジェクト指向言語から使える「仮想」オブジェクトデータベースを構築する手法である。
(引用元：オブジェクト関係マッピング)
■ CodeIgniterで使えるORMライブラリ
■ コンセプト
- シンプル、簡単、拡張可
- CodeIgnierのメソッドを極力変更しない
- モデルファイルを自動で作成。
■ 完成図
実際に作成するファイルは MY_Loader.php, MY_Model.php, orm_helper.php の3つです。
モデルファイルは自動で作成されます。
MY_Controllerはこちらのページを参照してください。
■ 開発環境
Windows + WAMP + CodeIgniter 2.1.3 を使用しました。$config['base_url'] は http://localhost/CodeIgniter_2.1.3/ になります。
■ データテーブル作成
コードを始める前にサンプル用のテーブルを作成します。CREATE TABLE sample ( id int(11) NOT NULL AUTO_INCREMENT, field1 varchar(255) COLLATE utf8_unicode_ci NOT NULL, field2 varchar(255) COLLATE utf8_unicode_ci NOT NULL, PRIMARY KEY (id) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
テーブル名がそのままモデルのファイル名、およびクラス名になるので、コントローラに利用する名称は避けるようにしてください。
■ モデル自動生成ヘルパの作成
たいていのORMだとデータベースに追加・変更・削除が発生した場合に自分でORM用のファイルを変更しなければならないですが、面倒なのでデータベースからモデルファイルを自動で作成する簡単なヘルパを作ります。/application/helpers/orm_helper.php
<?php
/**
* Object-relational mapping (ORM) file generator
*
* Generate folloing files
* /modles/--database table name--.php
* /models/basemodels/base--database table name--.php
*/
function generate_models()
{
$ci =& get_instance();
$tables = $ci->db->list_tables();
foreach($tables as $table)
{
$res = $ci->db->query('DESCRIBE `'.$table.'`');
$primary = FALSE;
$data = '<?php // '.$table.' table mapping'.PHP_EOL;
$data .= 'class Base'.ucfirst($table).' extends MY_Model'.PHP_EOL;
$data .= '{'.PHP_EOL;
foreach($res->result() as $row)
{
$data .= "\tvar $".$row->Field.";".PHP_EOL;
if($row->Key == 'PRI')
$primary = $row->Field;
}
if($primary)
$data .= "\t"."var \$primary = '".$primary."';".PHP_EOL;
else
$data .= "\t"."var \$primary = FALSE;".PHP_EOL;
$data .= "".PHP_EOL;
$data .= "\tfunction __construct(\$table=null)".PHP_EOL;
$data .= "\t{".PHP_EOL;
$data .= "\t\tparent::__construct(\$table);".PHP_EOL;
$data .= "\t}".PHP_EOL;
$data .= '}';
$base_model_path = CSTPATH.'models/BaseModels/';
if( ! file_exists($base_model_path)) mkdir($base_model_path);
// generate base model files
file_put_contents($base_model_path.'Base'.ucfirst($table).EXT, $data);
// check general model files
if( ! file_exists(CSTPATH.'models/'.$table.EXT))
{
$data = '<?php'.PHP_EOL;
$data .= 'class '.ucfirst($table).' extends Base'.ucfirst($table).PHP_EOL;
$data .= '{'.PHP_EOL;
$data .= '}'.PHP_EOL;
file_put_contents(CSTPATH.'models/'.$table.EXT, $data);
}
}
}このヘルパは実行すると1つのデータテーブルから2つのファイルを作成します。
■ Modelの拡張
/application/core/MY_Model.php
<?php
class MY_Model extends CI_Model
{
var $table;
function __construct($table=null)
{
$this->table = ($table) ? $table : get_called_class();
log_message('debug', ucfirst($this->table) . " Class Initialized");
}
/**
* find by primary key
*
* @param mixed $id
* @return class object or FALSE
*/
public function find($pk)
{
$ci =& get_instance();
$ci->db->where($this->primary, $pk);
$q = $ci->db->get($this->table);
if($q->num_rows())
{
$array = $q->row_array();
foreach($array as $key => $value)
{
$this->$key = $value;
}
// return object
return $this;
}
else return FALSE;
}
public function save()
{
$ci =& get_instance();
$primary = $this->primary;
$table = $this->table;
// temporary unset values to run query
unset($this->primary);
unset($this->table);
if($where = $this->$primary)
{ // update row
$ci->db->where($primary, $where);
$ci->db->update($table, $this);
}
else
{ // insert new row
$ci->db->set($this);
$ci->db->insert($table);
}
// re-set value and return obj
$this->primary = $primary;
$this->table = $table;
return $this;
}
}$this->load->model('sample') でモデルをロードすると $this->sample が利用できるようになります。
$sample = new Sample(); でも良かったんですが、できるだけCodeIgniterの書式に沿った書き方をしたかったのでこうなりました。
■ Loaderの拡張
/application/models/BaseModels/Base--Data Table--.php が存在する場合に読み込む条件文を83-85行目に追加するだけです。/application/core/MY_Loader.php
<?php
class MY_Loader extends CI_Loader
{
/**
* Model Loader
*
* This function lets users load and instantiate models.
*
* @access public
* @param string the name of the class
* @param string name for the model
* @param bool database connection
* @return void
*/
function model($model, $name = '', $db_conn = FALSE)
{
if (is_array($model))
{
foreach ($model as $babe)
{
$this->model($babe);
}
return;
}
if ($model == '')
{
return;
}
$path = '';
// Is the model in a sub-folder? If so, parse out the filename and path.
if (($last_slash = strrpos($model, '/')) !== FALSE)
{
// The path is in front of the last slash
$path = substr($model, 0, $last_slash + 1);
// And the model name behind it
$model = substr($model, $last_slash + 1);
}
if ($name == '')
{
$name = $model;
}
if (in_array($name, $this->_ci_models, TRUE))
{
return;
}
$CI =& get_instance();
if (isset($CI->$name))
{
show_error('The model name you are loading is the name of a resource that is already being used: '.$name);
}
$model = strtolower($model);
foreach ($this->_ci_model_paths as $mod_path)
{
if ( ! file_exists($mod_path.'models/'.$path.$model.EXT))
{
continue;
}
if ($db_conn !== FALSE AND ! class_exists('DB'))
{
if ($db_conn === TRUE)
{
$db_conn = '';
}
$CI->load->database($db_conn, FALSE, TRUE);
}
if ( ! class_exists('Model'))
{
load_class('Model', 'core');
}
if(file_exists($mod_path.'models/BaseModels/'.'Base'.ucfirst($model).EXT))
{
require_once($mod_path.'models/BaseModels/'.'Base'.ucfirst($model).EXT);
}
require_once($mod_path.'models/'.$path.$model.EXT);
$class = ucfirst($model);
$CI->$name = new $class($model);
$this->_ci_models[] = $name;
return;
}
// couldn't find the model
show_error('Unable to locate the model you have specified: '.$model);
}
}
■ サンプル
/application/controller/welcome.php<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Welcome extends MY_Controller {
/**
* Index Page for this controller.
*
* Maps to the following URL
* http://example.com/index.php/welcome
* - or -
* http://example.com/index.php/welcome/index
* - or -
* Since this controller is set as the default controller in
* config/routes.php, it's displayed at http://example.com/
*
* So any other public methods not prefixed with an underscore will
* map to /index.php/welcome/<method_name>
* @see http://codeigniter.com/user_guide/general/urls.html
*/
public function index()
{
$this->load->view('welcome_message');
}
public function generate()
{
$this->load->database();
$this->load->helper('orm');
$this->load->helper('url');
generate_models();
redirect('/');
}
public function insert()
{
$this->load->database();
$this->load->model('sample');
$sample = $this->sample;
// set data
$sample->field1 = 'aaaaa';
$sample->field2 = 'bbbb';
// insert
$sample->save();
}
public function update()
{
$this->load->database();
$this->load->model('sample');
// retrieve data by id = 1
$sample = $this->sample->find(1);
// set data
$sample->field1 = 'cccc';
$sample->field2 = 'bbbb';
// update
$sample->save();
}
}
/* End of file welcome.php */
/* Location: ./application/controllers/welcome.php */
□ モデルファイル作成
http://localhost/CodeIgniter_2.1.3/index.php/welcome/generate
実行すると (1) /application/models/sample.php と (2) /application/models/BaseModels/BaseSample.php のファイルが作成されます。
(1)は拡張用のモデルです。CodeIgniterからロードされるファイルはこちらのファイルです。
(2)がデータテーブルに対応した情報を持つ拡張用のモデル専用ファイルです。データテーブルが変更されると上書きされるのであまり手を入れないほうがいいでしょう。ファイル名やクラス名がCodeIgniterの形式に沿っていないのでCodeIgniterからは直接ロードできません。
□ insert
http://localhost/CodeIgniter_2.1.3/index.php/welcome/insert
実行するとsampleテーブルに一行データが追加されます。
□ update
http://localhost/CodeIgniter_2.1.3/index.php/welcome/update
実行すると上で追加したデータのidが1の行を変更します。
■ 最後に
ライブラリ化や機能の追加などは予定していません。使う人が改善、拡張していって使いやすいようにしてください。(使う人が居れば、ですけど・・・)
俺自身、あまりサイズが大きくて多機能なORMは覚えるのが面倒な上、ほとんどの機能は必要なかったので簡単な拡張で済ませました。
普段使いそうな機能を追加すれば便利に使えると思います。
・・・だったらいいな(笑)
2013年1月9日
レスポンシブ・ウェブデザイン(RWD)まとめ
■ レスポンシブ・ウェブデザイン(RWD)とは
レスポンシブ・ウェブデザインは、CSS3のメディアクエリを使用して見た目を変更するWEB ページの構築手法です。つまり、デバイスに関わらず共通の1つのHTMLを用意し、CSS メディアクエリを使用して、そのページを表示する画面サイズからデバイスを判断しCSSを選択し、そのデザインを変更します。
(引用元：Google がお勧めするスマートフォンに最適化されたウェブサイトの構築方法)
パソコン、タブレット、スマートフォンなどのデバイスをWEBサイト表示の判断基準にするのではなく、ブラウザの横幅サイズをWEBサイト表示の判断基準にしているのでデザインを柔軟に調整できるのが特徴。
■ RWDのメリット
□ RWDでしか実現できないメリット- ユーザーエージェントを判別せずにレイアウトを調整できる
- デバイス判定の技術・知識が必要がない
- サーバーサイドプログラムに頼らず、CSSだけで実現できる
- プログラムの技術・知識がなくても実装できる。
- 何らかの理由でサーバーサイドプログラムが使用できないときにも有効。
□ 代替手段はあるが、RWDでも実現できるメリット
- 各デバイスのURL統一化
- URL統一化にはSEO面でもメリットあり
■ RWDのデメリット
- WEBサイトの容量が大きくなり、表示速度に影響がでやすい
- RWDは仕組み上どうしても最適化されたWEBサイトより表示速度が遅くなる。
- デバイスごとのWEBサイトの最適化ができない
- ユーザビリティの面でもマーケティングの面でも「最適化」にはならない
- 不可能ではないけれど、デバイスごとに細かい配慮をすることが難しい。
□ ビジネスシーンでのデメリット
- 制作＆管理コストが安いわけではない
- モバイル用とPC用サイトを別に作っても制作＆管理コストが安くなる場合もある。(もちろん作り方次第だが・・・)
- 手法自体が古いブラウザに対応していないので、場合によってはコスト増
- ユーザにとってのメリットが見えにくい
- ユーザが求めているのはコンテンツであって、作り手のテクニックではない
- お客さんの理解が得られないことが多々ある
■ RWDの導入を考える前に
レスポンシブWebデザインはあくまでマルチデバイス対応の一手法です。導入ありきで話を進めてしまうと、誰も幸せにならない結果となりかねません。
サイトの目的やターゲットユーザーから必要とされる要件を洗い出し、見込まれる効果とコストを他の手法と比較した上で、導入を検討していくべきと考えています。
(引用元：レスポンシブWebデザインのメリット／デメリットをできるだけ中立的に検証してみた)
■ RWDは検索順位的に有利なのか？
先に引用したGoogle がお勧めするスマートフォンに最適化されたウェブサイトの構築方法にも記載されているように、SEOの面でもメリットがある手法の1つです。
ただし、あくまでオプションの1つで「RWDにしないと、順位が上がらなくなる」などの宣伝文句は大嘘。そんなことを言ってる人や会社は正しい知識をつけていないものとして対応したほうがいい。
■ リンク
■ まとめるきっかけ
今年初めての仕事がある会社で一時的にやるイベント用のモバイルサイト製作だったのだが、1つ妙な条件が付随していた。
それが「RWDで作れ」とのこと。PC用のデザインがあるのかと思いきや、「見れればOKレベルでいい」のにRWDで作れという。モバイルサイトなのに？RWDの必要性は？一時的なイベント用のサイトでしょ？などなど・・・正直なところ、？マークが飛びまくりだった(苦)
■ RWDに対する個人的なコメント
RWDという手法（というか概念かな？）それ自体新しいものじゃない。
可変長のサイトに毛が生えたものだと思ったほうがいいんじゃないだろうか。
この手法の唯一のメリットはプログラムの知識がほとんどいらないことだよね。HTML+CSSでURL統一化ができるのはRWD導入の敷居を下げているのは否めない。
ただ上述のメリットは別の方法で実現できるものばかりだし、プログラマとしてはあまり使う必要性を感じないというのが本音。サイトはできる限り最適化する方がいい自分としてはデメリットが多すぎてあまり推奨できない。
結論としては
- モバイルがメインでPCからの閲覧は見れればOKというなら有効性はあると思う。
- Wikiとかブログのような画像を多用しないテキストベースのサイトも大丈夫かな。
- 反対にPC閲覧用の凝ったサイトをモバイルに対応させる際にはオススメしない。
CONDENSEのようなサイトこそRWDにするべきだよね。
△ちょっとだけ批判
- HTMLが1つのファイルに全部入っているからといって管理が楽かと言えば、そうでもないんじゃないか？「条件分岐が一箇所にまとめてあるから全体像が把握しやすいし管理しやすい」とか言われたら俺なら苦笑いだけどな・・・
- リンク項最後のページにある「メンテナンスが楽」「一貫性のあるデザイン」「親切、安心設計の操作性」とか、正直なところデタラメもいいところ。きちんと作れば実際そういうメリットはあるかもしれないけど、それは別にRWDがもともと持ってるメリットじゃない。
- 古いブラウザに対応してない時点でレスポンシブじゃないよね？
2012年12月14日
jQueryで複数の要素の高さを揃える
またも嵌ったのでメモ。
今回はULリストの子要素LIの高さを揃えようとやってみた。
ローカル環境で正常に動作したのでリモートにアップしたらなぜか正確に高さを測ってくれない。しかもChromeだけ！ いろいろ調べてみたところ、どうもロード時間に問題があるらしい。
結論としては：
論理的に考えれば理屈はわからなくはないんだけど、IE,Firefox,Operaで動いてChromeが動かないのは初めての現象でびっくりした。逆は多いのに・・・（苦）
Chromeの方が正しくjavascriptを理解してるってことなの、これ？
$('ul').each(function(){
var rep = 0;
$(this).children().each(function(){
var itemHeight = parseInt($(this).height());
if(itemHeight > rep){
rep = itemHeight;
}
});
$(this).children().css({height:(rep)});
});
こんな感じ（で合ってるはず）。ローカル環境で正常に動作したのでリモートにアップしたらなぜか正確に高さを測ってくれない。しかもChromeだけ！ いろいろ調べてみたところ、どうもロード時間に問題があるらしい。
結論としては：
- 高さを揃えたりするなら、ページが全てロードされた後に計算させないと正しく動かない（こともある）。
- $(window).load()で対処。
jQuery(function($) {
$(window).load(function() {
$('ul#sample').each(function(){
var rep = 0;
$(this).children().each(function(){
var itemHeight = parseInt($(this).height());
if(itemHeight > rep){
rep = itemHeight;
}
});
$(this).children().css({height:(rep)});
});
});
});
これはローカル環境だとページロードが早かったから表面化しなかった問題。論理的に考えれば理屈はわからなくはないんだけど、IE,Firefox,Operaで動いてChromeが動かないのは初めての現象でびっくりした。逆は多いのに・・・（苦）
Chromeの方が正しくjavascriptを理解してるってことなの、これ？
2012年11月28日
CodeIgniter + IDE
開発をする際にコード補完機能のあるIDEを使っている方もいるかと思います。
IDEにもよりますがコード補完機能がCodeIgniterを上手く補足してくれない場合には以下のようにするとコード補完機能が動くようになります。
*IDEによっては動かない場合もあります。
1. コントローラを拡張して以下のようにコメントを追加。
<?php
/**
* @property DB_active_record $db
* @property DB_forge $dbforge
* @property Benchmark $benchmark
* @property Calendar $calendar
* @property Cart $cart
* @property Config $config
* @property Controller $controller
* @property Email $email
* @property Encrypt $encrypt
* @property Exceptions $exceptions
* @property Form_validation $form_validation
* @property Ftp $ftp
* @property Hooks $hooks
* @property Image_lib $image_lib
* @property Input $input
* @property Language $language
* @property Loader $load
* @property Log $log
* @property Model $model
* @property Output $output
* @property Pagination $pagination
* @property Parser $parser
* @property Profiler $profiler
* @property Router $router
* @property Session $session
* @property Sha1 $sha1
* @property Table $table
* @property Trackback $trackback
* @property Typography $typography
* @property Unit_test $unit_test
* @property Upload $upload
* @property URI $uri
* @property User_agent $agent
* @property Validation $validation
* @property Xmlrpc $xmlrpc
* @property Xmlrpcs $xmlrpcs
* @property Zip $zip
*
* その他のライブラリ、モデルなどを以下に追加。
*
*/
class MY_Controller extends Controller
{
function __construct()
{
parent::__construct();
}
}
2. ページ用のコントローラは拡張したコントローラを使用する。
<?php
class Classname extends MY_Controller
{
function __construct()
{
parent::__construct();
}
}
2012年11月27日
コアコントローラの拡張
少し嵌ったのでメモ。
app/core/Mage/--Any of Core Directory-- を app/local/Mage/--Any of Core Directory-- に置いたら勝手に動くのかと思ったら、コントローラだけ動かない。
どうやらブロックやモデルなんかは自動で判別してくれるらしいけど、コントローラはダメらしい。（ソース）
となると普通に拡張するしかないんだけど、ここで少し嵌った。
どうもいろんな人が書いてる情報が古くなってるみたい（？）
1. app/code/local/--Name-Space--/--Module--/etc/config.xml
2. app/code/local/--Name-Space--/--Module--/controllers/--Core-Directory--/--Controller-File--.php
3. app/etc/modules/--Name-Space--_All.xml
(1),(2)は従来通りだけど、(3)が変わってる模様。
以前は --Name-Space-.xml で動いてたけど、今は --Name-Space--_All.xml にする必要があるみたい。
検証してないから定かではないけれど、 app/etc/modules/Mage_All.xml に入ってるものは上の通りにする必要があるんじゃないかなぁ・・・たぶんo(￣ー￣;)ゞ
コントローラの拡張の仕方はこちらのページに詳しく載ってます（英文）。
*このページの情報は不正確かもしれないので、鵜呑みにせず情報の1つとして捕らえてください。
app/core/Mage/--Any of Core Directory-- を app/local/Mage/--Any of Core Directory-- に置いたら勝手に動くのかと思ったら、コントローラだけ動かない。
どうやらブロックやモデルなんかは自動で判別してくれるらしいけど、コントローラはダメらしい。（ソース）
となると普通に拡張するしかないんだけど、ここで少し嵌った。
どうもいろんな人が書いてる情報が古くなってるみたい（？）
1. app/code/local/--Name-Space--/--Module--/etc/config.xml
2. app/code/local/--Name-Space--/--Module--/controllers/--Core-Directory--/--Controller-File--.php
3. app/etc/modules/--Name-Space--_All.xml
(1),(2)は従来通りだけど、(3)が変わってる模様。
以前は --Name-Space-.xml で動いてたけど、今は --Name-Space--_All.xml にする必要があるみたい。
検証してないから定かではないけれど、 app/etc/modules/Mage_All.xml に入ってるものは上の通りにする必要があるんじゃないかなぁ・・・たぶんo(￣ー￣;)ゞ
コントローラの拡張の仕方はこちらのページに詳しく載ってます（英文）。
*このページの情報は不正確かもしれないので、鵜呑みにせず情報の1つとして捕らえてください。
2012年11月26日
コンタクトページにパンくずリストを表示する
ファイル：
contacts_index_index 内に以下のような記述を追加。
app/design/frontend/--your theme--/default/layout/contacts.xml
contacts_index_index 内に以下のような記述を追加。
<contacts_index_index translate="label">
...
<reference name="breadcrumbs">
<action method="addCrumb">
<crumbName>Home</crumbName>
<crumbInfo>
<label>Home</label>
<title>Home</title>
<link>/</link>
</crumbInfo>
</action>
<action method="addCrumb">
<crumbName>Contacts</crumbName>
<crumbInfo>
<label>Contact Us</label>
<title>Contact Us</title>
</crumbInfo>
</action>
</reference>
...
</contacts_index_index>
ハードコードではあるけど、一応追加は完了。
特別、ダイナミックにパンくずリストを生成する必要がない限りはこれで対応できるはず。
2011年10月28日
Windows上でCodeigniterのユーザガイドをMakeする手順
個人的にCodeigniterの配布元(Repository)がMercuryからGitHubに移ったのは非常にありがたいんですが、ユーザガイドがSphinxとやらに移行したのはだいぶいただけないです。
GitHubのソースにはSphinx用のファイルが入ってるだけで、ユーザガイドを見たいならHTMLファイルを生成しないといけないらしい。面倒すぎる・・・
HTMLで配布してくれたままだったら楽だったのに・・・どうやらSphinxってもともとPythonの文書生成のためのものらしいですね。
だいぶ面倒だったのでSphinx用のソースファイルからHTMLファイルを生成するまでの手順を以下にメモしておきます。
Pythonのインストール
まず、WindowsにPythonをインストールします。
前述のとおりPHPなのになぜかPython用の文書生成アプリを使ってるので、Windowsには標準装備されてないPythonのインストールからやらないといけない。
Pythonを既にインストールしてる人はこの手順をスキップしてください。
Pythonバージョン2系をダウンロード。
3系はダメ（だそうです）。
Windows用のインストーラをダウンロードした場合はそのままインストール。
必須ではないですが、インストールが完了したら環境変数にPythonのパスを追加しておくと便利です。
環境変数への登録(XP)
コントロールパネル→システム→詳細設定→環境変数
Pathを選択してPythonのパスを追加。
eg) C:\Python27\;C:\Python27\Scripts;
登録が終わったらコマンドプロンプトで python と入力すれば確認できます。
easy-installをインストール
ez_setup.pyをダウンロード、コマンドラインで python ez_setup.py と入力すると勝手にインストールしてくれます(以下同文)。
Sphinxをインストール
コマンドラインで easy_install sphinx と入力。
Sphinxの設定
コマンドラインで sphinx-quickstart と入力すると会話形式の設定画面が表示されます。
基本的にEnterで進んで行って問題ないです。わかる人は変更してください。
'Project Name', 'Version Number','Author'が必須項目なので適当に。
sphinxcontrib-phpdomainをインストール
コマンドラインで easy_install sphinxcontrib-phpdomain と入力。
CI Lexer をインストール
Gitでコピーしたファイルの中に user_guide_src というフォルダがあるので、コマンドプロンプトで移動します。
さらにその中に cilexer があるので移動。
python setup.py install と入力。
インストールが終わったら pygmentize -L | more と入力して以下の記述があるか確認します。あればインストール完了。
* ci, codeigniter:
CodeIgniter (filenames *.html, *.css, *.php, *.xml, *.static)
HTMLファイルを作成
上述 user_guide_src フォルダの中に source フォルダがあるので今度はこちらに移動。
make html と入力すると _build フォルダが作成されます。更にその中に doctrees, html とフォルダが作成され、そのうち html が作成されたユーザガイドです。
この html フォルダをコピー(もしくはカット)して Codeigniter のトップに貼り付け user_guide とフォルダ名を変更すれば完了。
ほんっと、お疲れさまでした！！
2011年9月1日
Codeigniterを使ってショッピングカートをゼロから作ってみよう。 # 7
ショッピングカートだけでなく、ほとんどのサイトで設定が必要になります。
設定はDBに保存して必要な時にだけ呼び出してもいいんですが、アプリケーションを作っていく過程、もしくはリリースしたアプリケーションをアップデートする時に新しい機能を付けるなど、後で設定が増えていくことも考慮するとメンテナンスを楽にするならファイルだろうとの結論に達しました。DBアクセスは極力減らした方がいいですしね。
コントローラ22行目で読み込む設定ファイルテンプレート: admin/application/views/setting/config_template.php
これで設定をアップデートするたびにsetting.phpを再作成することになります。
最後にconfig/autoload.phpにsettingを追加しておけば毎回設定を読み込んでくれます。
ビューファイルは設定項目が増えたらスクリーンショットを載せたいと思います。
今回はロジックのみでご勘弁をΣ(;￣□￣Ａ
今回はその設定をファイルに保存するロジックを作ります。
設定はDBに保存して必要な時にだけ呼び出してもいいんですが、アプリケーションを作っていく過程、もしくはリリースしたアプリケーションをアップデートする時に新しい機能を付けるなど、後で設定が増えていくことも考慮するとメンテナンスを楽にするならファイルだろうとの結論に達しました。DBアクセスは極力減らした方がいいですしね。
（もちろん作る前に使うであろう全ての設定項目を考えて一切追加しないなら別ですが・・・）
コントローラ：admin/application/controllers/setting.php<?php
class Setting extends Controller
{
function __construct()
{
parent::__construct();
if( ! _s('admin')) redirect();
}
function index()
{
$this->form_validation->set_error_delimiters('<span class="error">', '</span>');
$this->form_validation->set_rules('name',_l('SHOP_NAME'),'required|trim|xss_clean');
$this->form_validation->set_rules('url',_l('SHOP_URL'),'required|trim|xss_clean');
$this->form_validation->set_rules('title',_l('PAGE_TITLE'),'trim|xss_clean');
$this->form_validation->set_rules('keywords',_l('PAGE_KEYWORDS'),'trim|xss_clean');
$this->form_validation->set_rules('desc',_l('PAGE_DESCRIPTION'),'trim|xss_clean');
if($this->form_validation->run())
{
$data['i'] = $this->input->post();
$config_data = $this->load->view('setting/config_template', $data, TRUE);
file_put_contents(EXTPATH.'config/'.((defined('ENVIRONMENT'))?ENVIRONMENT:'').'/setting.php', $config_data);
setMessage('success', _l('SUCCESS_UPDATE_SETTING'));
redirect('setting');
}
$data['setting'] = $this->config->item('setting');
$data['breadcrumbs'] = array(_l('HOME')=>'', _l('SETTINGS')=>'settings');
$data['h1'] = _l('SETTINGS_SHOP');
$this->layout->view('setting/shop', $data);
}
}
コントローラ22行目で読み込む設定ファイルテンプレート: admin/application/views/setting/config_template.php
<?php echo '<?php'.PHP_EOL; ?>
/*
* Setting Updated: <?php echo date('Y-m-d H:i:s').PHP_EOL; ?>
*/
$config['site_name'] = '<?php echo $i['name']; ?>';
$config['site_url'] = '<?php echo $i['url']; ?>';
$config['page_title'] = '<?php echo $i['title']; ?>';
$config['page_keywords'] = '<?php echo $i['keywords']; ?>';
$config['page_desc'] = '<?php echo $i['desc']; ?>';
これで設定をアップデートするたびにsetting.phpを再作成することになります。
最後にconfig/autoload.phpにsettingを追加しておけば毎回設定を読み込んでくれます。
ビューファイルは設定項目が増えたらスクリーンショットを載せたいと思います。
今回はロジックのみでご勘弁をΣ(;￣□￣Ａ
2011年8月25日
Codeigniter on fluxflex
日本人が起業したfluxflexはGithubと連動する安くて簡単なクラウド・ホスティング・サービスを目指す（だいぶ亀ですが・・・）現在作成中のショッピングカートをどこかでデモさせてもらえないかと探していたら、タイミングよくTechCrunchに記事が掲載されていたので試してみました。
http://jp.techcrunch.com/archives/20110817github-integrated-fluxflex-aims-at-making-cloud-hosting-easier-and-cheaper/
記事が出た次の日には一時アクセスできなくなる、プライベートURLが動かないなど、まだまだ色々とこれからのサービスのようですが同じ日本人が起業したということで頑張って欲しいですね！
fluxflexの構成がApache+FastCGIの組み合わせで、index.phpをURLから削除して動作させるのに少し苦労したので、メモしておきます。
■ .htaccessを使ってindex.phpをURLから削除する on fluxflex
コンフィグのuri_protocolをREQUEST_URIに変更
code/config.php
$config['uri_protocol'] = 'REQUEST_URI';
.htaccessにRewriteBaseを追加（2行目）。
.htaccess
RewriteEngine on RewriteBase / RewriteCond $1 !^(index\.php|robots\.txt|favicon\.ico) RewriteRule ^(.*)$ /index.php?/-- default controller --$1 [L]そして最後にRewriteRuleにCodeigniterのdefault_controllerを指定して動作させることができました。
（一定の条件下では指定しなくても動作するようですが、指定した方が確実に動きます。）
fluxflexが安定稼動し、ショッピングカーとがもう少し見れるようになったらデモ用のURLをこのブログで公開します(^_^)
2011年8月19日
Codeigniter と オートロード(Autoload in PHP5)
※注：この記事はCodeigniter付属のautoloadに関するものではありません。
PHP5にはクラスのオートローディングという便利な関数(function __autoload())があります。
そこで軽く調査してみたんですが、どうやら以下のサイトのような方法が多数散見されました。
・・・いやいやいや、これダメだろ(゜Д゜) ??
config.phpの最後になんか入れたらログとかベンチマークとか全部こっちいっちゃうんじゃ？
ということで念のためテスト。config.phpの最後にコピーしてlog_messageで何をロードしようとしてるかチェック。
config/config.php
■ 結果
思った通り。load_class()で呼んでるものは全部オートロードに行っちゃう。この方法は採用しちゃダメな方法です。
それならどうすればいいのか？
正解はspl_autoload_registerを使う、です（断言しちゃったけど大丈夫かな？ｗ）
オートローディングを追加するなら、ヘルパにしてautoload.phpに追加するのが一番簡単でいいんじゃないでしょうか。
（個人的にはファイルが増えるの嫌なのでLoader.phpにstaticメソッドを作ってcore/Controller.phpの最後に追加してますが）
■ spl_autoload_registerをコールするヘルパ
$this->load->model(~~~) とか面倒な人向けの方法でした。
PHP5にはクラスのオートローディングという便利な関数(function __autoload())があります。
未定義のクラス/インターフェイスを使用しようとした時に 自動的にコールされる __autoload 関数を定義することができます。 この関数をコールすることにより、 スクリプトエンジンは、PHPがエラーで止まる前にクラスをロードする最後の チャンスを与えます。これを使ってモデルを呼べれば楽なんですよね。そうすると
引用元：php.net
$this->load->model('model-name');
$this->model-name->function();という書き方から以下のように普通のPHP5の書き方に変えられる。$model = new Model-name; $model->function();
そこで軽く調査してみたんですが、どうやら以下のサイトのような方法が多数散見されました。
6 CodeIgniter Hacks for the Mastersほうほう、config/config.phpの最後に__autoload()を入れるとな。
http://net.tutsplus.com/tutorials/php/6-codeigniter-hacks-for-the-masters/
・・・いやいやいや、これダメだろ(゜Д゜) ??
config.phpの最後になんか入れたらログとかベンチマークとか全部こっちいっちゃうんじゃ？
ということで念のためテスト。config.phpの最後にコピーしてlog_messageで何をロードしようとしてるかチェック。
config/config.php
function __autoload($class)
{
log_message('debug', 'Trying to load class: '.$class);
if(file_exists(EXTPATH."models/".strtolower($class).EXT))
{
include_once(EXTPATH."models/".strtolower($class).EXT);
}
}■ 結果
思った通り。load_class()で呼んでるものは全部オートロードに行っちゃう。この方法は採用しちゃダメな方法です。
それならどうすればいいのか？
正解はspl_autoload_registerを使う、です（断言しちゃったけど大丈夫かな？ｗ）
オートローディングを追加するなら、ヘルパにしてautoload.phpに追加するのが一番簡単でいいんじゃないでしょうか。
（個人的にはファイルが増えるの嫌なのでLoader.phpにstaticメソッドを作ってcore/Controller.phpの最後に追加してますが）
■ spl_autoload_registerをコールするヘルパ
spl_autoload_register — 指定した関数を __autoload() の実装として登録するサンプルヘルパ: spl_autoload_helper.php
http://nz.php.net/manual/ja/function.spl-autoload-register.php
引用元：php.net
<?php
/**
* SAMPLE SPL Autoload Helper
* ファイル名、メソッド名は適宜修正してください。
*/
function sample_loader($class)
{
if(file_exists(APPPATH."models/".strtolower($class).EXT))
{
log_message('debug', 'Load '.$class.' models in php5 style');
include_once(APPPATH."models/".strtolower($class).EXT);
}
}
spl_autoload_register('sample_loader');上記ではモデルだけ追加してますが、ライブラリもヘルパも追加することが可能です。$this->load->model(~~~) とか面倒な人向けの方法でした。
2011年8月16日
Codeigniterを使ってショッピングカートをゼロから作ってみよう。 # 6
今回はユーザ管理です。
■ モデル：Users_model.php
extension/models/users_model.php
■ Form_validationライブラリにルール追加
extension/libraries/MY_Form_validation.php
全くスタイルしてない画面ですが(苦)
後でユーザレベル（タイプ）なんかを付け加えることになるでしょう。
削除する時には確認用のポップアップが表示されます。
■ ビュー：新規作成
admin/application/views/user/create.php
■ ビュー：編集
admin/application/views/user/edit.php
だいぶ長くなってしまったので、今日はここまでにします。
ユーザの一覧表示、新規作成（追加）、編集、最後に削除です。
苦手なjavascriptで手間取って時間かかりました(￣Д￣;;
苦手なjavascriptで手間取って時間かかりました(￣Д￣;;
■ File Tree
■ コントローラ：User
admin/application/controllers/user.php
<?php
class User extends Controller
{
function __construct()
{
parent::__construct();
if( ! _s('admin')) redirect();
$this->load->model('users_model', 'usersdb');
}
function index()
{
$this->accounts();
}
function accounts($page=0)
{
$this->form_validation->set_rules('delete', '', 'isArray');
if($this->form_validation->run())
{
$this->usersdb->delete_array($this->input->post('delete'));
}
$data['breadcrumbs'] = array(_l('HOME')=>'', _l('USERLIST')=>'user');
$data['h1'] = _l('USERLIST');
$data['all'] = $this->usersdb->all($page);
$this->layout->view('user/accounts', $data);
}
function create()
{
$this->form_validation->set_error_delimiters('<span class="error">', '</span>');
$this->form_validation->set_rules('email',_l('EMAIL'),'required|valid_email|email_exist');
$this->form_validation->set_rules('firstname',_l('FIRSTNAME'),'required|min_length[2]');
$this->form_validation->set_rules('lastname',_l('LASTNAME'),'required|min_length[2]');
$this->form_validation->set_rules('passwd',_l('PASSWORD'),'required|min_length[6]|matches[passwdconf]');
if($this->form_validation->run())
{ // insert into db
$data = array(
'email' => $this->input->post('email'),
'password' => $this->input->post('passwd'),
'firstname' => $this->input->post('firstname'),
'lastname' => $this->input->post('lastname'),
'status' => $this->input->post('status')
);
$this->usersdb->newuser($data);
redirect('user');
}
$data['breadcrumbs'] = array(_l('HOME')=>'', _l('USERLIST')=>'user', _l('CREATE_USER')=>'user/create');
$data['h1'] = _l('CREATE_USER');
$this->layout->view('user/create', $data);
}
function edit($id)
{ // just in case
if($user = $this->usersdb->byId($id))
{
$this->form_validation->set_error_delimiters('<span class="error">', '</span>');
$this->form_validation->set_rules('email',_l('EMAIL'),'required|valid_email|email_exist['.$id.']');
$this->form_validation->set_rules('firstname',_l('FIRSTNAME'),'required|min_length[2]');
$this->form_validation->set_rules('lastname',_l('LASTNAME'),'required|min_length[2]');
if($this->input->post('passwd')) $this->form_validation->set_rules('passwd',_l('PASSWORD'),'required|min_length[6]|matches[passwdconf]');
if($this->form_validation->run())
{ // update user info
$data['email'] = $this->input->post('email');
$data['firstname'] = $this->input->post('firstname');
$data['lastname'] = $this->input->post('lastname');
$data['status'] = $this->input->post('status');
if($this->input->post('passwd')) $data['password'] = $this->input->post('password');
$this->usersdb->update($user, $data);
redirect('user');
}
$data['breadcrumbs'] = array(_l('HOME')=>'', _l('USERLIST')=>'user', _l('EDIT_USER')=>'user/edit');
$data['h1'] = _l('EDIT_USER');
$data['user'] = $user;
$this->layout->view('user/edit', $data);
}
else redirect();
}
}□ メソッド
index ( accounts )で一覧表示と削除。
create で新規ユーザ作成
edit で編集しています。
■ モデル：Users_model.php
extension/models/users_model.php
function newuser($data)
{
$data['hash'] = $this->auth->_generate_hash();
$data['password'] = $this->auth->_encode($data['password'], $data['hash']);
$this->db->insert($this->table, $data);
setMessage('success', _l('SUCCESS_CREATE_USER'));
}
function update($obj, $data)
{
if(array_key_exists('password', $data)) $data['password'] = $this->auth->_encode($data['password'], $obj->hash);
$this->db->where('id', $obj->id);
$this->db->update($this->table, $data);
setMessage('success', _l('SUCCESS_UPDATE_USER'));
}
ユーザ追加用とアップデート用のメソッドを追加。■ Form_validationライブラリにルール追加
extension/libraries/MY_Form_validation.php
<?php
class MY_Form_validation extends Form_validation
{
function __construct()
{
parent::__construct();
}
function email_exist($email, $id=FALSE)
{
$this->CI->form_validation->set_message('email_exist', $this->CI->lang->line('in_use'));
$this->CI->load->model('users_model', 'usersdb');
return ($this->CI->usersdb->exist($email, $id)) ? FALSE : TRUE;
}
function isArray($arr)
{
$this->CI->form_validation->set_message('isArray', $this->CI->lang->line('is_array'));
return (is_array($arr) && count($arr) > 0) ? TRUE : FALSE;
}
}■ ビュー：一覧表示＆削除
admin/application/views/user/accounts.php
<div class="buttons">
<button onclick="javascript:location.href = '<?php echo base_url('user/create'); ?>';"><?php echo _l('CREATE_USER'); ?></button>
<button onclick="confirmDelSelected();"><?php echo _l('DELETE_SELECTED'); ?></button>
</div>
<?php echo form_open(uri_string()); ?>
<?php if($all): ?>
<table class="list">
<tr>
<th><input type="checkbox" onclick="applyToAll(this);" /></th>
<th><?php echo _l('FULLNAME'); ?></th>
<th><?php echo _l('EMAIL'); ?></th>
<?php /* <th><?php echo _l('ROLE'); ?></th> */ ?>
<th><?php echo _l('STATUS'); ?></th>
<th><?php echo _l('ACTION'); ?></th>
</tr>
<?php foreach($all as $a): ?>
<tr>
<td><input type="checkbox" name="delete[]" value="<?php echo $a->id; ?>"<?php if($a->id==1): ?> disabled="disabled"<?php endif; ?>></td>
<td><?php echo $a->firstname.' '.$a->lastname; ?></td>
<td><?php echo $a->email; ?></td>
<?php /* <td><?php echo $a->role; ?></td> */ ?>
<td><?php echo ($a->status) ? _l('ACTIVE') : _l('INACTIVE') ; ?></td>
<td>
<a href="<?php echo base_url('user/edit/'.$a->id); ?>"><?php echo _l('EDIT'); ?></a>
</td>
</tr>
<?php endforeach; ?>
</table>
<?php endif; ?>
<?php echo form_close(); ?>
<script type="text/javascript">
function confirmDelSelected() {
var c = 0;
$(":checkbox").each(function(){
if($(this).attr('checked')) c++;
})
if(c > 0) {
if(confirm("<?php echo _l('CONFIRM_DELETE_SELECTED'); ?>")) $('form').submit();
}
else { alert("<?php echo _l('ALERT_PLZ_SELECT'); ?>"); }
}
</script>全くスタイルしてない画面ですが(苦)
後でユーザレベル（タイプ）なんかを付け加えることになるでしょう。
削除する時には確認用のポップアップが表示されます。
■ ビュー：新規作成
admin/application/views/user/create.php
<?php echo form_open(uri_string()); ?>
<input type="button" value="<?php echo _l('CANCEL'); ?>" onclick="javascript:location.href = '<?php echo base_url('user'); ?>';" tabindex="9" />
<h2><?php echo _l('USER_DETAILS'); ?></h2>
<dl class="horizontal">
<dt><?php echo _l('EMAIL'); ?></dt>
<dd><input class="field" id="email" type="email" name="email" value="<?php echo set_value('email'); ?>" tabindex="1" /><?php echo form_error('email'); ?></dd>
<dt><?php echo _l('LASTNAME'); ?></dt>
<dd><input class="field" id="lastname" type="text" name="lastname" value="<?php echo set_value('lastname'); ?>" tabindex="2" /><?php echo form_error('lastname'); ?></dd>
<dt><?php echo _l('FIRSTNAME'); ?></dt>
<dd><input class="field" id="firstname" type="text" name="firstname" value="<?php echo set_value('firstname'); ?>" tabindex="3" /><?php echo form_error('firstname'); ?></dd>
<dt><?php echo _l('PASSWORD'); ?></dt>
<dd><input class="field" id="passwd" type="password" name="passwd" value="" tabindex="4" /><?php echo form_error('passwd'); ?></dd>
<dt><?php echo _l('PASSWORDCONF'); ?></dt>
<dd><input class="field" id="passwdconf" type="password" name="passwdconf" value="" tabindex="5" /></dd>
<dt><?php echo _l('STATUS'); ?></dt>
<dd>
<select name="status" class="field" tabindex="6">
<option value="1"><?php echo _l('ACTIVE'); ?></option>
<option value="0"><?php echo _l('INACTIVE'); ?></option>
</select>
</dd>
<dd><input type="submit" value="<?php echo _l('SAVE'); ?>" onclick="return check(['email','lastname','firstname','passwd','passwdconf']);" tabindex="7" /> <input type="reset" value="<?php echo _l('RESET'); ?>" tabindex="8" /></dd>
</dl>
<?php echo form_close(); ?>javascriptは非常に簡単なチェックだけですが、javascriptとphpの両方で入力チェックしてます。
入力しないとこんな感じにハイライトされます。
■ ビュー：編集
admin/application/views/user/edit.php
<?php echo form_open(uri_string()); ?>
<input type="button" value="<?php echo _l('CANCEL'); ?>" onclick="javascript:location.href = '<?php echo base_url('user'); ?>';" tabindex="9" />
<h2><?php echo _l('USER_DETAILS'); ?></h2>
<dl class="horizontal">
<dt><?php echo _l('EMAIL'); ?></dt>
<dd><input class="field" id="email" type="email" name="email" value="<?php echo $user->email; ?>" tabindex="1" /><?php echo form_error('email'); ?></dd>
<dt><?php echo _l('LASTNAME'); ?></dt>
<dd><input class="field" id="lastname" type="text" name="lastname" value="<?php echo $user->lastname; ?>" tabindex="2" /><?php echo form_error('lastname'); ?></dd>
<dt><?php echo _l('FIRSTNAME'); ?></dt>
<dd><input class="field" id="firstname" type="text" name="firstname" value="<?php echo $user->firstname; ?>" tabindex="3" /><?php echo form_error('firstname'); ?></dd>
<dt><?php echo _l('PASSWORD'); ?></dt>
<dd><input class="field" id="passwd" type="password" name="passwd" value="" tabindex="4" /><?php echo form_error('passwd'); ?></dd>
<dt><?php echo _l('PASSWORDCONF'); ?></dt>
<dd><input class="field" id="passwdconf" type="password" name="passwdconf" value="" tabindex="5" /></dd>
<dt><?php echo _l('STATUS'); ?></dt>
<dd>
<select name="status" class="field" tabindex="6">
<option value="1"<?php if($user->status==1): ?> selected="selected"<?php endif; ?>><?php echo _l('ACTIVE'); ?></option>
<option value="0"<?php if($user->status==0): ?> selected="selected"<?php endif; ?>><?php echo _l('INACTIVE'); ?></option>
</select>
</dd>
<dd><input type="submit" value="<?php echo _l('SAVE'); ?>" onclick="return check(['email','lastname','firstname']);" tabindex="7" /> <input type="reset" value="<?php echo _l('RESET'); ?>" tabindex="8" /></dd>
</dl>
<?php echo form_close(); ?>編集画面も似たようなものです。パスワードが入力されてない場合はスルーします。
パスワードのエラーはphpでのみ表示。javascriptは苦手・・・
だいぶ長くなってしまったので、今日はここまでにします。
2011年8月11日
Codeigniterを使ってショッピングカートをゼロから作ってみよう。 # 5
前回ユーザ登録やりますと言って実際作り始めたんですが①ユーザ一覧表示②ユーザ登録ボタンをクリックしたら登録画面という流れを考えると、ユーザ一覧表示した時にナビを表示する必要あるんじゃ・・・
ということでユーザ登録の前にナビ用のパンくずリストを作ります。
■ パンくずリスト( Breadcrumb )
まずパンくずHTMLを返すメソッドをヘルパーに作成。
extension/helpers/html_helpers.php
コントローラーにパンくず用の配列を作成。
admin/application/controllers/users.php
レイアウトにパンくず表示ラインを追加
admin/application/views/_layouts/main.php
見た目はAppleのようなパンくずリストにしてみました。
■ 最後に
この方法だとパンくずを表示するなら全てのメソッド内に$data['breadcrumbs']を追加しなければいけないんですよね。
他に良いやり方を思いつかなかったのですが、正直このパンくずリストあまりいい方法ではないと思います。
「こうしたほうが良いよ～」とアイデアのある方は是非アドバイスください。
ということでユーザ登録の前にナビ用のパンくずリストを作ります。
■ パンくずリスト( Breadcrumb )
まずパンくずHTMLを返すメソッドをヘルパーに作成。
extension/helpers/html_helpers.php
<?php
function breadcrumb($array)
{
$count = count($array); $i = 1;
$html = '<div id="breadcrumb"><ul>';
foreach($array as $k=>$v)
{
$class = (empty($v)) ? ' class="home"' : '';
if($i != $count)
$html .= '<li><a href="'.base_url($v).'"'.$class.'>'.$k.'</a></li>';
else // no link for the last one
$html .= '<li class="last"><span>'.$k.'</span></li>';
$i++;
}
$html .= '</ul></div>';
return $html;
}コントローラーにパンくず用の配列を作成。
admin/application/controllers/users.php
<?php
class User extends Controller
{
function __construct()
{
parent::__construct();
if( ! _s('admin')) redirect();
}
function index()
{
$this->accounts();
}
function accounts($page=0)
{
$data['breadcrumbs'] = array(_l('HOME')=>'', _l('USERLIST')=>'admin/user');
$this->layout->view('user/accounts', $data);
}
}レイアウトにパンくず表示ラインを追加
admin/application/views/_layouts/main.php
<?php if(isset($breadcrumbs) && is_array($breadcrumbs)) echo breadcrumb($breadcrumbs); ?>
見た目はAppleのようなパンくずリストにしてみました。
■ 最後に
この方法だとパンくずを表示するなら全てのメソッド内に$data['breadcrumbs']を追加しなければいけないんですよね。
他に良いやり方を思いつかなかったのですが、正直このパンくずリストあまりいい方法ではないと思います。
「こうしたほうが良いよ～」とアイデアのある方は是非アドバイスください。
2011年8月10日
Codeigniterを使ってショッピングカートをゼロから作ってみよう。 # 4
前回フロントエンドとバックエンドを分けたので、そこに認証機能をつけます。
■ Authライブラリ作成
Codeigniterでは有名（？）なDX Authなどのライブラリの使用も考慮しましたが、結局どれを使っても用途に合わせてカスタマイズしないといけないので自作します。
△要件△
- メールアドレスとパスワードで認証。ユーザ名は別途考慮。
- パスワード暗号化
- UserとCustomerの別認証
/extension/libraries/Auth.php
/extension/models/users_model.php
パスワードはユーザごとにハッシュを作成し、一定の法則で入力パスワードとマッチングさせてます。
法則は_encodeメソッド内に好きなように指定してください。
ユーザごとのハッシュは登録時に作成しないといけないので、それは次回に。
とりあえずのところ認証ライブラリ（Auth）はできたので、テストユーザを直接DBに作ってテストしてみます。
DBにテストユーザ追加
■ autoload変更
■ コントローラ
admin/application/controllers/login.php
■ ビュー
admin/application/view/login.php
これで準備は完了です。
■ログイン画面
どうせだったらと簡単にデザインしてみました。デザインは苦手なんですよねー(^_^;;
上で追加したユーザでログインしてみます。
うん、ちゃんと admin セッションが登録されていますね。
ログインした時に登録するべきセッションは admin だけではないですが、それは必要に応じて追加して行きたいと思います。
次回はユーザ登録をやります。
■ ユーザに関する考察
ショッピングカートにはサイトの管理者と登録ユーザという2種類のユーザがいると思います。
サイトを運営するのは個人であったり会社であったりしますが、管理者が1人じゃないこともあるでしょう。そう考えると登録ユーザ（お客さん）と管理ユーザはわけたほうが良いかもしれません。
そこで登録ユーザをCustomer、管理ユーザをUserと位置づけ開発を続けていきたいと思います。
■ Usersテーブル作成
まず管理ユーザ用のDBテーブルを作成します。
（とりあえず現在のところは最低限必要な情報で構成しています。）
CREATE TABLE IF NOT EXISTS `users` ( `id` int(11) NOT NULL AUTO_INCREMENT, `email` varchar(50) COLLATE utf8_unicode_ci NOT NULL, `password` varchar(255) COLLATE utf8_unicode_ci NOT NULL, `firstname` varchar(50) COLLATE utf8_unicode_ci NOT NULL, `lastname` varchar(50) COLLATE utf8_unicode_ci NOT NULL, `status` tinyint(4) NOT NULL, `role` int(11) NOT NULL, `hash` varchar(32) COLLATE utf8_unicode_ci NOT NULL, `lastlogin` timestamp NULL DEFAULT NULL, `updated` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, PRIMARY KEY (`id`), UNIQUE KEY `email` (`email`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci ;
■ Authライブラリ作成
Codeigniterでは有名（？）なDX Authなどのライブラリの使用も考慮しましたが、結局どれを使っても用途に合わせてカスタマイズしないといけないので自作します。
△要件△
- メールアドレスとパスワードで認証。ユーザ名は別途考慮。
- パスワード暗号化
- UserとCustomerの別認証
/extension/libraries/Auth.php
<?php
class Auth
{
var $_error;
public function __construct()
{
$this->ci =& get_instance();
}
function error()
{
return $this->_error;
}
function login($email, $passwd, $target='customer')
{
if($target === 'user')
{ // load user model
$this->ci->load->model('users_model','usersdb');
// check if exists
if($user = $this->ci->usersdb->exist($email))
{ // retrieve user hash & matching up with entered password
if($this->_encode($passwd, $user->hash) === $user->password)
{ // update last login
$this->ci->usersdb->lastlogin($user->id);
// set admin session
$this->ci->session->set_userdata('admin',TRUE);
return TRUE;
}
else $this->_error = _l('error_wrong_combination');
}
else $this->_error = _l('error_not_exist');
}
return FALSE;
}
private function _encode($passwd, $hash)
{
/* 暗号化スクリプト */
return $passwd;
}
}/extension/models/users_model.php
<?php
class Users_model extends Model
{
var $table = 'users';
function __construct()
{
parent::__construct();
}
function exist($email)
{
$q = $this->db->get_where($this->table, array('email'=>$email));
return ($q->num_rows() == 1) ? $q->row() : FALSE;
}
function lastlogin($id)
{
$this->db->where('id',$id);
$this->db->update($this->table, array('lastlogin'=>date('Y-m-d H:i:s')));
}
}パスワードはユーザごとにハッシュを作成し、一定の法則で入力パスワードとマッチングさせてます。
法則は_encodeメソッド内に好きなように指定してください。
ユーザごとのハッシュは登録時に作成しないといけないので、それは次回に。
とりあえずのところ認証ライブラリ（Auth）はできたので、テストユーザを直接DBに作ってテストしてみます。
DBにテストユーザ追加
INSERT INTO `users` (`id`, `email`, `password`, `firstname`, `lastname`, `status`, `role`, `hash`, `lastlogin`, `updated`) VALUES (1, 'test@test.com', '723e66f900dcb555d089050c80455331feb2b7ca', 'firstname', 'lastname', 0, 0, '5898e88516d636dbd3571c7d24550f67', '2011-08-04 10:49:04', '2011-08-04 10:49:04');
■ autoload変更
認証でデータベース、およびセッションを使うようになるのでconfig/autoload.phpを以下のように変更します。
$autoload['libraries'] = array('Auth','database','Form_validation','Session');■ コントローラ
admin/application/controllers/login.php
<?php
class Login extends Controller
{
function __construct()
{
parent::__construct();
if(_s('admin')) redirect();
}
function index()
{
$this->form_validation->set_rules('email',_l('EMAIL'),'required|trim|valid_email');
$this->form_validation->set_rules('password', _l('PASSWORD'), 'required|trim');
if($this->form_validation->run())
{
$login = $this->auth->login($this->input->post('email'), $this->input->post('password'), 'user');
if($login) redirect();
else $data['error'] = $this->auth->error();
}
else $data['error'] = validation_errors();
$data['css'] = array('login');
$data['page_title'] = _l('CONTROLPANEL');
$this->layout->view('login', $data);
}
}■ ビュー
admin/application/view/login.php
<?php echo form_open(uri_string()); ?>
<div>
<h1><?php echo _l('CONTROLPANEL'); ?></h1>
<p><?php echo _l('MSG_LOGIN'); ?></p>
<dl>
<dt><?php echo _l('EMAIL'); ?></dt>
<dd><input type="email" name="email" value="<?php echo set_value('email'); ?>" /></dd>
<dt><?php echo _l('PASSWORD'); ?></dt>
<dd><input type="password" name="password" value="" /></dd>
<dd><input type="submit" value="<?php echo _l('LOGIN'); ?>"></dd>
<?php if(isset($error)): ?><dd><?php echo $error; ?></dd><?php endif; ?>
</dl>
</div>
<?php echo form_close(); ?>これで準備は完了です。
■ログイン画面
どうせだったらと簡単にデザインしてみました。デザインは苦手なんですよねー(^_^;;
上で追加したユーザでログインしてみます。
うん、ちゃんと admin セッションが登録されていますね。
ログインした時に登録するべきセッションは admin だけではないですが、それは必要に応じて追加して行きたいと思います。
次回はユーザ登録をやります。
2011年7月28日
Codeigniterを使ってショッピングカートをゼロから作ってみよう。 # 3
テンプレート化の下地ができたので、調子に乗ってそのままバックエンドの分離に着手します。
テンプレート化はこちら
■フロントエンドとバックエンド（管理画面）の分離
一般的にフロントエンドとバックエンドはデザインが異なることが多いですし、機能的にも違ったものになります。そう考えると分離させるのはそれほど悪い考えでもないでしょう（であって欲しいｗ）
/admin/index.php は ./index.php をほぼコピーした感じです。
/admin/index.php
ここで問題になってしまったのがLayoutライブラリです。
./index.phpでTEMPATHを設定していたため$this->layout->view()が全てTEMPATHに向いてしまっていました。
そこで両方のindex.phpにADMIN定数を設定し、ADMIN=TRUEの場合にはTEMPATHに向かないように/extension/core/Layout.phpを変更しました。
（毎回コントローラで$this->layout->set('admin');とやるのは無駄ですからね…）
./indexphp
define('ENVIRONMENT', 'development')直前
/admin/indexphp
define('ENVIRONMENT', 'development')直前
/extension/core/Layout.php
18行目
■ コントローラの設定
admin/application/controllers/home.php
■ ビューの設定
admin/application/views/home.php
■ レイアウトの設定
admin/application/views/_layout/main.php
■ てすと
http://localhost/lsc/admin/ にアクセスしてみます。
ちゃんとアクセスできてます。大丈夫そうです。
無事に分けられたところで、次はアクセス制御かな？
テンプレート化はこちら
■フロントエンドとバックエンド（管理画面）の分離
一般的にフロントエンドとバックエンドはデザインが異なることが多いですし、機能的にも違ったものになります。そう考えると分離させるのはそれほど悪い考えでもないでしょう（であって欲しいｗ）
/admin/index.php は ./index.php をほぼコピーした感じです。
/admin/index.php
<?php
define('EXT', '.php');
define('FCPATH', __FILE__);
$pathinfo = pathinfo(FCPATH);
define('SELF', $pathinfo['basename']);
define('ROOT',realpath($pathinfo['dirname'].'/../').'/');
unset($pathinfo);
define('SYSPATH', ROOT.'system/');
define('EXTPATH', ROOT.'extension/');
define('APPPATH', ROOT.'admin/application/');
$f=pathinfo(__FILE__, PATHINFO_BASENAME);
if (!is_dir(SYSPATH)) exit("Your system folder path does not appear to be set correctly. Please open the following file and correct this: ".$f);
if (!is_dir(APPPATH)) exit("Your application folder path does not appear to be set correctly. Please open the following file and correct this: ".$f);
if (!is_dir(EXTPATH)) exit("Your extension folder path does not appear to be set correctly. Please open the following file and correct this: ".$f);
define('ENVIRONMENT', 'development');
if (defined('ENVIRONMENT'))
{
switch (ENVIRONMENT)
{
case 'development':
error_reporting(E_ALL);
break;
case 'testing':
case 'production':
error_reporting(0);
break;
default:
exit('The application environment is not set correctly.');
}
}
require(SYSPATH.'core/Bootstrap'.EXT);ここで問題になってしまったのがLayoutライブラリです。
./index.phpでTEMPATHを設定していたため$this->layout->view()が全てTEMPATHに向いてしまっていました。
そこで両方のindex.phpにADMIN定数を設定し、ADMIN=TRUEの場合にはTEMPATHに向かないように/extension/core/Layout.phpを変更しました。
（毎回コントローラで$this->layout->set('admin');とやるのは無駄ですからね…）
./indexphp
define('ENVIRONMENT', 'development')直前
define('ADMIN', FALSE);/admin/indexphp
define('ENVIRONMENT', 'development')直前
define('ADMIN', TRUE);/extension/core/Layout.php
18行目
if(! ADMIN) $load->set_view_path(TEMPATH.$template.'/');
■ コントローラの設定
admin/application/controllers/home.php
<?php
class Home extends Controller
{
function index()
{
$this->layout->view('home');
}
}■ ビューの設定
admin/application/views/home.php
this is admin directory - <?php echo __FILE__; ?>
■ レイアウトの設定
admin/application/views/_layout/main.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Admin Template</title>
</head>
<body>
<?php echo $contents; ?>
<p><br />Page rendered in {elapsed_time} seconds</p>
</body>
</html>■ てすと
http://localhost/lsc/admin/ にアクセスしてみます。
ちゃんとアクセスできてます。大丈夫そうです。
無事に分けられたところで、次はアクセス制御かな？
登録:
投稿 (Atom)