Javascript

GoogleMapでカテゴリごとのマーカーを表示し、InfowindowのToggleを実装する

stackoverflowでGoogleマップに関するこんな質問の投稿があり javascript - Toggle Google Maps markers - Stack Overflow これに対する回答のコードが優れていたため、以下でそのコードをリーディングしたい。 Edit this Fiddle - jsFiddle locationsという…

Handlebar.jsを使ったヘルパーの登録

Handlebars.jsのヘルパーを独自に定義することができます。 参考:Handlebars.jsregisterHelperを使い、ヘルパーを自作するExpressionヘルパーと、Blockヘルパーの2種類がある。 Expressionヘルパーはテンプレート中の{{Expression}}を使って呼び出す。 Bloc…

Handlebar.jsを使ったテンプレートの出力、サニタイズ

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>…

forループでのlengthの毎回参照を避ける

lengthの参照回数を減らしforループの処理を短縮する for (var i = 0; i < data.length; i++) { // ... } for (var i = 0; n = data.length; i < n; i++) { // data.lengthへの参照をループ初回のみにする }

ブラウザから利用できるJavascriptのプロパティを一覧表示する処理

ブラウザ(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でクロージャを理解する

Javascriptのクロージャを理解していない場合はかならず@DQNEO様の次のエントリーを読むこと [JavaScript] 猿でもわかるクロージャ超入門 まとめ - DQNEO起業日記 各セクションのサンプルコードまとめ[JavaScript] 猿でもわかるクロージャ超入門 2 関数の中…