WEBプログラム覚書

PHP+jQuery+Fotolia APIでつくるちょいエロカルーセル

2010-03-04T19:45:49Z

アニメーションががSexyとかじゃなく写真がちょいエロなだけなので選ぶ写真によっては爽やかにもなりますw

]]>

FotoliaAPI ギャラリーデモ

利用方法

ダウンロード

動かすには下記環境が必要になります。

PHP5以上
jquery-1.3.1以上

Fotolia

FotoliaはAPIが公開されてて、アフィリエイトもできる写真素材のダウンロードサイト。ディスカウントもあり個人でも利用できる手頃な値段がうれしい。

まずはユーザ登録してAPIキーを取得しましょう。審査があるので取得まで時間がかかります。

jQueryでカルーセル

とりあえず作ったって感じなので、いろいろと問題があるかと思います。愛用のプラグインなどあればそちらを利用した方がよいかとおもいますw

キャッシュ

キャッシュはデフォルトでOFFですが利用した方が良いです。 Zend Framework: Documentation: Zend_Cache - Zend Framework Manual を同梱してあるので利用する場合はconfig.phpで設定。そしてキャッシュディレクトリを書き込み可能に。

XML-RPCメモ

XML-RPCとは簡単に言うとXMLをPOSTするとXMLが返ってくるというもの。最近のWEBサービスで公開されてるAPIはRESTが多く、よく知らなかったんですがよく利用されているみたいです。

参照サイト

[Studying HTTP] Introduction of HTTP

で、メソッドとヘッダとコンテンツを送る仕様のはずなんだけど、メソッドとヘッダを入れるとエラー。

viewSource(' $opts = array(\'http\'=>array( /* エラー \'method\' => \'POST /Xmlrpc/rpc HTTP/1.0\', \'header\' => \'Host: api.fotolia.com\' . "\r\n" . \'Connection: close\' . "\r\n" . \'Content-Type: text/xml\' . "\r\n" . \'Content-Length: \' . strlen($this->_query). "\r\n", */ \'content\' => $this->_query )); $context = stream_context_create($opts); $result = file_get_contents(FotoliaAPI::URL_REQUEST, false, $context); '); ?>

どの辺がエラーなのかさっぱりです。そしてなんでmethod、header無しでOKなのかもさっぱり不明。そもそもPHPからどんなヘッダが送られてるのかどうやって確認すればいいんだろ？

ブラウザでパラメータ編集して結果が確認できるRESTの便利さがよく分かりました。

リクエスト

n個のメディア情報を取得する場合、n回リクエストしてる状況なので重い。 1回のリクエストでparamsは1個かと思ってたんですが、レスポンスはとしか書いてない。

もしかしてリクエスト時は複数のparamsを組み込めるのだろうか？

参照サイト

XML-RPC 仕様書

am->viewBookGroup('php'); $KT->am->viewBookGroup('jquery'); ?>

ActionScript3.0 [基礎] Tweenとeasing

2010-02-23T19:55:46Z

ActionScript3.0で最も簡単にアニメーションをさせることができる Tweenと加速と減速が簡単に設定できるeasingを使ってみる。

結果はこれ。

]]> Main.as viewSource(' package { import flash.display.Sprite; import flash.display.Shape; import flash.text.TextField; import flash.events.MouseEvent; import flash.display.StageAlign; import fl.transitions.Tween; import fl.transitions.easing.*; import com.kantenna.display.DispalyBox; import com.kantenna.effect.EffectBox; import com.kantenna.display.ExecButton; public class Main extends Sprite { private var _eff_box:EffectBox = new EffectBox(); private var _disp_box:DispalyBox = new DispalyBox(); public function Main():void { stage.align = StageAlign.TOP_LEFT; var sp:Shape = new Shape(); sp.graphics.beginFill(0xE5E5E5); sp.graphics.drawRect(0, 0, 1024, 800); sp.graphics.endFill(); addChild(sp); // エフェクト用のオブジェクト作成 createEffectObject(); _eff_box.x = 200; _eff_box.y = 100; _eff_box.build(); addChild(_eff_box); // ボタン作成 createButtons(); _disp_box.row = DispalyBox.VERTICAL; _disp_box.build(); addChild(_disp_box); } public function createEffectObject():void { var str:String = \'kantenna.com\'; for (var i:int = 0; i < str.length; i++ ) { var txt:TextField = new TextField(); txt.width = 20; txt.text = str.charAt(i); _eff_box.add(txt); } } public function createButtons():void { _disp_box.add(new ExecButton(\'現在位置から上\', MouseEvent.CLICK, function(e:MouseEvent):void { _eff_box.moveToTop( { } ); })); _disp_box.add(new ExecButton(\'現在位置から下\', MouseEvent.CLICK, function(e:MouseEvent):void { _eff_box.moveToBottom( { } ); })); _disp_box.add(new ExecButton(\'現在位置から右\', MouseEvent.CLICK, function(e:MouseEvent):void { _eff_box.moveToRight( { } ); })); _disp_box.add(new ExecButton(\'現在位置から左\', MouseEvent.CLICK, function(e:MouseEvent):void { _eff_box.moveToLeft( { } ); })); _disp_box.add(new ExecButton(\'拡大\', MouseEvent.CLICK, function(e:MouseEvent):void { _eff_box.zoomIn( { } ); })); _disp_box.add(new ExecButton(\'縮小\', MouseEvent.CLICK, function(e:MouseEvent):void { _eff_box.zoomOut( { } ); })); // 設定変更用のボタン _disp_box.add(new ExecButton(\'String.easeIn 設定変更\', MouseEvent.CLICK, function(e:MouseEvent):void { _eff_box.defaultParams = { easing: Strong.easeIn, duration: 0.3, duray: 80, distance: 100, scaleX: 3, scaleY: 3, alpha: 1 }; })); // 設定変更用のボタン _disp_box.add(new ExecButton(\'Elastic.easeOut 設定変更\', MouseEvent.CLICK, function(e:MouseEvent):void { _eff_box.defaultParams = { easing: Elastic.easeOut, duration: 0.3, duray: 80, distance: 100, scaleX: 3, scaleY: 3, alpha: 1 }; })); } } } '); ?>

EffectBox.as

