(X)HTMLのコードの可読性を高めるために、divの閉じタグ手前にいつもコメントを入れています。けれどもこれが結構面倒な作業で、自動にならないかなと思っていたら面白法人カヤックさんのKAYAC DESIGNER'S BLOGでDreamweaver用拡張機能として公開されていました。

コメントを生成して挿入するDreamweaver用拡張機能を作成しました

ただこの閉じタグのコメント、コーダーによっては様々な書き方があると思います。初期では<!-- / ClassName -->になっているのですが、HTMLファイルに記述されたJavaScriptコードをちょこっと変更することでカスタマイズ出来ます。
※カスタマイズは自己責任でお願いします。

Read more

MAMPでVirtualHostを設定する

Posted by poundhound on July 22, 2010

mamp.jpg

どうもOSの調子が悪かったので(LeopardからSnow Leopardにアップデートする際に上書きインストールしたからか?)Snow Leopardをクリーンインストールしてローカル環境を整えました。

以前、MAMPにImageMagickがどうにも入らなかったのですが、@BUNさんの書いた記事「Mac OS Xのローカル環境(MAMP+MacPorts)でMovable Typeを動かしてみよう」を読みながらMacPortsをインストールし、無事MAMP上でImageMagickが入りました。(感謝)

MAMPにMovableType5をインストールし、VirtualHostの設定をしました。

Read more

Google Analytics 非同期トラッキングコード メモ

Posted by poundhound on July 21, 2010

Google Analyticsの自分で良く使うコードをメモしておきます。(非同期トラッキングコード)

通常のトラッキングコード

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
_gaq.push(['_trackPageview']);

(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

複数のプロファイルで計測

var _gaq = _gaq || [];
_gaq.push(
['_setAccount', 'UA-XXXXXXX-X'],
['_trackPageview'],
['b._setAccount', 'UA-YYYYYYY-Y'],
['b._trackPageview']
);

ディレクトリ単位で計測

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
_gaq.push(['_setCookiePath', '/blog/']);
_gaq.push(['_trackPageview']);

URLが遷移しないフォームなどで仮想的にURLを設定する(バーチャルページビュー)

<body onload="_gaq.push(['_trackPageview', '/form/step1']);">

イベントの計測(イベントトラッキング)

<a href="javascript: _gap.push(['_trackEvent'], 'category', 'label', 'value');">

なんてことはない、pageTracker.メソッド名('〜')が_gap.push(['メソッド名', '〜'])に変更されるだけですね。

関連サイト
Asynchronous Tracking Usage Guide
Asynchronous Migration Examples

WordPressで便利だなと思ったプラグイン

Posted by poundhound on July 11, 2010

このブログはMovable Typeで運営をしていますが、ちょっとWordPressを利用する事があったので少し勉強をしてみました。
その際にいくつかプラグインを使ってみたのですが、これは便利だなと思った4つのプラグインをメモがてら紹介します。

Read more

電子書籍勉強会に参加しました

Posted by poundhound on July 3, 2010

7月2日、目黒のスタジオゴブリンにてH2Oスペース谷口さん(@seltzer)主催、スピーカーが堺先生(@commonstyle)の電子書籍勉強会に参加しました。

今回参加して思った事(分かった事)を羅列していきます。

  • 電子書籍の規格はカオス状態である(Apple iPad,iPhone / Sony Reader Daily EditionはEPUB形式、Amazon Kindleはmobi形式、VOYAGERはbook形式などなど)
  • 主流になりつつあるEPUB形式もDRMの形式により様々なバリエーションが存在する
  • 縦書き・明朝にこだわる人々がたくさんいる(この件に関しては活発な意見交換が行われました)
  • リフロー系 / 非リフロー系が存在する
  • リフロー系は、よりWeb的でiPhoneなどを縦にした場合や横にした場合でレイアウトを変える事が出来る
  • 非リフロー系は、より紙面的でファッション誌のようにきっちりとしたレイアウトを見せるのに適している
  • Webと電子書籍の境目は何処にあるのだろうか?と言う議論
  • EPUB形式などはコンテンツ部分はマークアップ言語で記述されているのでワンコンテンツマルチユースが可能(メルマガから電子書籍、Webと幅広い媒体に展開可能)
  • Kindleは本文にマーカーを引くことが出来るが、マーカーが引かれた場所は分析に利用可能。マーカーが引かれた内容のランキングを発表することが出来たりする(もうしてる?)

Read more

Categories:Event 

Comment(0) | Trackback(0)

Trackbacks

My Tweet

    @poundhound

    Google Adsence

    • Movable Type 5 Webサイト作成ガイドVolume 1