Nieks? tag:nini-design.com,2010-01-17:/nieks//2 2010-12-20T02:35:48Z Movable Type Pro 4.27-ja Macキーボードのoptionをcommandに tag:nini-design.com,2010:/nieks//2.73 2010-12-20T02:29:33Z 2010-12-20T02:35:48Z VMWare Fusionを使ってMacでWindowsを使用しているとどうもキ... nini どうもキーの場所が落ち着かない。

なのでoptionキーをcommandキーにしてみた。

Windowsと併用して使うならこっちの方が落ち着くね。

その際使ったツールは、 KeyRemap4MacBook
http://pqrs.org/macosx/keyremap4macbook/index.html.ja

フリーのツールです。
]]> WordPressにユーザーを追加したときに自動送信されるメールのカスタマイズ tag:nini-design.com,2010:/nieks//2.72 2010-11-27T09:01:25Z 2010-11-27T09:06:36Z /wp-includes/plaggable.php をカスタマイズすると自動送... nini 自動送信されるメールの内容を自由に変更できる。

$message という変数を検索。
その変数に入るデータをカスタマイズすればOK。


送信者 From のメールアドレスも変更可能。

$from_emailという変数を検索。
その変数に入るメールアドレスを変更すればOK。
]]> WordPress　使えるプラグイン tag:nini-design.com,2010:/nieks//2.71 2010-09-03T07:56:41Z 2010-09-03T08:10:26Z 最近教えてもらったWordPressのプラグインで使えそうなものを紹介。Role... nini

Role Manager

一般的に権限は、管理者、編集者、作成者、寄稿者、購読者の5種類。
でもこのRole Managerを使うとさらに細かい権限設定がユーザーごとに行えます。


Google Maps Anywhere

各記事、ページ内の任意の場所にGoogle マップを貼り付けるためのプラグインです。
もちろん自分でコードをコピーして貼り付けてもいいんだけど、このプラグインを入れておくと
投稿画面のツールバーにGoogleマップ用のボタンが表示されるのでとても便利。

googlemaps-anywhere01.png


]]> Flashムービーの前に表示させるには・・・Highslide JS tag:nini-design.com,2010:/nieks//2.70 2010-05-20T01:56:26Z 2010-05-20T02:21:10Z そういえばこのブログの存在を忘れそうになってた・・・。久々の更新。今回、YouT... nini 久々の更新。

今回、YouTube動画を扱うウェブを制作していますが
その際にHighslideというAjaxを利用しました。

ちなみにHighslideというのは、javascriptのビューワーで
ポップアップなどで使えます。
すごくいい感じなのでこれは結構多用しています。

Highslide JS - JavaScript thumbnail viewer

ただ、今回このビューワーを使ってポップアップさせたところ
YouTube動画の後ろに隠れるんですね・・・。IEだけ（泣）

何かいい方法はないかといろいろ探したところ
paramの設定でクリアできました。

<param name="wmode" value="transparent" />
<param name="WindowlessVideo" value="0" />

上記の2行を追加し、さらにembedのオプションに下記のコードを
追加するとYouTube動画の前にポップアップしました！

<embed wmode="transparent"></embed>

IEのせいで作り直しかと思ってましたが、これでクリアできて
ホッと胸をなでおろしました・・・。

またひとつIEが嫌いになりましたが（笑）
]]> 複数同時にフィード tag:nini-design.com,2009:/nieks//2.69 2009-09-19T05:46:32Z 2010-01-17T07:53:06Z よく使うAPIにGoogle Feedがありますが、このAPIは毎度ほんとにお世... nini
ただ最近は、複数のブログから記事をフィードさせることが増えてきたため
ちょっとこれでは物足らないかなと・・・。

そこで使うようになったのが、Google FeedControl
これを使えば2つでも3つでもいくでもフィードすることができます。

まずはGoogle APIの利用登録をします。（無料）

そして貼り付けるコードは下記の通り
（3件以上のフィードを想定して多少カスタマイズしてあります。）