viewSource(' package com.kantenna.effect { import flash.display.Sprite; import flash.display.DisplayObject; import fl.transitions.Tween; import fl.transitions.easing.*; import flash.text.TextField; import flash.utils.Timer; import flash.events.TimerEvent; public class EffectBox extends Sprite { public static const LINE:String = \'line\'; public static const VERTICAL:String = \'vertical\'; /** * 縦に配置するか横に配置するかの設定 * * 縦配置 : line * 横配置 : vertical */ private var _row:String; /** * 並べるアイテム * 中身はDisplayObject * */ private var _items:Array; /** * 並べた時の間隔 */ private var _margin:int = 0; private var _default_params:Object = { easing: Regular.easeInOut, duration: 0.5, duray: 240, distance: 100, scaleX: 3, scaleY: 3, alpha: 1 }; /** * コンストラクタ * * @param items Array or DisplayObject * @param row String line|vertical */ public function EffectBox(items:* = null, row:String = LINE):void { _row = row; _items = new Array(); if (items !== null) { add(items); } } /** * _itemsにDisplayObjectを追加 * * @param objects DisplayObject or DisplayObject が入ったArray */ public function add(objects:Object):void { if (objects is Array) { objects.forEach(function(object:DisplayObject):void { _items.push(objects); }); } else if (objects is DisplayObject) { _items.push(objects); } else { throw new Error("Display Objectを入れてください。"); } } /** * _itemsにあるDisplayObjectを * 自身にaddChild * */ public function build():void { var position:int = 0; _items.forEach(function(item:DisplayObject, index:int, array:Array):void { if (_row === LINE) { item.x = position; addChild(item); position += item.width + _margin; } else { item.y = position; addChild(item); position += item.height + _margin; } }); } public function get row():String { return _row; } public function set row(str:String):void { _row = str; } public function get margin():int { return _margin; } public function set margin(px:int):void { _margin = px; } private function margeParams(params:Object):Object { var result:Object = { }; for (var key:String in _default_params) { // メモ:undefinedはfalse result[key] = params[key] ? params[key] : _default_params[key]; } return result; } public function set defaultParams(obj:Object):void { _default_params = obj; } /** * 現在の位置から上に移動させる * * @param params デフォルトの値はmargeParams()を参照 */ public function moveToTop(params:Object):void { params = margeParams(params); var timer:Timer = new Timer(params.duray, numChildren); timer.start(); timer.addEventListener(TimerEvent.TIMER, function():void { var current = getChildAt(timer.currentCount - 1); new Tween(current, \'y\', params.easing, current.y, current.y - params.distance, params.duration, true); }); } /** * 現在の位置から上に移動させる * * @param params デフォルトの値はmargeParams()を参照 */ public function moveToBottom(params:Object):void { params = margeParams(params); var timer:Timer = new Timer(params.duray, numChildren); timer.start(); timer.addEventListener(TimerEvent.TIMER, function():void { var current = getChildAt(timer.currentCount - 1); new Tween(current, \'y\', params.easing, current.y, current.y + params.distance, params.duration, true); }); } public function moveToRight(params:Object):void { params = margeParams(params); var timer:Timer = new Timer(params.duray, numChildren); timer.start(); timer.addEventListener(TimerEvent.TIMER, function():void { var current = getChildAt(timer.currentCount - 1); new Tween(current, \'x\', params.easing, current.x, current.x + params.distance, params.duration, true); }); } public function moveToLeft(params:Object):void { params = margeParams(params); var timer:Timer = new Timer(params.duray, numChildren); timer.start(); timer.addEventListener(TimerEvent.TIMER, function():void { var current = getChildAt(timer.currentCount - 1); new Tween(current, \'x\', params.easing, current.x, current.x - params.distance, params.duration, true); }); } public function zoomIn(params:Object):void { /* var easing:Function = (params._easing == undefined) ? Regular.easeInOut : params._easing; var duration:Number = (params._duration == undefined) ? 0.2 : params._duration; */ params = margeParams(params); var timer:Timer = new Timer(params.duray, numChildren); timer.start(); timer.addEventListener(TimerEvent.TIMER, function():void { var current:DisplayObject = getChildAt(timer.currentCount - 1); new Tween(current, \'scaleX\', params.easing, current.scaleX, current.scaleX * params.scaleX, params.duration, true); new Tween(current, \'scaleY\', params.easing, current.scaleY, current.scaleY * params.scaleY, params.duration, true); }); } public function zoomOut(params:Object):void { params = margeParams(params); var timer:Timer = new Timer(params.duray, numChildren); timer.start(); timer.addEventListener(TimerEvent.TIMER, function():void { var current:DisplayObject = getChildAt(timer.currentCount - 1); new Tween(current, \'scaleX\', params.easing, current.scaleX, current.scaleX / params.scaleX, params.duration, true); new Tween(current, \'scaleY\', params.easing, current.scaleY, current.scaleY / params.scaleY, params.duration, true); }); } } } '); ?>

DispalyBox.as

viewSource(' package com.kantenna.display { import flash.display.Sprite; import flash.display.DisplayObject; public class DispalyBox extends Sprite { public static const LINE:String = \'line\'; public static const VERTICAL:String = \'vertical\'; /** * 縦に配置するか横に配置するかの設定 * * 縦配置 : line * 横配置 : vertical */ private var _row:String; /** * 並べるアイテム * 中身はDisplayObject * */ private var _items:Array; /** * 並べた時の間隔 */ private var _margin:int = 0; /** * コンストラクタ * * @param items Array or DisplayObject * @param row String line|vertical */ public function DispalyBox(items:* = null, row:String = LINE):void { _row = row; _items = new Array(); if (items !== null) { add(items); } } public function add(objects:Object):void { if (objects is Array) { objects.forEach(function(object:DisplayObject):void { _items.push(objects); }); } else if (objects is DisplayObject) { _items.push(objects); } else { throw new Error("Display Objectを入れてください。"); } } public function build():void { var margin:int = _margin; var position:int = 0; _items.forEach(function(item:DisplayObject, index:int, array:Array):void { if (_row === LINE) { item.x = position; addChild(item); position += item.width + _margin; } else { item.y = position; addChild(item); position += item.height + _margin; } }); } public function get row():String { return _row; } public function set row(str:String):void { _row = str; } public function get margin():int { return _margin; } public function set margin(px:int):void { _margin = px; } } } '); ?>

ExecButton.as

viewSource(' package com.kantenna.display { import fl.controls.Button; import flash.events.*; public class ExecButton extends Button { // リスナー関数 private var _lisn:Function = function():void { trace(this.label) }; // Event.CONST private var _evt:String = MouseEvent.CLICK; public function ExecButton(lab:String, e:String, f:Function):void { super(); this.label = lab; this.setEventListener(e, f); } public function setEventListener(e:String, f:Function):void { delEventListener(); addEventListener(e, f, false, 0, true); _evt = e; _lisn = f; } public function delEventListener():void { if (hasEventListener(_evt)) { removeEventListener(_evt, _lisn); } } } } '); ?>

動き的にはElasticがおもしろい。動きが単調だねとか言われたらElastic使えばごまかせそうｗ

移動のボタンを連打すると位置がずれる。これを防ぐには、Tween - motionFinish とか使えばよさそう。

コンパイルについて

FlashDevelopっていうかFlexSDKでflパッケージを利用すると動きがおかしくなることがある?? flashでのコンパイル結果とFlexSDKでのコンパイル結果が違ってかなりハマった。

おそらく僕の設定方法がおかしいんだろうけど、一応ネットで出てくる情報を元に、 SWC使ったりクラスパス通したりしたんだけどダメだったんで、もし同じような症状の人いたら flパッケージ使う場合はflashからコンパイルしたほうがいいよと。

基準点について

拡大縮小がわかりやすいんですが、基準点が左上になっている。で、ActionScript3.0で作成したオブジェクトの基準点は自動で左上になり、基準点を変更することはできないらしい。

