概要: 僕はこの罠にハマりました
Tumblr のテンプレートって、
{Title}
みたいな感じでテンプレート変数が使えるんですが、 この、
{Foobar}
みたいな構文、実は、
Javascript の正規表現等の構文 と 部分的にかぶってる
ため、特にこのコトを意識せずに、
- Javascript をテンプレート内に埋め込み
- かつその中で正規表現等の構文を使う
と、
ジャバスクリプトウゴカナイ！ ウゴカナイナンデ！
ってなります。
で、僕がハマったケースでは、具体的には、
/ [[a-z]] {2}/
みたいなのが、
/ [[a-z]] /
っていう感じになっててスクリプトがブロークンしてました。マジか。
つーか昨日からそれでハマっていて、今日、 console.log デバッグしてたときにようやく気がつきました。なんでこないなってんねん。マジで。
ということで、
- Tumblr のテンプレート内に Javascript を埋め込む際
には、
- Tumblr のテンプレ構文と Javascript 構文が重複していないか
によく注意して、実装を行いましょう。
また、Javascript のデバッグの際には、
console.log
が非常に役に立ちますので、その辺りも覚えておきましょう。
つーことで、本日の記事は以上です。終わります。
