nekoneko-wanwan

function playFunc(n) {
  if(n === 1){
    console.log('奇数');
  } else {
    console.log('偶数');
  }
}

function counter(){
    var count = 0;

nekoneko-wanwan

// fallback
window.requestAnimFrame = (function() {
  return (
      window.requestAnimationFrame       || 
      window.webkitRequestAnimationFrame || 
      window.mozRequestAnimationFrame    || 
      window.oRequestAnimationFrame      || 
      window.msRequestAnimationFrame     || 
      function(callback, time) {
        var time = time ? time: 1000 / 60;

nekoneko-wanwan

var debugMode = true;
var c;

/* 折りたためるようにfunction内に入れている */
(function() {
	c = {
		l : (function() {  return console.log.bind(console); })(),
		lc: (function() {  return console.log.bind(console, "%c%s", "color:red;font-weight:bold;"); })(),
		d : (function() {  return console.dir.bind(console); })(),
		t : (function() {  return console.table.bind(console); })(),

nekoneko-wanwan

// 追記
// functionは外に出して、callback付きで制御した方が良さそう

var isClickable = true;
$('h1').on('click',function() {
    if (isClickable) {
        console.log('実行!');
        isClickable = false;
    } else {
        console.log('処理中です');

nekoneko-wanwan

if (window.CanvasRenderingContext2D) {
}

nekoneko-wanwan

見た目をカスタマイズしやすくするため、HTMLのフォーム形式で利用する方法を採用

• 検索フォームを作成
• 検索結果を表示したいページ（htmlなど）を用意
• 上記ページに、検索結果を表示するjsコードを貼り付ける
• 検索フォームに、googleの透かしマークを入れるスクリプトを書くのを忘れずに

nekoneko-wanwan

---

Chromeデベロッパーツールメモ

date: 2015/07/22時点
version: 43.0.2357.134 m

---

nekoneko-wanwan

<script src="https://maps.googleapis.com/maps/api/js"></script>

<div id="map"></div>

nekoneko-wanwan

<!-- 省略 -->
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="markerclusterer_compiled.js"></script>
<script src="map.js"></script>

<!-- 省略 -->

<!--
markerclusterer_compiled.js
src -> https://github.com/googlemaps/js-marker-clusterer

nekoneko-wanwan

.tabs .is_active {
  color: red;
}
.tab-content {
	display: none;
}
.tab-content.is_show {
  display: block;
}