が、偉大なる先駆者たちが変更したように見せかける方法を開発してくれています。調べてみたところ3つくらいあるようです。次はそれについてテストしてみようかと思います。

参照サイト

am->viewBookGroup('as'); ?>

ActionScript3.0 [練習] XMLとナビゲーション

2010-02-15T18:50:55Z

すっかり忘れかかってるActionScript3.0。FlashDevelop.jpのおかげでちょっとやる気が復活。

とはいえまた一から本読むのもあれなんで、いろいろ作りながら覚えていこうかと思います。

]]> ナビゲーションとXML

まずはナビゲーションを作ってみる。 ActionScript3.0はXMLのパースが簡単という噂なのでXMLから設定読み込んでやってみたんですがホントXMLが扱いやすい。

まぁ取得するまでが、ちと面倒ですが。ってかPHPのfile_get_contents()があまりに便利すぎ。

実行結果

globalnavi.xml

viewSource(' 120 50 0xFFFFFF 0x000000 0x660099 0xCC0000 0xCCFF00 HOME / pg /pg/ info /info/ アプリ /app/ サービス /service/ '); ?>

Main.as

flash.xmlパッケージは互換のためのクラス。 ActionScript3.0ではグローバルXMLってグローバルにXMLクラスXML関数が存在してるのでそちらを利用する。

関数とクラスどちらを使えば良いのか迷った。 URLLoader使ってデータ読み込む場合、基本的にどっちでも良さそう。XML関数は

viewSource(' public function XML(expression:Object):XML '); ?>

となっていてオブジェクトを受け取ってXMLオブジェクトを返すんだけど URLLoader.dataが返すのってStringオブジェクトなので関数使っても同じ結果になる。

ただサンプルとか見てもnewしてあるので倣ったほうがいいのかも。

viewSource(' package com.kantenna.globalnavi { import flash.display.Sprite; import flash.events.Event; import flash.net.URLLoader; import flash.net.URLRequest; import com.kantenna.display.DispalyBox; import com.kantenna.display.LinkButton; public class Main extends Sprite { private var conf_file:String = \'globalnavi.xml\'; /** * コンストラクタ * @return void */ public function Main():void { addChild(function():DispalyBox { var gn:DispalyBox = createGlobalnavi(); gn.x = 0; gn.y = 0; return gn; }()); } /** * グローバルナビゲーションを作成 * 各メニューはグローバルナビゲーション用の * SpriteにaddChildされる * * @return Sprite */ private function createGlobalnavi():Sprite { // メニュー格納用 var global_navi:DispalyBox = new DispalyBox(); // 設定ファイル読み込み var loader:URLLoader = new URLLoader(); var request:URLRequest = new URLRequest(conf_file); loader.load(request); // 読み込み成功時の処理 loader.addEventListener(Event.COMPLETE, function(e:Event):void { var xml:XML = new XML(e.target.data); // メニューの情報 var navies:XMLList = xml.lists.list; // ボタンの設定情報 var conf:XMLList = xml.config; var button:LinkButton; for each (var navi:XML in navies) { button = new LinkButton(); button.name = navi.name; button.setRequest(navi.url); button.setState(\'up\', navi.name, conf.child(\'fontColor\'), conf.child(\'width\'), conf.child(\'height\'), conf.child(\'backgroundColorUp\')); button.setState(\'over\', navi.name, conf.child(\'fontColor\'), conf.child(\'width\'), conf.child(\'height\'), conf.child(\'backgroundColorOver\')); button.setState(\'down\', navi.name, conf.child(\'fontColor\'), conf.child(\'width\'), conf.child(\'height\'), conf.child(\'backgroundColorDown\')); button.setState(\'hit\', navi.name, conf.child(\'fontColor\'), conf.child(\'width\'), conf.child(\'height\'), conf.child(\'backgroundColorHit\')); button.setEL(); global_navi.add(button); } global_navi.build(); }); return global_navi; } } } '); ?>

DispalyBox.as

Array.forEachの第二引数にオブジェクトを渡すと、コールバック関数内でthisで参照できる。のちのち使えそうな気がするので忘れないようにメモ。

LinkButton.as

viewSource(' package com.kantenna.display { import flash.display.DisplayObject; import flash.display.SimpleButton; import flash.net.URLRequest; import flash.net.navigateToURL; import flash.events.Event; import flash.events.MouseEvent; import flash.text.TextField; public class LinkButton extends SimpleButton { private var _request:URLRequest; private var _trigger:String; /** * コンストラクタ * * @param upState DisplayObject or NULL * @param overState DisplayObject or NULL * @param downState DisplayObject or NULL * @param hitTestState DisplayObject or NULL */ public function LinkButton(upState:DisplayObject = null, overState:DisplayObject = null, downState:DisplayObject = null, hitTestState:DisplayObject = null) { _request = new URLRequest(); _trigger = MouseEvent.CLICK; super(upState, overState, downState, hitTestState); } /** * ボタンの機能 * _requestに設定されてあるURLへ移動 * */ public function execute():void { navigateToURL(getRequest()); } /** * リンク先の設定 */ public function setRequest(url:String):void { _request.url = url; } /** * リンク先の取得 */ public function getRequest():URLRequest { return _request; } /** * ボタンのイベントリスナー設定 */ public function setEL():void { addEventListener(_trigger, handler); } /** * ボタンのイベントリスナー削除 */ public function removeEL():void { if (hasEventListener(_trigger)) { removeEventListener(_trigger, handler); } } /** * イベントハンドラ */ public function handler(e:Event):void { execute(); } public function set trigger(str:String):void { _trigger = str; } public function get trigger():String { return _trigger; } /** * up|over|down|hit のグラフィックを設定 * * @param str String up|over|down|hit * @param text String * @param color String * @param width String * @param height String * @param bg String */ public function setState(str:String, text:String, color:String, width:String, height:String, bg:String):void { var tf:TextField = createTextField(text, color, width, height, bg); switch (str) { case \'up\': upState = tf; break; case \'over\': overState = tf; break; case \'down\': downState = tf; case \'hit\': hitTestState = tf; break; } } /** * テキストフィールドを作成 * * @param text String * @param color String * @param width String * @param height String * @param bg String * @return TextField */ private function createTextField(text:String, color:String, width:String, height:String, bg:String):TextField { var txt:TextField = new TextField(); txt.text = text; txt.textColor = uint(color); txt.width = int(width); txt.height = int(height); txt.background = true; txt.backgroundColor = uint(bg); return txt; } } } '); ?>

あとはURL取得してディレクトリ判定して該当のボタンをUP状態にしたいなー。

参照サイト

am->viewBookGroup('as'); ?>

[jQuery]こんな機能があったんだ。jQuery stop()

2010-01-19T03:10:20Z

「Buttons like Windows 7 with JS & CSS」を見てて

]]> viewSource(' el.win7BG.stop().animate({\'opacity\':1},300); '); ?>

って記述あったので調べてみたらstop()って色々使えるんですね。全然しらなかったです。

stop([clearQueue], [gotoEnd])