<html>
  <head>
    <script  type="text/javascript" src="http://www.google.com/jsapi?key="YOUR-KEY"></script>
    <script type="text/javascript">

	var strFeed1 = "http://www.aaa/index.xml";
	var strFeed2 = "http://www.bbb/index.xml";
	var strFeed3 = "http://www.ccc/index.xml";

	var strName1 = "タイトル１";
	var strName2 = "タイトル２";
	var strName3 = "タイトル３";

	var entryNum = 3;

	google.load("feeds", "1");

	function OnLoad() {
		var feedControl = new google.feeds.FeedControl();
		
		feedControl.addFeed(strFeed1, strName1);
		feedControl.addFeed(strFeed2, strName2);
		feedControl.addFeed(strFeed3, strName3);
		
		feedControl.setLinkTarget(google.feeds.LINK_TARGET_BLANK);
		feedControl.setNumEntries(entryNum);
		feedControl.draw(document.getElementById("feedControl"), 
			{drawMode : google.feeds.FeedControl.DRAW_MODE_LINEAR});
	}
	google.setOnLoadCallback(OnLoad);

    </script>
  </head>

  <body>
    <div id="feedControl">Loading</div>
  </body>
</html>

あとはCSSで表示のレイアウトを調整します。

#feedControl {
    text-align: left;   
    padding-left: 8px;
    padding-right: 8px;
}

#feedControl a {
    color: #990000;
    text-decoration: none;
}

#feedControl .gf-snippet,
#feedControl .gf-author,
#feedControl .gf-spacer {
    display : none;
}

#feedControl .gf-relativePublishedDate {
    color: #999966;
}

こんな感じで最近制作したウェブサイトはこちらです。ご参考までに。

【早稲田大学スキー部】

APIの詳細はGoogleのサイトで確認ください。
]]> PHPで配信エラーメールの受信 tag:nini-design.com,2009:/nieks//2.68 2009-08-27T07:30:07Z 2010-01-17T07:53:06Z メール一斉配信をしたときに届かなかったエラーメールだけを受信できないかと思い作っ... nini 受信できないかと思い作ってみました。

PEARのNet_POP3を使うとメールサーバーに
簡単にアクセスできるのでまずはそちらでメールの一覧を受信。

配信されなかったメールヘッダーの[X-Failed-Recipients]には
メールアドレスが入っているのでそれを取り出す。

後は日付順に並べれば配信エラーの一覧表ができる。

deleteMsg()メソッドを使うとメールの削除もできるので
古いメールはこれで自動的に削除していくといいかもしれない。


説明だけだと簡単なのだが、なかなかうまくいかずこれは意外と難問だった。

参考にしたサイトはこちら
PEAR::Net_POP3を使ってPOP3サーバにアクセスしよう - PHP TIPS：ITpro

<?php
require_once('Net/POP3.php');

$account = array(
  'host' => 'ホスト名',
  'port' => '110',
  'username' => 'ユーザ名',
  'password' => 'パスワード',
);
$pop3 =& new Net_POP3();
$pop3->connect($account['host'], $account['port']);
$pop3->login($account['username'], $account['password']);
   
    $mail_list = $pop3->getListing();
   
    $i = 0;
    foreach($mail_list as $key => $val) {
              
        $header_list = $pop3->getParsedHeaders($val["msg_id"]);
        $errdate = $header_list["Date"];
        $errmail = $header_list["X-Failed-Recipients"];

        if($errmail != "") {
            $errdata[$i]["errdate"] = $errdate;
            $errdata[$i]["errmail"] = $errmail;
            $i ++;
        }//end if
    }//end foreach
   
    $pop3->disconnect();
   
    $smarty->assign("errdata", $errdata);       
    $smarty->display("index.html");
?>
]]> セッションタイムアウトしない・・・ tag:nini-design.com,2009:/nieks//2.67 2009-08-07T12:19:12Z 2010-01-17T07:53:05Z デフォルトのセッションパスを使用するとどういうわけか動作が不安定になるので（レン... nini （レンタルサーバー会社に連絡してサーバーの再起動をしてもらうと直るのだが・・・面倒！）
パスを変えて使ってみると安定した。

