カテゴリー: JavaScript

JsRenderの使い方メモ

テンプレート埋め込みタグ

<script id="itemTemplate" type="text/x-jsrender">
	<div class="item">
		<img class="item1" src="images/top/{{>type}}1.png" alt="{{>label}}" />
		<img class="item2" src="images/top/{{>type}}2.png" alt="{{>label}}" />
		<img class="item3" src="images/top/{{>type}}3.png" alt="{{>label}}" />
		<img class="item4" src="images/top/{{>type}}4.png" alt="{{>label}}" />
		<img class="item5" src="images/top/{{>type}}5.png" alt="{{>label}}" />
		<img class="item6" src="images/top/{{>type}}6.png" alt="{{>label}}" />
		<img class="item7" src="images/top/{{>type}}7.png" alt="{{>label}}" />
	</div>
</script>

{{>val}}は、エスケープあり {{:val}}は、エスケープ無し

条件分岐

{{if is_new !== 1}}
    <div>New!</div>
{{/if}}

繰り返し

<ul id="target"></ul>

<script id="sampleTemplate" type="text/x-jsrender">
{{for array}}
    <li>{{:#data}}</li>
{{/for}} 
</script>

<script>
var array = [123,456,789];
var outputHtml = $("#sampleTemplate").render(array);
</script>

参考URL
http://borismoore.github.com/jsrender/demos/step-by-step/03_converters-and-encoding.html

特定のファイルだけを.htaccessでBasic認証をかける方法[apache]

By admin

オン 2012年7月17日

カテゴリー: apache, Server

いつも忘れるのでメモ。
特定のファイルだけを.htaccessでBasic認証をかける方法

AuthUserFile	/var/www/.htpasswd
AuthName	"Input Your Name And Password"
AuthType	Basic
<Files hoge.html>
require	valid-user
</Files>

と、「require valid-user」を<Files>で限定してあげるとOK。

jQueryMobileで外部サイトにリダイレクト処理をする場合はrel=”external”を入れておく。

By admin

オン 2012年6月23日

カテゴリー: JavaScript, jQuery, jQueryMobile

jQueryMobileで外部サイトにリダイレクト処理をする(header関数を使った)PHPのプログラムに普通にAjaxリンクすると怒られた。
<a rel=”external” href=”xxxx.php” ~~ >リンク先</a> として。

jQueryMobileでAjaxで追加した要素にデザインなど適用[jQueryMobile]

By admin

オン 2012年6月23日

カテゴリー: JavaScript, jQuery

jQueryMobileで動的に読み込んだ要素に、デザインが適用されないです。
そんな時は以下のように、要素にcreateイベントを発生させてあげるとでけた。

var html = "AjaxでよんだHTMLがはいってるよ";
$("#target").append(html).trigger( "create" );

jQueryMobileでAjaxのページ読み込み時のイベント[jQueryMobile]

By admin

オン 2012年6月23日

カテゴリー: JavaScript, jQuery

jQueryMobileでページがロードされたとき、DOMが出来上がったときのイベントがとれなかった、たしかに考えると、Ajaxで読み込んだ場合どうなるのかよく分かってなかった。以下に要点まとめ

ヘッダ(<head>)は全ページ同じにすべし

まず、jQueyrMobileは基本Ajaxで読込するので、jQeuryとかのライブラリとか、全ページ<head>内で読み込んで居るととんでもなくわけわかんなくなる。
ダブりで読んだりが大変！

そこで、１ページめは普通に読み込んで２ページ目移行（Ajax遷移するばあい）は、<head>の方の読込は無視らしい。

つまり、直リンクで色んなページに来る可能性があるから、全ページ<head>にいろいろ書いておくべし＆同じ内容にしていないと、（ページごとで読み込むファイルがちがうとか）面倒なことになるので同じにしとくべしです。

ページ読み込み時のイベントの設定

またページ読み込み時のイベントもいつもと違う。

$(function(){ });とかでもイベントが発生しないので、Ajax読み込み後のイベントを取る必要がある。

$(document).live( ‘pageinit’,function(event){
//hogehoge fuga
});

とすればOK

CakePHP定義済関数をよく忘れるがPHPの定義定数一覧の関数も忘れる。

By admin

オン 2012年6月23日

カテゴリー: CakePHP, PHP

CakePHP：コア定義定数

http://goo.gl/vuQaW

PHP定義済み関連

get_defined_function();
get_defined_constants();
get_defined_classes();
get_defined_vars();

結構定義済みで便利で知らない物多いなと実感。
一度はめを通しておくの押すすめ

R.javaが自動生成されずにエラーが大量に発生[Android]

By admin

オン 2012年6月3日

カテゴリー: Android

R.javaが自動生成されなくなる事がたまにある、
layotu/xxx.xmlのxml構文エラーはよくあることで直ぐにだいたい気づきます。
ただ、「リソース画象のファイル名！！！」これがなかなか１ヶ月もすると忘れる、Androidで使用できない画象リソースファイル名をいれた場合も自動生成できなくなります。(エラーの警告も非表示)
じぶんはホンットに極稀に「-」ハイフンを入りのファイル名をやってしまうことがあります。
ホンっとうにごくまれなので、忘れてしまう。ということで脳みそに焼き付けておくことも兼ねてメモ。

PhpStormの使い方メモ[PhpStorm]

By admin

オン 2012年5月30日

カテゴリー: CSS, PHP

PhpStormを使い始めたので使い方メモ

ショートカットメモ

ZenCodingのキーは、[TAB]

設定関係

実行のショートカットキーを変更
→[メニュー] > [Preferences] > [Keymap] の
→[Main menu] > [Run] > [Run]を
[Cmd + Enter]に。

デリートのショートカットキーを追加
→[メニュー] > [Preferences] > [Keymap] の
→[Editor Actions] > [Delete to Word End] を
[Ctrl + D]に。
→[メニュー] > [Preferences] > [Keymap] の
→[Editor Actions] > [Delete to Word Start] を
[Ctrl + W]に。