引数は2つ。何も指定しないとfalse

[clearQueue]がtrueの場合、持っているキューが全て削除される。[gotoEnd]はtrueにすると現在のアニメーションの最後のコマへジャンプする。

参照サイト

Effects/stop - jQuery JavaScript Library

いまいちわからなかったのでテスト。

テストコード

マウスオーバーすると横幅が広がり、縦に伸びるアニメーションを作成する。

viewSource(' var li_width = {_min: \'50px\', _max: \'400px\'}; var li_height = {_min: \'20px\', _max: \'100px\'}; var li_style = {width: li_width._min, height: \'20px\', display: \'block\', margin: \'0px\'}; var li_colors = [\'#20B7F2\', \'#3086A3\', \'#022037\']; $(\'#JQStopTest li\').each(function(i){ li_style.backgroundColor = li_colors[i]; $(this).css(li_style).hover(function(){ $(this).animate({width: li_width._max}).animate({height: li_height._max}); }, function(){ $(this).animate({width: li_width._min}).animate({height: li_height._min}); }); }); // HTML

'); ?>

stop()なし

stop()がない場合、当然ながらキューが削除されないのでイベントが発生した回数分だけ実効される。

viewSource(' $(\'#JQStopTest1 li\').each(function(i){ li_style.backgroundColor = li_colors[i]; $(this).css(li_style).hover(function(){ $(this).animate({width: li_width._max}).animate({height: li_height._max}); }, function(){ $(this).animate({width: li_width._min}).animate({height: li_height._min}); }); });

'); ?>

stop(false, false)

デフォルトではfalseとなっている。一瞬だけマウスオーバーした場合、マウスアウトした時点で現在のアニメーション(横の変化)を停止。 [clearQueue]がfalseのためキュー(縦の変化)が存在するので次のキュー(縦の変化)に移行する。

viewSource(' $(\'#JQStopTest2 li\').each(function(i){ li_style.backgroundColor = li_colors[i]; $(this).css(li_style).hover(function(){ $(this).stop().animate({width: li_width._max}).animate({height: li_height._max}); }, function(){ $(this).stop().animate({width: li_width._min}).animate({height: li_height._min}); }); });

'); ?>

stop(false, true)

[gotoEnd]がtrueの場合、途中で中断した場合でも現在のアニメーションの最終コマに移動する。一瞬だけ、マウスオーバーした場合、上記と違い横幅がMAXまで伸びる。あとは同じく、残っているキュー(縦の変化)が実行される。

viewSource(' $(\'#JQStopTest3 li\').each(function(i){ li_style.backgroundColor = li_colors[i]; $(this).css(li_style).hover(function(){ $(this).stop(false, true).animate({width: li_width._max}).animate({height: li_height._max}); }, function(){ $(this).stop(false, true).animate({width: li_width._min}).animate({height: li_height._min}); }); });

'); ?>

stop(true, false)

JQStopTest2と同じで一瞬だけマウスオーバーしてマウスアウトした場合、[gotoEnd]がfalseのため横の変化が途中で止まる。 [clearQueue]がtrueの場合、持っているキュー(縦の変化)も削除されるので縦に変化するアニメーションは実行されない。

viewSource(' $(\'#JQStopTest4 li\').each(function(i){ li_style.backgroundColor = li_colors[i]; $(this).css(li_style).hover(function(){ $(this).stop(true, false).animate({width: li_width._max}).animate({height: li_height._max}); }, function(){ $(this).stop(true, false).animate({width: li_width._min}).animate({height: li_height._min}); }); });

'); ?>

stop(true, true)

両方trueの場合。一瞬だけマウスオーバーしてマウスアウトした場合、現在のアニメーション(横の変化)は最後のコマにジャンプするが、縦の変化のキューはクリアされてるため実行されない。

viewSource(' $(\'#JQStopTest5 li\').each(function(i){ li_style.backgroundColor = li_colors[i]; $(this).css(li_style).hover(function(){ $(this).stop(true, true).animate({width: li_width._max}).animate({height: li_height._max}); }, function(){ $(this).stop(true, true).animate({width: li_width._min}).animate({height: li_height._min}); }); });

'); ?> am->viewBookGroup('jquery'); ?>

参照サイト

[PHP]パスの通し方

2010-01-12T16:54:58Z

ライブラリのパスを定数で設定することが多々あるが CakePHP ではini_setが使える場合、include_pathに追加するって処理になっている。

]]> viewSource(' if (function_exists(\'ini_set\') && ini_set(\'include_path\', CAKE_CORE_INCLUDE_PATH . PATH_SEPARATOR . ROOT . DS . APP_DIR . DS . PATH_SEPARATOR . ini_get(\'include_path\'))) { define(\'APP_PATH\', null); define(\'CORE_PATH\', null); } else { define(\'APP_PATH\', ROOT . DS . APP_DIR . DS); define(\'CORE_PATH\', CAKE_CORE_INCLUDE_PATH . DS); } '); ?>

こういう方法もあるのかと思った。

参照サイト

am->viewBookGroup('cake'); ?>

CakePHP コントローラーからレイアウトへ値を渡す方法

2010-01-07T17:46:05Z

metaのkeywordとdescriptionをセットしようと思ったんですがコントローラーからレイアウトへ値を渡すいい方法がわからない。

]]> beforeFilterでset()すればレイアウトでも利用できるんですがアクションで設定したい場合どうすればいいんだろ？？

Controller::pageTitleを配列に

手っ取り早そうなのがController::pageTitleに配列を渡す方法。

hoge_controller.php

viewSource(' function index() { $this->pageTitle = array( \'title\' => \'タイトル\', \'keyword\' => \'キーワード\', \'desc\' => \'概要\' ); } '); ?>

とセットしてあげるとレイアウトで

viewSource(' echo $title_for_layout[\'title\']; //タイトル echo $title_for_layout[\'keyword\'];//キーワード echo $title_for_layout[\'desc\']; //概要 '); ?>

とできる・・・。なんかイマイチですね。

am->viewBookGroup('cake'); ?>

CakePHPメモ2 モデルのアソシエーションを一時的に解除

2010-01-06T17:11:39Z

思った以上に使う場面が多い。

]]> unbindModel(Array Model, boorean)

第2引数にfalseをセットしないとunbindModel()実行後の1回のみ有効となる

viewSource(' $this->Model->unbindModel(array( \'belongsTo\' => array(\'Modelname\'), \'hasMany\' => array(\'Modelname\'), \'hasAndBelongsToMany\' => array(\'Modelname\') )); '); ?>

参照サイト

関連: モデルを結びつける :: モデル :: CakePHPによる開発 :: マニュアル :: 1.2 Collection :: The Cookbook

am->viewBookGroup('cake'); ?>

PEAR::Calenderを利用して特定の日付からn日間表示

2009-12-20T16:50:09Z

