2012-01-01から1年間の記事一覧
CSSのメタ言語であるLESSが便利だったので、以下でかんたんに 自分で"._border"というCSSの"border"に関する指定をまとめてできる Mixinを定義する過程を紹介したいと思う。 @border-color: #999; /* まずはCSSの"border"の基本的な記述をMixin化する */ ._b…
以下ではjQuery.extend() （以下$.extend()）がどういう動きをするのか、 そして、$.extend() と $.fn.extend() の違い、紛らわしさをまとめました。 jQuery.extend() の使い方 function momoclo(osaretai) { var members = { red : 'kanako', yellow : 'shi…
セキュリティ上、ドキュメントルート以下にwp-config.phpをおいておくのは怖い… ここではドキュメントルートの2つ以上上位階層への移動の方法を示す。（直上階層まではデフォルトで可能）まずは、wp-load.phpを編集します。 if ( file_exists( ABSPATH . 'wp…
これまでSmartyなどを使っていたウェブサイトをリファクタリングし、CakePHPへ移行する場合などに困ることがとして。 Get変数を使ったページを、CakePHP特有のURL記法（host/Controller/Action/Var）へ変更する際、 .htaccessを使って、リダイレクトする必要…
公式ドキュメントにも記載されていますが、 案外はまってしまうことも多い仕様のため、自戒の意味で。 FormHelper — Cookbook v2.x documentationFormHelperのControllerおよび、actionを自由に変更する方法。 Form->create(null, array('url' => '/recipes/…
MacOS Lion環境下で、ターミナルからMAMPのMySQL文字コードを変更するフロー $ cd ~/Applications # 次の処理はApplicationsディレクトリ下のMAMPのインストールを確認するフロー $ find /Applications -type d -name "MAMP" # MAMPのディレクトリへ移動 $ c…
使用しているOSはLionになります。あまり、適切な解放が紹介されていないようです。 http://stackoverflow.com/questions/641017/unable-to-find-applications-folder-in-macs-terminal find /Application -type d -name "*.app"
Model::hasAnyとはCake/lib/Model/Model.phpを参照すると以下のように定義されている。（2597行目） public function hasAny($conditions = null) { return ($this->find('count', array('conditions' => $conditions, 'recursive' => -1)) != false); } つ…
jQueryで（nの倍数）番目の要素だけに処理する例えば、4の倍数番目だけmargin-rightを取り除くといった処理。 $('.book_container').each(function(i){ if(((i+1)%4) == 0){ $(this).css({'margin-right': '0px'}); } }); DOMに対してeachでループする際、fu…
stackoverflowでGoogleマップに関するこんな質問の投稿があり javascript - Toggle Google Maps markers - Stack Overflow これに対する回答のコードが優れていたため、以下でそのコードをリーディングしたい。 Edit this Fiddle - jsFiddle locationsという…
<html> <head> <meta http-equiv="Content-Type" content="text/html"; charset="utf-8"> <title>jQuery Click Outside Test</title> <style> /* display */ .more-information {display: none;} </style> </meta></head></html>
前回の記事で使用したソースへの追記です jQueryを使って領域外のクリックイベントで消えるボックスを複数設定 - Surflog 2.0 <html> <head> <meta http-equiv="Content-Type" content="text/html"; charset="utf-8"> <title>jQuery Click Outside Test</title> <style> a { color: inherit; } .content { display: none; width: 400px; height: 80px; } .red { b…</meta></head></html>
ウェブアプリケーションなどで、ページ内で特定の操作をする際、 隠していた領域（style="display: none;"）を表示させることはよくあると思います。 （Twitterのフィード上でつぶやく表示など） その領域の外をクリックすると、該当する領域を非表示（.hide…
Handlebars.jsのヘルパーを独自に定義することができます。 参考：Handlebars.jsregisterHelperを使い、ヘルパーを自作するExpressionヘルパーと、Blockヘルパーの2種類がある。 Expressionヘルパーはテンプレート中の{{Expression}}を使って呼び出す。 Bloc…
Handlebars.jsをはじめる 公式のマニュアルより Handlebars.js: Minimal Templating on Steroidstype="text/x-handlebars-template"を設定したscriptタグのなかにテンプレートとなる内容を記述する <script id="entry-template" type="text/x-handlebars-template"> <div class="entry"> <h1>{{title}}</h1> <div class="bod</script>…
MacVimでタブをスペースに変換する設定 :set tabstop=4 :set shiftwidth=4 :set expandtabインデントの単位となるスペース文字数を設定 :set tabstop=4スペースをインデントと判断する文字数 :set shiftwidth=4タブをスペースに変更する設定（デフォルト設定…
ブログにソースコードをデフォルトで書ける、はてなダイアリーは便利です。 しかも、シンタックスハイライト（言語ごとソースコードの色分け）まで自動で行なってくれます。 Syntax HiliterなどWordpressのプラグインを導入するもの面倒という人にはおすすめ…
lengthの参照回数を減らしforループの処理を短縮する for (var i = 0; i < data.length; i++) { // ... } for (var i = 0; n = data.length; i < n; i++) { // data.lengthへの参照をループ初回のみにする }
ブラウザ（windowオブジェクト）で利用できるプロパティをすべて表示する <html> <body> <script type="text/javascript"> var s = ""; for (var prop in window) { s += prop; s += "<br>"; } document.write(s); </script> </body> </html>
Javascriptのクロージャを理解していない場合はかならず@DQNEO様の次のエントリーを読むこと [JavaScript] 猿でもわかるクロージャ超入門 まとめ - DQNEO起業日記 各セクションのサンプルコードまとめ[JavaScript] 猿でもわかるクロージャ超入門 ２ 関数の中…
