ama-ch

Markdown Table

foo	bar	baz
aaaa	bbbb	cccc
aaaa	bbbb	cccc
aaaa	bbbb	cccc

ama-ch

echo hoge

ama-ch

kintone.events.on('app.record.edit.show', function(evt) {
  var elem = $('#record-gaia').find('.target-element');
  elem.focus();
});

ama-ch

function escapeHtml(str) {
    str = str.replace(/&/g, '&');
    str = str.replace(/</g, '&lt;');
    str = str.replace(/>/g, '&gt;');
    str = str.replace(/"/g, '&quot;');
    str = str.replace(/'/g, '&#39;');
    return str;
}

ama-ch

// 悪い例
element.innerHTML = '<span class="foo">' + value + '</span>';
// 良い例
element.innerHTML = '<span class="foo">' + escapeHtml(value) + '</span>';

ama-ch

// 悪い例
location.href = '/k/1234/show?param=' + param;
// 良い例
location.href = '/k/1234/show?param=' + encodeURIComponent(param);

ama-ch

// 要素の生成
document.write("...")
element.innerHTML = "..."

// 属性の設定
element.setAttribute(name, value)
element.someAttribute = "..." // someAttributeはhref,onclick,style,srcなど

// URL操作
location.href = "..."

ama-ch

// 悪い例
$(el).html($('<span class="foo">' + value + '</span>');
// 良い例
$(el).html($('<span class="foo">').text(value));

ama-ch

// Gruntfile.jsの一部
karma: {
    options: {
        files: [
            grunt.option('specfile') || '<%= path.js %>/**/*_spec.js'
        ]
    }
}

ama-ch

kintone.events.on('app.record.index.show', function() {
  kintone.app.getHeaderMenuSpaceElement().innerHTML =
    '<input type="text" id="keyword" placeholder="キーワード" > <button id="search">検索</button>'
    document.getElementById('search').onclick = function() {
      var keyword = document.getElementById('keyword').value;
      var url = location.href;
      url += '?query=' + '文字列__1行_ like "' + keyword + '"';
      location.href = url;
    }
});