ループごとにnewしてたんだけどsetTimestamp()を使えばいいことにようやく気がついた。

]]> サンプルコード viewSource(' require_once(\'Calendar/Day.php\'); // forのたびにnewする $year = 2009; $month = 12; $day = 28; $xday = new Calendar_Day($year, $month, $day); for ($i=1; $i<11; $i++) { printf(\'%s/%02d/%02d
\', $xday->thisYear(), $xday->thisMonth(), $xday->thisDay()); $xday = new Calendar_Day($year, $month, $day + $i); $xday->adjust(); } echo \'

\'; // setTimestamp()ですっきり $year = 2009; $month = 12; $day = 28; $oneday_minites = 24 * 60 * 60; $xday = new Calendar_Day($year, $month, $day); for ($i=0; $i<10; $i++) { printf(\'%s/%02d/%02d
\', $xday->thisYear(), $xday->thisMonth(), $xday->thisDay()); $xday->setTimestamp($xday->getTimestamp() + $oneday_minites); } '); ?>

実行結果

', $xday->thisYear(), $xday->thisMonth(), $xday->thisDay()); $xday = new Calendar_Day($year, $month, $day + $i); $xday->adjust(); } echo '

'; $year = 2009; $month = 12; $day = 28; $oneday_minites = 24 * 60 * 60; $xday = new Calendar_Day($year, $month, $day); for ($i=0; $i<10; $i++) { printf('%s/%02d/%02d
', $xday->thisYear(), $xday->thisMonth(), $xday->thisDay()); $xday->setTimestamp($xday->getTimestamp() + $oneday_minites); } ?>

参照サイト

Manual :: Calendar

am->viewBookGroup('pear'); ?>

[PHP]Google Analytics からデータを取得 part2

2009-12-18T15:51:35Z

「WEBプログラム覚書::[PHP]google Analytics からアクセスの多いページの情報を取得」に引き続きGoogle Analytics API からデータを取得してみる。

]]> PV数だけの場合、SERPsで上位だと内容無くてすぐお帰りになられてるページでもランクインしてしまうのでオススメとして表示するには微妙な感じになってしまいます。

なので今回はちゃんと読まれてるページをオススメページとして取ってみようかと思います。条件としては「ページビューが100以上」かつ「ページの閲覧時間が2時間以上」のページを取得してみます。

本当は「平均ページ滞在時間」を取りたいのですが、今のところ用意されてないみたいです。

フィルタ

条件を指定するにはフィルタを使います。難しそうな感じがして前回避けたんですが、実はそれほど難しくもないです。

analytics_apiを利用してフィルタを設定するにはanalytics_filtersクラスを利用すると簡単便利です。

利用しなくても必要な処理はエンコードくらいなのでそれほど難しくないです。

フィルタの書式は下記ページを参照ください。

参照サイト

Data API - Data Feed - Google Analytics - Google Code

/pg/以下の「ページビューが100以上」かつ「ページの閲覧時間が2時間以上」のページ

viewSource(' require_once(\'analytics_api.php\'); $api = new analytics_api(); $filters = new analytics_filters(\'ga:pageviews\', \'>=\', \'100\'); /** * フィルタの追加はadd_and()とadd_or()を使う。 */ // 2時間を秒に変換 $filters->add_and(\'ga:timeOnPage\', \'>=\', 60*60*2); // /pg/以下のディレクトリを指定 $filters->add_and(\'ga:pagePath\', \'=~\', \'^/pg/*\'); // 前回引っかかった(not set)を省く $filters->add_and(\'ga:pageTitle\', \'!=\', \'(not set)\'); if($api->login(GA_ID, GA_PASS)) { $result = $api->data( \'ga:792415\', // id プロファイルのNoを指定 \'ga:pageTitle,ga:pagePath\', // dimension ページタイトルとパス \'ga:pageviews,ga:timeOnPage\',// metric ページビュー \'-ga:timeOnPage\', // sort \'2009-11-01\', // start \'2009-12-15\', // end \'20\', // max_results 取得件数 1, $filters ); } else { throw new Exception(\'ログインに失敗しました。IDとパス要確認\'); } echo \'

\';
var_dump($result);
echo \'

\'; '); ?>

実行結果

ん？「平均ページ滞在時間」はデータ取得後にPHPに計算させればいけるんじゃないか？

1PV辺りの閲覧時間が長いページ

viewSource(' require_once(\'analytics_api.php\'); $api = new analytics_api(); $filters = new analytics_filters(\'ga:pageviews\', \'>=\', \'100\'); $filters->add_and(\'ga:pageTitle\', \'!=\', \'(not set)\'); if($api->login(GA_ID, GA_PASS)) { $result = $api->data( \'ga:792415\', \'ga:pageTitle,ga:pagePath\', \'ga:pageviews,ga:timeOnPage\', false, \'2008-12-16\', \'2009-12-15\', \'50\', 1, $filters ); } else { throw new Exception(\'ログインに失敗しました。IDとパス要確認\'); } $new_result = array(); $time = array(); foreach ($result as $name => $pagedata) { $title = $name; $url = key($pagedata); $view = $pagedata[$url][\'ga:pageviews\']; $top = $pagedata[$url][\'ga:timeOnPage\']; $viewtime = (int) $top / (int) $view; $new_result[] = array( \'time\' => $viewtime, \'view\' => sprintf(\'(%sビュー)\', $view), \'html\' => sprintf(\'%s\', $url, $title) ); // ソート用の配列 $time[] = $viewtime; } array_multisort($time, SORT_DESC, SORT_NUMERIC, $new_result); $html = \'\'; foreach ($new_result as $value) { $html .= sprintf(\'

%s 秒: %s

\', $value[\'time\'], $value[\'view\'], $value[\'html\'] ); } echo \'

\' . $html . \'\'; '); ?>

実行結果

=', '100'); $filters->add_and('ga:pageTitle', '!=', '(not set)'); if($api->login(GA_ID, GA_PASS)) { $result = $api->data( 'ga:792415', // id プロファイルのNoを指定 'ga:pageTitle,ga:pagePath', // dimension ページタイトルとパス 'ga:pageviews,ga:timeOnPage', // metric ページビュー false, // sort '2008-12-16', // start '2009-12-15', // end '50',//max_results 取得件数 1, $filters ); } else { throw new Exception('ログインに失敗しました。IDとパス要確認'); } $new_result = array(); $result_html = array(); $result_time = array(); $time = array(); foreach ($result as $name => $pagedata) { $title = $name; $url = key($pagedata); $view = $pagedata[$url]['ga:pageviews']; $top = $pagedata[$url]['ga:timeOnPage']; $viewtime = (int) $top / (int) $view; $new_result[] = array( 'time' => $viewtime, 'view' => sprintf('(%sビュー)', $view), 'html' => sprintf('%s', $url, htmlspecialchars($title, ENT_QUOTES)) ); $time[] = $viewtime; } array_multisort($time, SORT_DESC, SORT_NUMERIC, $new_result); $html = ''; foreach ($new_result as $value) { $html .= sprintf('

%s 秒: %s

', $value['time'], $value['view'], $value['html']); } echo '

' . $html . ''; ?>

んー合ってるかコレ??かなり自信ない。

なにやら↓がかなり評判がよさげ。買おうかな・・・

am->viewBook('4901823272'); ?>