ただひとつ問題が・・・
セッションタイムアウトしない！

php.iniもいじれず・・・

session_cache_expire()を使ってもタイムアウトせず・・・

困ったなーと思っていたが何とか解決しました。

結局、セッションファイルをチェックして一定時間が経過したら削除するという
ちょっと強引な方法で今のところ問題なく動作しています。

filemtime関数でファイルの更新時刻を取得し
指定した時間が経過したら削除するという方法で。
session_start() をするとこの更新時刻は更新されるため
使っている間は削除されないということになります。

使用方法はページを移動するたびにタイムアウト関数を走らせています。
※ session_start() よりも前に書きます。


以下の例ではタイムアウトの時間は10分に設定しています。

参考にしたページはこちら
http://www.phppro.jp/qa/449

// =========================================================
// セッションのタイムアウト制御
// =========================================================
function session_timeout() {
    //セッション有効時間（秒）
    $KeepAliveTime = 600;
    //セッションデータパス
    $sesspath = session_save_path();
     
    //タイムアウトしたセッションデータを検索＆削除
    foreach (glob("$sesspath/sess_*") as $fname) {
        if(filemtime($fname) + $KeepAliveTime < time()) {
            @unlink($fname);
        }//end if
    }//end foreach
}//end function

]]> 多重配列のエンコード tag:nini-design.com,2009:/nieks//2.66 2009-05-03T14:42:49Z 2010-01-17T07:53:05Z PHP＋Smartyで携帯サイトを制作すると絶対にぶつかる問題。「文字コードの変... nini
「文字コードの変換」

パソコン用であれば、「UTF-8」で統一しておけば何も問題ないのだが
携帯サイトに関しては、基本的に「SHIFT-JIS」

ドコモの一部機種とソフトバンクは、「UTF-8」対応しているが
auは対応しておらず、すべての携帯で見れる文字コードは
今のところ「SHIFT-JIS」のみ。

ただし、PHP＋Smartyは「UTF-8」か「EUC」しか対応していないので
PHPは上記どちらかで保存し、ビュー用のテンプレートファイルを「SHIFT-JIS」で保存。

そして、アウトプットさせるデータを出力時に「SHIFT-JIS」にエンコード。
これでうまくいくはずが・・・文字コードはハマると結構面倒なんだなぁ（泣）

今回気がついたことは、エンコードの関数「mb_convert_encoding」って
配列に対応してないのね・・・(><)

ということで、多重配列に対応したエンコード関数を作ってみました。
これで携帯でうまく表示されました！

/* -------------------------------------------
　文字列（配列）のエンコード
　$param = ターゲットとなる配列もしくは文字列
　$to_encoding = 変換後の文字コード
　$from_encoding = 変換前の文字コード（デフォルトはauto）
------------------------------------------- */
function arr_mb_convert_encoding($param, $to_encoding, $from_encoding="auto"){
    if(is_array($param)){
        foreach($param as $key => $val){
            if(is_array($val)){
                foreach($val as $k => $v){
                    $param[$key][$k] = mb_convert_encoding($v, $to_encoding, $from_encoding);
                }//end foreach
            }else{
                $param[$key] = mb_convert_encoding($val, $to_encoding, $from_encoding);
            }//end if
        }//end foreach
    }else{
        $param = mb_convert_encoding($param, $to_encoding, $from_encoding);
    }//end if
    return $param;
}//end function


]]> CSSで連番　10以上でバカになるIE tag:nini-design.com,2009:/nieks//2.65 2009-04-12T02:43:58Z 2010-01-17T07:53:05Z nini
.list_number {
    list-style-type: decimal;
}

<ul class="list_number">
    <li>●●●</li>
    <li>▲▲▲</li>
    <li>■■■</li>
　　　　　・
　　　　　・
</ul>

表示は下記のようになりますよね。
    1. ●●●
    2. ▲▲▲
    3. ■■■
