Blogブログ

ajaxを使います。 /user/index で、Userと紐付くStudentをajaxを使って取得する。 データの取得は、/user/ajax_get_students/ から行うと仮定。 ・/user/index.ctp 下のようなプルダウンでユーザを選択する。 user 1 user 2 ajaxリクエスト関数を用意。 戻ってきたdata展開の処理は省きます。 $(“#userselect”).change(){ var userid = $(this).val();     $.ajax({ type:”POST”,         url: “”, data: { ‘user_id’: userid, }, success:function(data){ console.log(data); }, error :function(XMLHttpRequest,textStatus){ console.log(textStatus); }     }); } コントローラ。 ・UsersController class ・UsersController extends AppController { public $components = array(‘RequestHandler’); public function ajax_get_students($id = null) { if($this->RequestHandler->isAjax()){ $user_id […]

状況としては、UserモデルとStudentモデルがある。Userは複数のStudentを持つ。 さらに、Studentは複数のCourseを持つ。Courseは重複するのでHABTM Associationとして登録。 Studentは各コース毎に受講しているか休学してるかstatusで管理する。status = 1 -> 受講中　、status = 0 -> 休学とする。 受講、休学はこんなボタンを表示させて、それぞれ　studentsコントローラのadmin_couse_take()で処理を行う。 ちなみに、コントローラ内のファンクションにこうやって複数引数を渡せることも知った。 // absent echo $this->Form->postLink(__(‘Absent’), array( ‘controller’ => ‘students’, ‘action’ => ‘couse_take’, $student[‘Student’][‘id’], $course[‘CoursesStudent’][‘id’], false, ‘admin’ => true ), null, __(‘Are you sure you want to retake the class?’)); // take echo $this->Form->postLink(__(‘Take’), array( ‘controller’ => ‘students’, ‘action’ => ‘couse_take’, $student[‘Student’][‘id’], $course[‘CoursesStudent’][‘id’], […]

吹き出しデザインをCSSのみで実装。 吹き出しの出てる部分をbefore, after擬似要素で実装。 Chrome, FF, safari, IE8,9,10で確認。 こっちは吹き出しに影をつけたもの。 出てる部分はbefore, after擬似要素で実装しているが、影をつけるためroteteで2d transformしている。 Chrome, FF, IE9,10で確認。FFではあんまりキレイじゃない。

コマンドラインが使えない環境でacoテーブルを更新するには、以下のような関数を追加して実行する。 ex. Add new_page on User model. Parent_id is 10, public function beforeFilter() { parent::beforeFilter(); $this->Auth->allow(‘reinitDB’); } public function reinitDB() { $this->Acl->Aco->create(array(‘parent_id’ => 10, ‘alias’ => ‘new_page’, ‘model’ => ‘User’)); $this->Acl->Aco->save(); echo “all done”; exit; } その後、aros_acosテーブルの更新を行う。 このページの initDB()を実行。

新規で作ったランディングページから、ECを通してのコンバージョンを取る必要があった。 但し全体のページビューは見せたくないので、ビューに解析用のユーザーを割り当てて対応する事に。 まず以下のディレクトリに新しくLPを作ると仮定。 somedomain.com/newitems/product-a.html somedomain.com/newitems/product-b.html … そしてECシステムの方はECCUBEを使っている想定。 Google Analyticsでは、新規にビューを作る。 その後の設定は以下。 ・そのビューのeコマース設定をONにする。 ・解析用ユーザーを「表示と分析」権限で登録。 ・フィルタを追加。 このフィルタの設定の仕方は、 ・カスタムフィルタで、種類は「一致」を選択し、フィールドには「リクエスト　URI」で、フィルタパターンに「^/ec/(newitems|cart|shopping)/」 と設定。 これで、/newitems/配下から来た人で/cart/, /shopping/の流れで購入を行った人のコンバージョンがとれたようだ。 まだ調査中なので、何かわかれば追記します。

Cakephpのローカライズ。 コンソールでの作業になるので、先ずは\app\console\に行ってパスを通す。 cd …\app\cnosole SET PATH=%PATH%;%CD% アプリのルートパスへ行き、コマンドを実行。 cake i18n 対話形式でプログラムが実行される。 [E]xtract POT file from sources What would you like to do? 先ずはPOTファイルの生成。 What is the path you would like to extract? [Q]uit [D]one そして抽出元を選択。 Would you like to extract the messages from the CakePHP core? (y/n) cakePHPからの翻訳を書き込む場合はy What is the path you would like to […]

イベントトラッキングのテストで、計測されていなかったので調べてみた。 今貼り付けてるアナリティクスコードは、サイトから取ったもの＝universal analyticsのタグなのだが、この場合だと今までの関数が使えない様だ。 trackEvent()が、ga()に置き換わる様。 Before : <a href="#" onclick="_gaq.push([‘_trackEvent’, ‘nav’, ‘home’, ‘label_home’]);">test</a> After : ga('send', 'event', 'category', 'action', 'opt_label', opt_value, {'nonInteraction': 1}); <a href="#" onclick="ga('send', 'event', 'category', 'click', 'test');">test</a> または <a href="#" id="tracktest">test</a> $(document).ready(function(){          var testclick = document.getElementById(&#39;tracktest&#39;);     addListener(testclick, &#39;click&#39;, function() {       ga(&#39;send&#39;, &#39;event&#39;, &#39;button&#39;, &#39;click&#39;, &#39;tested&#39;);     }); […]

オーバーレイを出すときにオブジェクトを上から表示させて、消すときに下にやりたかったのでそのデモ。 オブジェクトを真ん中に持っていく時に、absoluteで指定したのがこれ。 調べていくうちにtransitというプラグインの事を知ったので、それを使ってみたのがこれ。 http://ricostacruz.com/jquery.transit/

別テーブルで画像を管理、例えばuserとimagesテーブルで分けたい場合。 まずはimagesテーブルを作る。 CREATE table images ( `id` int(10) unsigned NOT NULL auto_increment, `model` varchar(20) NOT NULL, `user_id` int(11) NOT NULL, `name` varchar(32) NOT NULL, `image` varchar(255) NOT NULL, `dir` varchar(255) DEFAULT NULL, `type` varchar(255) DEFAULT NULL, `size` int(11) DEFAULT 0, `active` tinyint(1) DEFAULT 1, PRIMARY KEY (`id`) ); Image でactsAsを宣言。belongsToでユーザとのリレーションを構築。 imagesテーブルのuser_idで紐付けたいので、foreingkeyはuser_idで。 画像格納パスは画像ID毎になる。（webroot/files/thumb/image_id/xxxx.jpgのようなかんじ） ‘pathMethod’をflatにすれば、全ての画像は’path’のディレクトリ配下に一括格納。 public $actsAs […]

Uploadプラグインの中でも評価の高かった、 https://github.com/josegonzalez/cakephp-upload これを実装してみたのでメモ。 オプションも多く、使いやすそう。 今回使ったのは、以下のオプション。 ‘path’ => ‘{ROOT}webroot{DS}files{DS}thumb{DS}’, ‘fields’ => array( ‘dir’ => ‘image_directry’, ), ‘thumbnailSizes’ => array( ‘xvga’ => ‘1024×768’, ‘vga’ => ‘640×480’, ‘cubic’ => ‘200×200’, ‘thumb’ => ’80×80′ ) ‘path’ 画像の格納パス。この場合はアップロードされた画像はwebroot/files/thumb/~ ‘fields’ 画像名が入るDBフィールド。 ‘thumbnailSizes’ thumbnailSizeを使っうとそれぞれのサイズが{size-name}_file_name で生成。 サイズ指定のオプションは以下。 100×80 – アスペクト比を保ち、トリミングを行う [100×80] – 指定したアスペクト比にフィットさせる 100w – アスペクト比を保ち、幅100px 80h – アスペクト比を保ち、縦80px その他にも、画像のサイズの最大・最小値の指定やパーミッション、上書きの可否等も指定できるようだ。 また細かいバリデーションをかけてエラーメッセージの指定も可能。 例： public […]