[PHP]CakePHPのcheckboxとhasAndBelongsToMany(HABTM)

2009-12-17T17:22:16Z

CakePHPのcheckboxとhasAndBelongsToMany(HABTM)は僕のスペックだと軽くハマれるわ。

]]> チェックボックスを表示

Model::find('list', array('Model.id', 'Model.name'))って感じで取得したデータをチェックボックスで表示したかったんだけどいまいち情報が不足。

真っ先に思いつくForm::checkbox()は、単純に1つだけとかforeachでまわすときに使うものっぽい。上記のようなリストを引数に自動生成するにはForm::input()を利用する。マニュアルにはさらって書いてあるから見逃してました。

参照サイト

フォーム要素の自動生成 :: フォーム :: 主要なヘルパー :: マニュアル :: 1.2 Collection :: The Cookbook

select を出力するにあたり「multiple」が true にセットしてあった場合、その select の入力は複数選択が許可されます。「multiple」の代わりに「checkbox」を指定することで、関連したチェックボックスのリストを出力することができます。select を出力するにあたり「multiple」が true にセットしてあった場合、その select の入力は複数選択が許可されます。「multiple」の代わりに「checkbox」を指定することで、関連したチェックボックスのリストを出力することができます。

typeはselectのままでmultipleをcheckboxにするという予想外の設定方法。

viewSource(' echo $form->input(\'Tag\', array( \'type\' => \'select\', \'multiple\' => \'checkbox\', \'options\' => $tags,//Model::find(\'list\', array(\'Model.id\', \'Model.name\'))で取得したデータ \'selected\' => $checked //array(1, 3, 5, 7, 9) )); '); ?>

こんな感じでOK。

[PHP]マジック定数

2009-12-16T18:13:51Z

ちゃんと見た記憶がなかったのでメモというかコピペ

]]> PHP マジック定数

参照サイト

PHP: 自動的に定義される定数 - Manual

__LINE__	ファイル上の現在の行番号。
__FILE__	ファイルのフルパスとファイル名。インクルードされるファイルの中で使用された場合、インクルードされるファイルの名前が返されます。 PHP 4.0.2 以降では __FILE__ は常に絶対パスで、シンボリックリンクは解決されます。それより前のバージョンでは、場合によっては相対パスが返されることもあります。
__DIR__	そのファイルの存在するディレクトリ。include の中で使用すると、インクルードされるファイルの存在するディレクトリを返します。つまり、これは dirname(__FILE__) と同じ意味です。ルートディレクトリである場合を除き、ディレクトリ名の末尾にスラッシュはつきません (PHP 5.3.0 で追加されました)。
__FUNCTION__	関数名（PHP4.3.0で追加されました）。 PHP 5以降、この定数は宣言時の関数名(ケース依存)を返します。 PHP 4では、この値は常に小文字で返されました。
__CLASS__	クラス名（PHP4.3.0で追加されました）。 PHP 5以降、この定数は宣言時のクラス名(ケース依存)を返します。 PHP 4では、この値は常に小文字で返されました。
__METHOD__	クラスのメソッド名（PHP5.0.0で追加されました）。メソッド名は宣言時と同じ(ケース依存)を返します。
__NAMESPACE__	現在の名前空間の名前 (大文字小文字を区別します)。この定数はコンパイル時に定義されます (PHP 5.3.0 で追加されました)。

__FILE__くらいしか使ってなかった。__FUNCTION__、__CLASS__、__METHOD__は使えそうな気がする。 __DIR__は便利そうだけど5.3か・・・。

am->viewBookGroup('php'); ?>

[PHP]CakePHPのAuthメモ

2009-12-15T19:30:11Z

CakePHPのAuthコンポーネントのセットアップメモ。

]]> 環境

こんな感じでAdminルーティングが設定してある。

APP/config/core.php

viewSource(' Configure::write(\'Routing.admin\', \'admin\'); '); ?>

APP/config/routes.php

viewSource(' Router::connect(\'/admin\', array(\'controller\' => \'pages\', \'action\' => \'index\', \'admin\' => true)); '); ?>

APP/config/controllers/app_controller.php

viewSource(' function beforeFilter() { if (preg_match(\'/^admin/\', $this->params[\'url\'][\'url\'])) { $this->view = \'Theme\'; $this->theme = \'admin\'; } } '); ?>

設定

ほとんどのコントローラーにAdmin用のメソッドが存在してるので AppControlerでAuthコンポーネント使うぞ宣言する。

APP/controllers/app_controller.php

viewSource(' var $components = array(\'Auth\'); '); ?>

ヘルパーはbeforeFilter()で追加できるけどAuthはできない。(というかコンポーネントはできないのかな？)

viewSource(' function beforeFilter() { $this->helpers[] = \'HogeHelper\';//出来る $this->components[] = \'Auth\';//出来ない } '); ?>

利用するテーブルとカラムを変えるにはAuth::userModelとAuth::fieldsを設定する。

viewSource(' $this->Auth->userModel = \'Member\'; $this->Auth->fields = array( \'username\' => \'account\', \'password\' => \'secretkey\' ); '); ?>

エラーメッセージなどの設定と、admin/以外のアクションは認証なしで利用できるように設定する。

viewSource(' function beforeFilter() { if (preg_match(\'/^admin/\', $this->params[\'url\'][\'url\'])) { $this->view = \'Theme\'; $this->theme = \'admin\'; $this->Auth->userModel = \'Member\'; $this->Auth->fields = array( \'username\' => \'account\', \'password\' => \'secretkey\' ); $this->Auth->loginError = \'パスワードが違います。\'; $this->Auth->authError = \'管理者用のページです。\'; } else { // admin/以外は認証不要 $this->Auth->allow(\'*\'); } } '); ?>

ログインとログアウトのアクションを追加する。

マニュアルそのまんまって感じです。

APP/controllers/members_controller.php

viewSource(' function admin_login() {} function admin_logout() { $this->redirect($this->Auth->logout()); } '); ?>

ビューを作成する

こちらもマニュアルのサンプルがそのまま使える。 Users以外のモデルやカラムの場合変更が必要となる。

APP/view/theme/admin/members/admin_login.php

viewSource(' if ($session->check(\'Message.auth\')) $session->flash(\'auth\'); echo $form->create(\'Member\', array(\'action\' => \'login\')); echo $form->input(\'account\'); echo $form->input(\'secretkey\'); echo $form->end(\'Login\'); '); ?>

想像以上に簡単だ。単純にAuthを使う場合、悩むことはなさそう。問題はACLとかAROとかACOが絡んできた時かな。そもそも機能がいまいち理解できてないしｗ

Authコンポーネントを有効にしたら出たエラー

Authコンポーネントを有効にしたら

viewSource(' Warning: Cannot modify header information '); ?>

というエラーが出た。ググってみるとheaderの前に何かしらの文字が出力されている可能性があるとのこと。もしくはutf-8のbom付きだとなる模様。

まず疑うべきはコントローラーとかモデルの最後の「?>」の後ろに改行などがないか。