　　　　・
　　　　・


そして、3の倍数じゃなくて・・・10以上になったときIEはバカになります。
通常なら10を表示するところをまた0からスタート。

Firefox, Opera, Safari, Chrome....すべて問題なし。

IE8では対応してくれるのだろうか・・・。
いつまでこんなヘッポコブラウザの対応をさせられるのか。

]]> 「サイトが移動しました(301)」だって？ tag:nini-design.com,2009:/nieks//2.64 2009-04-05T09:40:59Z 2010-01-17T07:53:05Z 一つのURLにアクセスしてもらって、PCか携帯かに振り分けるリダイレクトプログラ... nini 振り分けるリダイレクトプログラムを入れたら
ドコモだけ「サイトが移動しました(301)」と一旦表示されて
その後正常に表示される。

Smartyを使って、DisplayしているのでURLは変えないんだから
移動しましたっていちいち言うなよっ！という感じです。

結果的に超単純な方法で改善しましたが、これを改善といっていいのかどうか。
URLの最後に"/"（スラッシュ）を必ずつけるということでした。

QRコードや広告、名刺に記載するモバイルURLの最後に
しっかりと"/"（スラッシュ）を付けてもらうということでしょうか・・・。
何だか腑に落ちませんが。

]]> smatyでfor文、数値の桁を0で埋める tag:nini-design.com,2009:/nieks//2.63 2009-03-29T06:30:59Z 2010-01-17T07:53:05Z 例えば、1, 2, 3をすべて、001, 002, 003と表示させたい場合は下... nini 下記のような使い方をする。

{$cnt|string_format:"%03d"}

// $cntに数値が入るとする。

そして、それをfor文でまわすと下記のようなコードになる。

{section name=cnt start=1 loop=3}
　　　{$smarty.section.cnt.index|string_format:"%03d"}."<br />"
{/section}
]]> 突然、セッションエラー tag:nini-design.com,2009:/nieks//2.62 2009-03-26T14:43:19Z 2010-01-17T07:53:05Z 作業中に突然セッションエラーが発生するようになった・・・なぜ？エラーの行を見てみ... nini エラーの行を見てみると、最初のsession_start();の部分。
思い当たる節もなく、レンタルサーバー会社に即連絡。
サーバーの再起動で直ったもののしばらくするとまた発生。何なの？

エラーの内容は下記の通り。
**********************************************
Warning: session_start() [function.session-start]: open(/tmp/sess_e102d79a5e5f8a2accd0e3bc1dfbc1f8, O_RDWR) failed: Permission denied (13) in /public_html/index.php on line 7

Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct () in Unknown on line 0
**********************************************

またサーバーの再起動をしてもらったところで根本的な解決にはならないので
セッションパスを変えてみることにした。

新たにsessionというフォルダを作り、パスを変更。
session_save_path('/home/*****/session');

そして、エラーの内容からパーミッションに問題がありそうなので
777に設定変更し、再度実行してみると・・・なんと解決！

777でセキュリティ的にどうなのかという問題もあるが、public_htmlより
上の階層に作ってあるからまぁいいかということで・・・。

ちなみにsession_save_pathは、session_start()よりも先に書かなければならない。
ついでにタイムアウトの時間も変更。
デフォルトは180分らしい。そんなにはいらないので、30分くらいに・・・。

<?php
session_save_path('/home/*****/session');
session_cache_expire(30);
session_start();
・
・
?>

]]> CSVファイルのデータをPHP⇒Smartyで使う　パート２ tag:nini-design.com,2009:/nieks//2.60 2009-03-10T10:47:29Z 2010-01-17T07:53:04Z 先の記事で、fgetcsv関数を紹介しましたがどうもこの関数は処理速度が遅いらし... nini どうもこの関数は処理速度が遅いらしい。

