jQueryは.css()を使えば、まるでCSSを書いているかのようにスタイルを適用できて便利ですよね。jQueryを使わない場合でも同じように書けるととても便利なので、いつも以下みたいな関数を用意してます。
// Set Styles
function set_styles(elm, hash) {
for( var c in hash ) {
elm.style[c] = hash[c];
}
}
これさえあれば、あとは簡単
set_styles(element, {
margin: '5px 0 5px 5px',
width: '100px',
height: '100px',
fontSize: '14px'
});
こんな感じにjQueryの.css()と同じように（ちょっと違うけど）書けます。便利。
普段Google Analyticsを利用するとき、デフォルトでga.jsで利用するようになっていますし、基本的にurchin.js（古いやつ）はUrchinと併用するときくらいしか使わないと思いますが、、
gaはデフォルトでhttp・httpsに対応したコードを生成するので問題ないですが、上記のリンクから古いコードを選ぶと、最初に指定したドメインに対してしかコードを生成しません。
たとえば http://5509.me に対してurchin.jsのコードを生成すると以下のようになります。
これをhttp・httpsが混在するCMSなどで利用すると、IEではhttpsのページで以下のようなセキュリティ警告が表示されます。
解決するには、ga.jsの生成コードのようにURLのprotocolによって読み込み先を変える必要があります。
この部分を･･･
<script src="https://ssl.google-analytics.com/urchin.js" type="text/javascript"></script>
以下のコードに修正する
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/urchin.js' type='text/javascript'%3E%3C/script%3E"));
</script>
これでセキュリティ警告が出ることもなくなります。
1月14日にjQuery1.4がリリースされましたが、なかなか手をつけられずにいること早2ヶ月･･･。ようやくちゃんと使ってみようということで色々見てると、それにしても痒いところに手が届くというかなんというか、すばらしいですね。
いまさら感満載なので、みなさん既に知ってると思いますがいくつかメモしておくのと、もしかしたらあんまり知られてないかも知れないjQueryの機能も少し紹介しておきます。
.coderから丸々転載します。
———ここから———
コーダー・Webデザイナー向けの勉強会「.coder（どっとこーだー）」 を大阪で行います。
とりあえず決まっていることを以下にまとめておきます。調整中項目などは決まれば随時追加していきます。参加表明はATNDから行ってください。
何か話したい！とかあればATNDかこちらのコメントにお願いします。
このブログでも行いますが、連絡用Twitterアカウントを用意したので、こっちもフォローしてください。
ATNDのページから行ってください
15日のvol.01 ノンプログラマのためのPHP入門はPHPを始めようとしている僕にはとても有意義なものだったのですが、さらに衝撃だったのは、Zen-Codingでした。
前々から存在は知ってましたが、使ったことはありませんでした。使ってみたところこれが超快適･･･！確かにコーディングが3倍速くなるかも知れない。これを知らなかったなんて僕のコーディング人生は何だったんでしょうか。
で、わざわざZen-Codingのよさについて書いたところで意味がないので、Zen-Codingについては以下のエントリ等が参考になると思います。
WordPressの記事をZen-Codingで編集したいなとか話してたんですが、どうやらtextareaでZen-Codingを可能にするライブラリが公式であるんですね･･･そしてこれが素晴らしい出来でブログ記事を書く速さも3倍1.5倍くらいになりそうです。特に技術系のブログを書いてる人には手放せないツールになるんじゃないでしょうか。
以下WordPressに適用して編集した際のキャプチャです。公式サンプルそのまんまで申し訳ないですがそういうことです。
この状態でCmd+E(Ctrl+E)で･･･
このように展開できます。
僕はWPユーザーなので、WordPressに導入する方法を書いておきます。ちなみに、ビジュアルエディタは邪魔なのでオフにしておきます。（どちらでもいいですが）
【追記】rewさんがプラグイン化してくれました。なかなか登録が完了しないようです･･･
以下は古い内容です。WordPressのバージョンアップに伴って消えるのでプラグインを使ったほうがいいですね。
まずはソースコードをダウンロードします。
ダウンロードしたら解凍して出てくる「zen_textarea.js」か「zen_textarea.min.js」を適当なフォルダにコピーして
を開いてたぶん69行目辺りが</head>のすぐ上なので、そこで読み込ませます。
わずか2ステップで実装できてしまいました。ただこの方法だと記事編集画面以外のテキストエリアにも適用されてしまうので、それが嫌な人は<?php if(){} ?>か何かで編集画面でのみ適用するようにするといいでしょう。
そんなにタグばっかり使わない人にはrewishさん作のはてな記法プラグインがちょうどいいと思います。テーブルなどもどんどん使えますし、こちらもかなり便利です。