PHPの「?>」はZend Flameworkのコーディング規約でも書くなと言われていたはずなので、書かないのがPHP界の常識なはず。でも書くな書くなと言われてもホントに？ほんとにいいの書かなくて？ってどーにも不安だったんですがこれからはきっちりと削除しようかとおもいました。

am->viewBookGroup('cake'); ?>

参照サイト

認証 :: 主要なコンポーネント :: マニュアル :: 1.2 Collection :: The Cookbook

Excel VBA の改行コード

2009-12-09T17:36:47Z

Excel VBA の改行コードではまった。ググったら1発で出てきた。

]]>

参照サイト

vbNewLine

定義済み定数	実際の値	説明
vbCr	Chr(13)	キャリッジリターン
vbLf	Chr(10)	ラインフィード
vbCrLf	Chr(13) + Chr(10)	キャリッジリターンとラインフィードの組み合わせ
vbNewLine	Chr(13) + Chr(10) または Chr(13) (Macintosh では Chr(13))	プラットフォームで指定した改行文字。現在のプラットフォームで適切ないずれかを使用します。

この中の「vbNewLine」を使えば基本的にOKらしい。

am->viewBookGroup('excel'); ?>

[PHP]google Analytics からアクセスの多いページの情報を取得

2009-12-04T17:19:31Z

google AnalyticsのAPIを利用してアクセスの多いページの情報を取得します。利用するライブラリは↓

]]>

参照サイト

PHP class for using the Google Analytics API

気になっていたcurlが使ってあっていいサンプルになりそう。

指定期間のPV数の多いページを取得

利用するのはanalytics_api::data()。引数はたぶんこんな感じ。

@param string $id

必須のパラメータ。サイトのプロファイルID。 IDは「Analytics 設定 > プロファイル設定」で確認できる。

@param string $dimension

必須のパラメータ。何のデータを取るかを指定。 ga:pagePathとかga:browserとか。複数指定する場合はカンマで区切るga:browser,ga:browserVersion

@param string $metric

必須のパラメータ。何のデータを基準にするか的な指定。訪問者数ならga:visitsとか。複数指定はカンマで区切る。ga:visits,ga:pageviews

@param string $sort

ソートの指定。指定しないと$metricに基づく。

@param string $start

期間の始まりを指定。指定しないと実行日前日から１ヶ月分になる。予め用意されている値には today、yesterday、weekがある。

@param string $end

指定する場合はYYYY-MM-DDで。デフォルトは前日。

@param integer $max_results

取得するMAX件数。デフォルトは10件。最高でも1000件？

@param integer $start_index

取得するページのインデックス。デフォルトはページ目から。

@param string|analytics_filters

フィルター。analytics_filtersってクラスが用意されているので何かしらフィルターをかけれるっぽいけど詳細は不明

@param boolean $debug

デバッグ用？デフォルトはfalse

重要なパラメーターはDimensionsとMetrics。これを把握すれば自在に情報を取得できそう。

参照サイト

Dimensions & Metrics Reference - Google Analytics - Google Code

viewSource(' require_once(\'/analytics_api.php\'); $api = new analytics_api(); // 引数はログイン用のメールアドレスとパス if($api->login(MAIL, PASS)) { $result = $api->data( \'ga:792415\', // id プロファイルのNoを指定 \'ga:pageTitle,ga:pagePath\', // dimension ページタイトルとパス \'ga:pageviews\', // metric ページビュー false, // sort \'2008-11-01\', // start \'2008-11-30\', // end \'25\' //max_results 取得件数 ); } else { throw new Exception(\'ログインに失敗しました。IDとパス要確認\'); } echo \'

\';
var_dump($result);
echo \'

\'; '); ?>

実行結果はこちら

キーが日本語でなんだか気持ち悪いけどまぁいいか。あとはforeachとかでまわすだけ。

viewSource(' $html = \'\'; foreach ($result as $name => $pagedata) { $title = $name; $url = key($pagedata); $view = $pagedata[$url][\'ga:pageviews\']; $html .= sprintf( \'

%s(%sビュー)

\', $url,$title,$view ); } echo \'

\' . $html . \'\'; '); ?>

実行結果

login(GA_ID, GA_PASS)) { $result = $api->data( 'ga:792415', // id プロファイルのNoを指定 'ga:pageTitle,ga:pagePath', // dimension ページタイトルとパス 'ga:pageviews', // metric ページビュー false, // sort '2009-11-01', // start '2009-11-30', // end '25' //max_results 取得件数 ); } else { throw new Exception('ログインに失敗しました。IDとパス要確認'); } $html = ''; foreach ($result as $name => $pagedata) { $title = $name; $url = key($pagedata); $view = $pagedata[$url]['ga:pageviews']; $html .= sprintf( '

%s(%sビュー)

', $url,htmlspecialchars($title, ENT_NOQUOTES, 'utf-8', 'auto'),$view ); } echo '

' . $html . ''; ?>

んんっ！？(not set)ってなんだ・・・？フィルタ使えばこいうのはじけるのかな？

とりあえず置いておいてデータの比較をしてみる。

カスタムレポート作成

Analyticsのカスタムレポート作成から新規作成でこんな感じで設定。

レポートプレビューでレポートを表示して期間をあわせるとこんな感じで出てくる。

なんか似てるけど結構違う結果。なぜだろ？？数字はもしかしたらタイムゾーンの違いで誤差出てるのかも? それかAPIのデータとAnalyticsのデータが異なってるか？

ぼくの書いたスクリプトが間違ってたらごめんなさいw

まっ大体あってるからいいか・・・効果測定するわけじゃないし・・・と言い訳しながら終わります。

am->viewBookGroup('php'); ?>

PHPとYAML

2009-12-02T13:26:46Z

設定ファイルとか書くのはYAMLって形式が簡単でいいらしい。

]]> YAMLとは？

下記サイトがとても詳しくわかりやすく書かれているので読む。

参照サイト

Rubyist Magazine - プログラマーのための YAML 入門 (初級編)

データを「配列」「ハッシュ」「スカラー (数値や文字列や真偽値)」だけで表す
XMLより「読みやすい」「書きやすい」「わかりやすい」フォーマット
フロースタイルという形式で書けばJSONとしても扱える
仕様書によると文字コードはユニコードだけどEUCとかでも問題なさそう

PHPで扱うには？

簡単な方法はspycっていうクラスをダウンロードするだけ。 PHPの拡張モジュールとしてSyckっていうのがあるのでPHPの環境触れる場合はそちらを使ったほうがいいのかも。でも機能がYAMLリーダだけ？

参照サイト

テストコード

サンプルのYAMLはRubyist Magazine - プログラマーのための YAML 入門 (初級編)そのままです。

spyc.phpの中身

読み込むとSpycってクラスとspyc_load ($string)、function spyc_load_file ($file) って関数が利用できるようになる。この2つの関数はSpyc::YAMLLoadString($string)とSpyc::YAMLLoad($file)を単に呼び出してるだけなので、どちらを利用してもよさそう。関数使ったほうがいいのかな？

配列(sample1.yaml)

