Web とは関係ない話ですが、写真を始めてから 2 年程になります。
感覚的には技術やうんちくを逆に知らない（知りたくない）ので純粋に楽しめて、特にフィルム一眼・トイカメラ・ポラロイドカメラなどのフィルムカメラにのめり込んで趣味で撮ってたんですが、趣味が高じて 1 枚だけ参加させてもらった「We Feel Fine: An Almanac of Human Emotion」という写真集みたいなアート本が本日発売されました。先日ニューヨーク（Brooklyn）の Powerhouse Books でリリースパーティがあった模様。人間の感情を表現する写真に特化しているらしいです。自分の写真を撮る時も感情を表現したいという思いが強いので、何だか共感してます。
物好きの方はAmazon Japan からどうぞ。
・・・・・
シドニーのウィークリーマガジンにフリーランスフォトグラファーとしても参加する予定なので、写真がアツイ！！とか勝手に思ってます。ウェブも同様にうんちくに走らず楽しんで作るようにします。]]>
reCAPTCHA でアカウントを作って、Public Key と Private Key を作成。
これを ini ファイルに設定して、こんな感じで設定。
$_params = array(
'theme' => 'blackglass'
);
$this->_recaptcha = new Zend_Service_ReCaptcha($this->_recaptchaIni->public_key, $this->_recaptchaIni->private_key);
$this->_recaptcha->setOptions($_params);
View には
$this->view->_recaptcha = $this->_recaptcha->getHtml();後は変数に post された際に下記な感じか。
if($_req->isPost()) {
$_recaptcha_challenge_field = $_req->getPost('recaptcha_challenge_field');
$_recaptcha_response_field = $_req->getPost('recaptcha_response_field');
$_recaptchaResult = $this->_recaptcha->verify(
$_recaptcha_challenge_field,
$_recaptcha_response_field
);
if(!$_recaptchaResult->isValid()) {
$_msg = 'reCaptcha field is needed to be filled correctly.';
array_push($this->_errors, $_msg);
}
if(!empty($this->_errors)) {
return;
}
}
楽やな。
・・・・・
海外に来て、日本じゃあまり聞いたことの無いサービスの API に連携しないといけない事が多々ある。自分だけ知らないのかもしれないが。Silverpop がその１つ。メーリングリスト系のウェブサービスらしい。さすがにこれは Zend_Service に無かった。PHP 系のサイト制作には高頻度使用なので、自作しよう。
日本ではあり得ない仕様が海外だと結構あり得たりする。
ここら辺は本当にむずい。そのうちここら辺については書こう。]]>
this._cfZendAmfProxy.addEventListener(CFZendAmfProxyEvent.RESULT, _resultHandler, false, 0, true);
this._cfZendAmfProxy.addEventListener(IOErrorEvent.IO_ERROR, _ioErrorHandler, false, 0, true);
this._cfZendAmfProxy.UserController_debug('Hello World');
で、RemoteProxy class 内部は
flash_proxy override function callProperty(method:*, ...params):*
{
_call(method, params);
}
private function _call(method:*, params:*):void
{
var methodName:String = method.toString();
if(methodName.indexOf("_"))
methodName = methodName.split("_").join(".");
this._nc.call(methodName, this._responder, params[0]);
}
また、Zend_Amf_Server の UserController の sendMail という関数を呼び出すとすると、View クラスでは
this._cfZendAmfProxy.addEventListener(CFZendAmfProxyEvent.RESULT, _resultHandler, false, 0, true); this._cfZendAmfProxy.addEventListener(IOErrorEvent.IO_ERROR, _ioErrorHandler, false, 0, true); this._cfZendAmfProxy.UserController_debug(mailVO);という感じで RemoteProxy class の内部は変わらない。]]> this._cfProxy.xml = "test.xml"; this._cfProxy.addEventListener(Event.COMPLETE, _completeHandler, false, 0, true); this._cfProxy.addEventListener(IOErrorEvent.IO_ERROR, _ioErrorHandler, false, 0, true); this._cfProxy.loadXml(); // もしくは this._cfProxy.asset = "test.jpg"; this._cfProxy.addEventListener(Event.COMPLETE, _completeHandler, false, 0, true); this._cfProxy.addEventListener(IOErrorEvent.IO_ERROR, _ioErrorHandler, false, 0, true); this._cfProxy.loadAsset(); で、RemoteProxy class 内部は
flash_proxy override function callProperty(name:*, ...args):*
{
var methodName:String = name.toString();
switch(methodName)
{
case "loadXml":
{
_loadXml();
break;
}
case "loadAsset":
{
_loadAsset();
break;
}
default:
{
_call(methodName, args);
break;
}
}
}
view 側では基本は４行ぐらいで済む。
Event が dispatch されたらきちんと removeEventListener はしておいた方が良い。
個人的には、FlickrProxy とか Twitter Proxy とか API が充実してるウェブサービス用にも各自 RemoteProxy クラスを作って確保してあります。
・・・・・
今日はシドニーは雨で結構寒いってのに、カフェはマックスでクーラー効きまくってる。
確かにオージーは冬でも半袖着てるしなあ。。超、さみー！！]]>
$_paginator = new Zend_Paginator(new Zend_Paginator_Adapter_Array($_data));
$_paginator->setCurrentPageNumber($_pageId);
$_paginator->setItemCountPerPage($this->_pagerIni->blog_per_page);
$_paginator->setPageRange($this->_pagerIni->page_range);
Zend_Debug::dump($_paginator->getPages('Sliding'));
結果は stdClass 形式で下記の様に返される。
object(stdClass)#69 (12) {
["pageCount"]=>
int(1)
["itemCountPerPage"]=>
int(3)
["first"]=>
int(1)
["current"]=>
int(1)
["last"]=>
int(1)
["pagesInRange"]=>
array(1) {
[1]=>
float(1)
}
["firstPageInRange"]=>
float(1)
["lastPageInRange"]=>
float(1)
["currentItemCount"]=>
int(2)
["totalItemCount"]=>
int(2)
["firstItemNumber"]=>
int(1)
["lastItemNumber"]=>
int(2)
}
]]>
class Convexstyle_Paginator_Pages
{
private $_pages;
private $_uri;
private $_placeHolder;
public function __construct(stdClass $pages)
{
$this->_pages = $pages;
}
public function __get($value)
{
return $this->_pages->$value;
}
public function setUri($uri, $placeHolder)
{
$this->_uri = $uri;
$this->_placeHolder = $placeHolder;
}
public function uri($value)
{
return strtr(
$this->_uri,
array($this->_placeHolder => $value)
);
}
public function __destruct()
{
}
}
インスタンス化の際に好きな形式な URI を setUri に渡して、どれが可変に変わるページ番号（ここでは $_pageId）になるかの placeHolder を２番目のパラメータとして割り当てるだけ。
$_pages = new Convexstyle_Paginator_Pages($_paginator->getPages('Sliding'));
$_pages->setUri('blog/page/%$pageId%', '%$pageId%');
後はこの $_pages オブジェクトを view に渡して完了！
$this->view->_pager = $_pages;Smarty 側では例えばこんな感じか。
<ul>
<% math equation=a+b a=$_pager->pageCount b=1 assign="_pagerTotal" %>
<% section start=1 name="pager" loop=$_pagerTotal %>
<% if $_pager->current == $smarty.section.pager.index %>
<li id="active"><% $smarty.section.pager.index %></li>
<% else %>
<li class="pager-link"><a href="<% $_pager->uri($smarty.section.pager.index) %>"><% $smarty.section.pager.index %></a></li><% /if %>
<% /section %>
</ul>
LIFE さんの方法を試してみたけど、途中でギブアップしました。viewHelper としてやってんのかな？
・・・・・
ちなみに
Smarty 3 がもうちょいですね！
Cairngorm 3 ももうちょいですね！
バージョン 3 が多いな、何か。
共に、高頻度使用なので目を通しておかんとなあ！]]>
ini_set('include_path',ini_get('include_path').':../_application/libs:');
すべてを吸収するのは不可能だとか途方に暮れてたら、PATH_SEPARATOR とか定数があるんですね。知りませんでした。なので下記の様に変更する事で対応出来ました。これで windows（xampp など）のローカルでの簡単なテストも行けますね。
<?php
if(!defined('PATH_SEPARATOR')) {
if(substr(strtoupper(PHP_OS), 0, 3) == 'WIN') {
define('PATH_SEPARATOR', ';');
} else {
define('PATH_SEPARATOR', ':');
}
}
ini_set('include_path', ini_get('include_path') . PATH_SEPARATOR . '../_application/libs');
//. .(一部削除) . .
$_envIni = new Zend_Config_Ini(CONFIG_BASE . 'app.ini', 'env');
$_server =& new Zend_Amf_Server();
$_server->setClass('UserController');
$_server->setClassMap('UserVO', 'UserVO');
if($_envIni->status == 'test') {
$_server->setProduction(false);
}
$_response = $_server->handle();
echo $_response;
・・・・・
2011 年初め辺りに日本に復帰するだろう。まだ１年以上あるんだけど、その時期が自分的にはいい時期です。また日本で働ける様に、それまで海外でもっとウェブを鍛錬します。]]>
Javascript と言えば、自前か JQuery 関連以外はあんまり使ったことが無いので library とか良く分からないですが、最近 thickbox 風の fancybox っていうのをプロジェクトで初めて使ってみた。使い方は物凄く簡単であえて説明をする必要もないので使用方法を見てもらうとして、こんな感じの見た目。
ここ
で、決まった URL 静的に html に記述、もしくは動的な URL を PHP 等でレンダリングして fancybox を割り当てるのは簡単なんですが、DOM 生成後に fancybox への URL をイベント毎に変更して割り当てるにはどうするんだと思って少しはまったのでメモ。
例えばユーザーの入力要素を付加した動的な URL（Zend Framework では Get 変数や UserParam 変数）を iframe 表示する場合。表示エリアが十分で、非同期に Ajax 処理できる場合は特に fancybox を選択する必要が無いので問題ないんだけど、表示スペースの問題でポップアップが必要な場合に当てはまるかも。ちなみに fancybox には thickbox の tb_show や tb_remove 等の様に関数からの処理が出来ない模様。
]]>
signup/index/email/任意のメールアドレス/?iframe という URL 形式で fancybox を起動したい場合。fancybox は a タグの href に既に値が設定されている前提で起動するので、クリックイベントによって fancybox が起動してしまうから普通にはクリック時に書き換えが出来ない。無理やり下記の様に変更しようとしても、fancybox の起動の方が速いので、href の変更は反映されない。
<script language="Javascript" type="text/javascript">
<!--
$(document).ready(function(){
$('a#testClick').fancybox({
'frameWidth': 800,
'frameHeight': 600
});
$('a#testClick').click(function(){
var _email = $('input#email').val();
$('a#testClick').attr('href', '/signup/index/email/' + _email + '/?iframe');
});
});
//-->
</script>
<form id="testForm">
<input type="text" id="email" />
</form>
<a href="http://maps.google.com/?iframe" id="testClick">test</a>
なので、クリックイベント時に URL 生成するのと、fancybox を切り分けたいと思い、空の a タグを作成し、この空の方へ fancybox を割り当て、クリックイベントを発生させる a タグはその URL を変更する様に変更し、最後に、JQuery の click イベントを実行することで回避できた。本来は maps.google.com を表示するはずだけど、それはされない。
<script language="Javascript" type="text/javascript">
<!--
$(document).ready(function(){
$('a#linkHolder').fancybox({
'frameWidth': 800,
'frameHeight': 600
});
$('a#testClick').click(function(){
var _email = $('input#email').val();
$('a#linkHolder').attr('href', '/signup/index/email/' + _email + '/?iframe');
$('a#linkHolder').click();
});
});
//-->
</script>
<form id="testForm">
<input type="text" id="email" />
</form>
<a href="Javascript:void(0);" id="testClick">test</a>
<a href="http://maps.google.com/?iframe" id="linkHolder">
JQuery の click イベントを関数内で呼び出すっていうのは使えるケースが色々ある様な気がする。
これだと Flash からも呼び出すことが可能ですね！
・・・・・
[参考サイト]
fancybox
JQuery
]]>
http://ad.doubleclick.net/pfadx/AngelaSite;kw=dclkvideo;sz=120x350;ord=3577745;Google In-Stream の場合は AdsLoader と AdsRequest クラスを使用してアクセスするので、URLLoader クラスと URLRequest クラスのを使用する方法といたって基本は同じです。 （３）マッピング リスポンスは AdsRequest.adType の値によって変わるようなので、この値を基に AdsLoader.load した際のイベントハンドラ内でどのようなメディアが返ってくるか判断します。Video の表示は VideoAdsManager を使用して行います。ここで凄いな！って思ったのは、videoAdsManager.load(flvPlayBack or VideoObject) / videoAdsManager.play(flvPlayBack or VideoObject) を設定するだけで、勝手に Flv が通常の FlvPlayBack や Video オブジェクトに表示されちゃうことです。後は AdEvent.COMPLETE イベントハンドラが呼ばれたら Flv の表示は終了なのでこのタイミングで任意の処理をします。１つ忘れては行けないことは videoAdsManager.clickTrackingElement に任意の DisplayObject を設定してやることです。そうしないとエラーになります。自分の場合はプリロールなので、AdEvent.COMPLETE が dispatch された時点で、次の通常の Flv を表示する様にコーディングしました。 （４）集計 ドキュメントによれば load や complete のトラッキングや AFV(Adsense for Video) でクリックのインプレッションをトラッキングしてくれるそうです。]]> （５）基本のソースの流れは下記な感じです。
package view.contents
{
import com.google.ads.instream.api.AdErrorEvent;
import com.google.ads.instream.api.AdEvent;
import com.google.ads.instream.api.AdLoadedEvent;
import com.google.ads.instream.api.AdsLoadedEvent;
import com.google.ads.instream.api.AdsLoader;
import com.google.ads.instream.api.AdsManager;
import com.google.ads.instream.api.AdsManagerTypes;
import com.google.ads.instream.api.AdsRequest;
import com.google.ads.instream.api.VideoAdsManager;
import fl.video.FLVPlayback;
import flash.display.MovieClip;
import flash.events.Event;
public class TestDoubleClickInStream extends MovieClip
{
private var _compPlayer:FLVPlayback;
private var _mcButton:MovieClip;
private var _adsLoader:AdsLoader;
private var _adsManager:AdsManager;
public function TestDoubleClickInStream()
{
super();
this.init();
}
private function init():void
{
this._compPlayer = this["compFlvPlayBack"];
this._mcButton = this["mcButton"];
this.addEventListener(Event.ADDED_TO_STAGE, onAddedToStage, false, 0, true);
}
private function onAddedToStage(evt:Event):void
{
this.loadAd();
}
private function loadAd():void
{
// AdsLoader
this._adsLoader = new AdsLoader();
this.stage.addChild(this._adsLoader);
this._adsLoader.addEventListener(AdsLoadedEvent.ADS_LOADED, onAdsLoaded, false, 0, true);
this._adsLoader.addEventListener(AdErrorEvent.AD_ERROR, onAdError, false, 0, true);
// Create AdsRequest
var adsRequest:AdsRequest = new AdsRequest();
adsRequest.adSlotWidth = 400;
adsRequest.adSlotHeight = 300;
adsRequest.adTagUrl = "http://ad.doubleclick.net/pfadx/AngelaSite;kw=dclkvideo;sz=120x350;ord=3577745;";
adsRequest.adType = "video";
adsRequest.maxTotalAdDuration = 12000;
adsRequest.adSlotHorizontalAlignment = "center";
adsRequest.adSlotVerticalAlignment = "middle";
adsRequest.contentId = "unique-content-identifier";
// Request ads
this._adsLoader.requestAds(adsRequest);
}
private function playContent():void {
this._compPlayer.source = "http://www.covexstyle.com/test.flv";
}
private function onAdsLoaded(evt:AdsLoadedEvent):void
{
trace("Loaded");
this._adsManager = evt.adsManager;
this._adsManager.addEventListener(AdErrorEvent.AD_ERROR, onAdError, false, 0, true);
this._adsManager.addEventListener(AdEvent.COMPLETE, onCompleteHandler, false, 0, true);
if(this._adsManager.type == AdsManagerTypes.VIDEO)
{
var videoAdsManager:VideoAdsManager = this._adsManager as VideoAdsManager;
videoAdsManager.clickTrackingElement = this._mcButton;
this._adsManager.load(this._compPlayer);
this._adsManager.play(this._compPlayer);
}
}
private function onPrerollVideoLoadedHandler(evt:AdsLoadedEvent):void
{
trace("Loaded");
}
private function onCompleteHandler(evt:AdEvent):void
{
this.playContent();
}
private function onLoadedHandler(evt:AdLoadedEvent):void
{
trace("Loaded");
}
private function onAdError(evt:AdErrorEvent):void
{
trace("error: " + evt);
trace(evt.error.errorType);
trace(evt.error.errorMessage);
}
}
}
・・・・・
「参考サイト」
Double-Click InStream について
Google InStream API について
]]>
特に面倒ではないけど普通には Software Update でプラグインをインストール出来なかったので一応メモ。
(1) Subclipse をダウンロード
tigris.org のダウンロードページから最新の安定板をダウンロードする。
(2) ファイル解凍。
解凍して features と plugins ディレクトリの中身を各自、Flash Builder 4/Flex Builder 3 がインストールされているアプリケーションディレクトリ内の features と plugins ディレクトリ内にコピー。
(3) Flash Flash Builder 4/Flex Builder 3 を起動。
Flash Builder 4/Flex Builder 3 が起動している場合が再起動。
(4) SVN Interface の変更。
Windows の Eclipse For PHP Developer では JavaHL では ssh+svn でアクセス出来なかったので、一応、SVN interface を SVNKit に変更。Windows > Perspective もしくは 右上のボタンから SVN Repository Explorer を起動して svn+ssh で自分のサーバのレポジトリにアクセスして、好きなワークフォルダをチェックアウト。http の場合は JavaHL で良い模様。
(5) チェックアウト。
SVN Repository Explorer 内にある好きなプロジェクトを Flex Project、Flash Project、Air Project のいずれかにして checkout。
(6) アップデート。
変更したら絶えず SVN Update。
ちなみに Eclipse For PHP Developer には Subclipse, Aptana, SmartyEditor 辺りのプラグインを入れ、特に開発はめんどくさくない。後、FTP とか SSH とか調べてみよう。
・・・・・
前々からやろうと思ってやってなかったのですが、とにかく個人プロジェクトレベルでも同期しておいた方が楽だ。「以前どう処理したっけ！？」とかプロジェクトで忘れた時も、会社でも自分のソースが読めるし！]]>
this._zendAmfProxy = new CFZendAmfProxy("http://www.test.com/amfserver/server.php");
this._zendAmfProxy.addEventListener(CFZendAmfProxyEvent.RESULT, onResultHandler, false, 0, true);
this._zendAmfProxy.addEventListener(CFZendAmfProxyEvent.STATUS, onStatusHandler, false, 0, true);
this._zendAmfProxy.addEventListener(CFZendAmfProxyEvent.ERROR, onErrorHandler, false, 0, true);
this._zendAmfProxy.UserController_debug();
ということは、多分特に気にしなくてもいいんだろう。
・・・・・
「参考サイト」
Zend_Amf について
NetConnection について
Proxy について
「お勧め本」
]]>