TumblrのテンプレートにJavascriptを含ませる時の注意点

概要: 僕はこの罠にハマりました

Tumblr のテンプレートって、

{Title}

みたいな感じでテンプレート変数が使えるんですが、 この、

{Foobar}

みたいな構文、実は、

Javascript の正規表現等の構文 と _ 部分的にかぶってる_

ため、特にこのコトを意識せずに、

1. Javascript をテンプレート内に埋め込み
2. かつその中で正規表現等の構文を使う

と、

ジャバスクリプトウゴカナイ！　ウゴカナイナンデ！

ってなります。

で、僕がハマったケースでは、具体的には、

/ [[a-z]] {2}/

みたいなのが、

/ [[a-z]] /

っていう感じになっててスクリプトがブロークンしてました。マジか。

つーか昨日からそれでハマっていて、今日、 console.log デバッグしてたときにようやく気がつきました。なんでこないなってんねん。マジで。

ということで、

• Tumblr のテンプレート内に Javascript を埋め込む際

には、

• Tumblr のテンプレ構文と Javascript 構文が重複していないか

によく注意して、実装を行いましょう。

また、Javascript のデバッグの際には、

• console.log

が非常に役に立ちますので、その辺りも覚えておきましょう。

つーことで、本日の記事は以上です。終わります。

#FIXME