ともかく少しでも速くしたいので、別の方法を試してみた。
fgetcsvに変えて、file_get_contentsを使ってみる。
ただし、file_get_contentsだと1行ずつ取り出してくれないので
explodeを2回入れる必要がある。
改行（\n）での分割とカンマ（,）での分割。
ちょっとコードが長くなるが、速いに越したことはない。

$fname = "csv/sample.csv";
$file = file_get_contents($fname);
$file_line = explode("\n", $file);
$i = 0;
foreach($file_line as $value) {
    list($sp_date, $sp_title, $sp_detail, $sp_url, $sp_photo) = explode(",", $value);
    $sp_data[$i]["sp_date"] = $sp_date;
    $sp_data[$i]["sp_title"] = $sp_title;
    $sp_data[$i]["sp_detail"] = $sp_detail;
    $sp_data[$i]["sp_url"] = $sp_url;
    $sp_data[$i]["sp_photo"] = $sp_photo;    
    $i++;
}// end foreach

ストップウォッチ片手にベンチマークしてみると
Firefoxにおいては、たしかに１秒ほど速くなった。

ただIE7.0でのテストは、わずかに速いかなという程度で
ほとんど変わらなかった・・・というかどちらも遅い。

DBが使える環境であれば、CSVよりも間違いなく
DBをおすすめする・・・当たり前か（＾＾；）

どちらにせよ、DBが使えない特殊な環境もしくは
制限がある場合は、CSVを使うしかないのだが
データを取り出す際には、fgetcsvよりもfile_get_contentsの方が
いいかもしれない。
他にもfile関数やfopen関数があるが、あまり変わらない
ということなので今回は試していない。

参考にしたサイト： 2Y's BLOG

]]> CSVファイルのデータをPHP⇒Smartyで使う tag:nini-design.com,2009:/nieks//2.59 2009-03-06T14:07:43Z 2010-01-17T07:53:04Z CSVファイルから取り出したデータを配列に入れてSmartyで呼び出してみる。D... nini Smartyで呼び出してみる。
DBが使えない環境でとりあえずの策として利用してみた。

$fname = "csv/sample.csv";
$file = fopen($fname, "r");
$i = 0;
while(list($sp_date, $sp_title, $sp_detail, $sp_url, $sp_photo) = fgetcsv($file, 1000, ",")) {
    $sp_data[$i]["sp_date"] = $sp_date;
    $sp_data[$i]["sp_title"] = $sp_title;
    $sp_data[$i]["sp_detail"] = $sp_detail;
    $sp_data[$i]["sp_url"] = $sp_url;
    $sp_data[$i]["sp_photo"] = $sp_photo;    
    $i++;
}//end while
fclose($file);

$smarty = new Smarty();
$smarty -> assign("sp_data", $sp_data);
]]> IE6だけ読み込ませない条件分岐 tag:nini-design.com,2009:/nieks//2.58 2009-02-23T16:13:56Z 2010-01-17T07:53:04Z 最近よく使うjavascriptで、ページ内をスムーズに動くというものがある。現... nini 現在製作中のサイトでも使用しているが、残念なことにIE6では正常に動作しない。
記述の仕方が悪いのではと何度か書き替えてみたものの全く変わらず
結局、IE6のバグらしいというところに行き着いた。
「またか・・・」とため息をもらす。

スムーズに移動しないどころかリンクに飛ばないという致命的な症状。
この際IE6は無視するか・・・というわけにもいかず（泣）
CSSハックでよく使う条件分岐を利用して、このスクリプトを
IE6だけ読み込ませないようにした。

<!--[if !lte IE 6]><![IGNORE[--><![IGNORE[]]>
<script type="text/javascript" src="xxxxx.js"></script>
<!--<![endif]-->

CSSでは、IEだけ読み込ませる条件分岐をよく使うが
逆に読み込ませないという指定は今回初めて使用した。

とにかく上記の条件分岐で、IE6以前のブラウザでは読み込ませないようにできた。
スムーズには移動しないが、リンクに飛べれば最低限OKということにした。

ちなみにIEだけ読み込ませる条件分岐は下記の通り。
<!--[if IE]>
<link href="css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

]]>