viewSource(' - aaa - bbb - ccc '); ?> viewSource(' require_once(\'spyc.php\'); $yaml = spyc_load_file(\'sample1.yaml\'); var_dump($yaml); '); ?>

実行結果

ネストされた配列(sample2.yaml)

viewSource(' - aaa - - b1 - b2 - - b3.1 - b3.2 - ccc '); ?> viewSource(' require_once(\'spyc.php\'); $yaml = spyc_load_file(\'sample2.yaml\'); var_dump($yaml); '); ?>

実行結果

連想配列(sample3.yaml)

viewSource(' A: aaa B: bbb C: ccc '); ?> viewSource(' require_once(\'spyc.php\'); $yaml = spyc_load_file(\'sample3.yaml\'); var_dump($yaml); '); ?>

実行結果

ネストされた連想配列(sample4.yaml)

viewSource(' A: aaa B: B1: bbb1 B2: bbb2 C: ccc '); ?> viewSource(' require_once(\'spyc.php\'); $yaml = spyc_load_file(\'sample4.yaml\'); var_dump($yaml); '); ?>

実行結果

データ型の確認(sample5.yaml)

viewSource(' decimal1: 123 # 整数 (10 進数) decimal2: 1,234,567,890 # 整数 (10 進数) octal: 0644 # 整数 (8 進数) hexa: 0xFF # 整数 (16 進数) float1: 0.05 # 浮動小数点 bool1: true # 真 bool2: yes # 真 bool3: on # 真 bool4: false # 偽 bool5: no # 偽 bool6: off # 偽 null1: ~ # Null 値 null2: null # Null 値 date: 2005-01-01 # 日付 stamp: 2005-01-01 00:00:00 +09:00 # タイムスタンプ str1: \'true\' # 文字列 str2: "2005" # 文字列 symbol: :foo # シンボル (Syck の独自機能) '); ?> viewSource(' echo \'PHP_VERSION : \', PHP_VERSION, \'
\'; $yaml = spyc_load_file(\'sample5.yaml\'); echo \'

\';
var_dump($yaml);
echo \'

\'; '); ?>

実行結果

'; $yaml = spyc_load_file($yaml_sample . 'sample5.yaml'); echo '

';
var_dump($yaml);
echo '

'; ?>

PHPに無い型はともかくとして、その他もアテにならない模様。

JSON(sample6.yaml)

YAMLをフロースタイルで書くとJSONと等価になる。

viewSource(' { "menu": { "id": "file", "value": "File:", "popup": { "menuitem": [ {"value": "New", "onclick": "CreateNewDoc()"}, {"value": "Open", "onclick": "OpenDoc()"}, {"value": "Close", "onclick": "CloseDoc()"} ] } } } '); ?> viewSource(' $yaml = spyc_load_file(\'sample6.yaml\'); echo \'

\';
var_dump($yaml);
echo \'

\'; '); ?>

実行結果

'; var_dump($yaml); echo ''; ?>

PHPのspycでは対応していないみたいです。{}がダメっぽい。JSONの場合はjson_decode()を使う。

viewSource(' echo \'

\';
var_dump(json_decode(file_get_contents(\'sample6.yaml\')));
echo \'

\'; '); ?>

実行結果

'; var_dump(json_decode(file_get_contents($yaml_sample . 'sample6.yaml'))); echo ''; ?>

配列からYAMLへ

Spyc::YAMLDump()、Spyc::dump()が用意されている。Spyc::YAMLDump()はstaticにアクセス可能。

YAMLを読み込んで再びYAMLにしてみる。

実行結果

'; var_dump($arr); echo ''; echo '

'; $yaml = Spyc::YAMLDump($arr); echo '

';
var_dump($yaml);
echo '

'; ?>

「---」はひとつのファイルに複数のYAMLを記述するためのもの。ただしPHPのSpycは対応してないっぽい?

---で区切られたYAML(sample7.yaml)

viewSource(' --- - aaa - bbb - ccc --- - ddd - eee - fff '); ?> viewSource(' $yaml = spyc_load_file(\'sample7.yaml\'); echo \'

\';
var_dump($yaml);
echo \'

\'; '); ?>

実行結果

'; var_dump($yaml); echo ''; ?>

1個の配列で返ってくる。嫌な場合は自力で分割。

viewSource(' $arr = preg_split(\'/^---$/m\', file_get_contents($yaml_sample . \'sample7.yaml\')); $yamls = array(); foreach ($arr as $yaml) { if (!empty($yaml)) { $yamls[] = spyc_load($yaml); } } echo \'

\';
var_dump($yamls);
echo \'

\'; '); ?>

実行結果

'; var_dump($yamls); echo ''; ?>

ってかsplit()非推奨になったんだ。

am->viewBookGroup('php'); ?>

WEBプログラム覚書

PHP+jQuery+Fotolia APIでつくるちょいエロ カルーセル

Fotolia

jQueryでカルーセル

キャッシュ

XML-RPCメモ

参照サイト

リクエスト

参照サイト

ActionScript3.0 [基礎] Tweenとeasing

EffectBox.as

DispalyBox.as

ExecButton.as

コンパイルについて

基準点について

参照サイト

ActionScript3.0 [練習] XMLとナビゲーション

実行結果

globalnavi.xml

Main.as

DispalyBox.as

LinkButton.as

参照サイト

[jQuery]こんな機能があったんだ。jQuery stop()

stop([clearQueue], [gotoEnd])

参照サイト

テストコード

stop()なし

stop(false, false)

stop(false, true)

stop(true, false)

stop(true, true)

参照サイト

[PHP]パスの通し方

参照サイト

CakePHP コントローラーからレイアウトへ値を渡す方法

Controller::pageTitleを配列に

hoge_controller.php

CakePHPメモ2 モデルのアソシエーションを一時的に解除

参照サイト

PEAR::Calenderを利用して特定の日付からn日間表示

実行結果

参照サイト

[PHP]Google Analytics からデータを取得 part2

フィルタ

参照サイト

/pg/以下の「ページビューが100以上」かつ「ページの閲覧時間が2時間以上」のページ

1PV辺りの閲覧時間が長いページ

実行結果

[PHP]CakePHPのcheckboxとhasAndBelongsToMany(HABTM)

参照サイト

関連モデルのデータ (HABTM) を保存する

App/models/post.php

App/views/posts/add.php

App/controllers/posts_controller.php

参照サイト

[PHP]マジック定数

参照サイト

[PHP]CakePHPのAuthメモ

APP/config/core.php

APP/config/routes.php

APP/config/controllers/app_controller.php

設定

APP/controllers/app_controller.php

ログインとログアウトのアクションを追加する。

APP/controllers/members_controller.php

ビューを作成する

APP/view/theme/admin/members/admin_login.php

Authコンポーネントを有効にしたら出たエラー

参照サイト

Excel VBA の改行コード

参照サイト

[PHP]google Analytics からアクセスの多いページの情報を取得

参照サイト

指定期間のPV数の多いページを取得

@param string $id

@param string $dimension

@param string $metric

@param string $sort

@param string $start

PHP+jQuery+Fotolia APIでつくるちょいエロカルーセル