Javascript
ES6 'use strict'; var family = [ {'name':'Namihei', 'age': 54}, {'name':'Masuo', 'age': 28}, {'name':'Katsuo', 'age': 11}, {'name':'Tarao', 'age': 3} ]; var family1 = family.filter(function(person) { return person.age < 30; }); var family2…
> var a = [1, 2, 3] undefined > a [1, 2, 3] > a.reverse(); [3, 2, 1] > a [3, 2, 1] > a.slice().reverse(); [1, 2, 3] > a [3, 2, 1] a.reverse() で破壊的 a.slice().reverse() で非破壊的 参考 Reverse array in Javascript without altering the ori…
いちおう想定通りの結果になるか確認してみた javascript (es2015) 'use strict'; function foo(func) { console.log('foo!'); func(); console.log('end foo!'); } foo(() => {console.log('bar!');}); //=> foo! //=> bar! //=> end foo! python 2.7.x #!/…
設定 参考リンクから必要そうなとこを抜き出してコピペ ~/.ctags --exclude=.git --exclude=.hg --exclude=log --exclude=tmp --languages=-javascript --langdef=js --langmap=js:.js --langmap=js:+.jsx --regex-js=/[ \t.]([A-Z][A-Z0-9._$]+)[ \t]*[=:][…
追記2019-04-11 const sleep = (msec) => { return new Promise(resolve => setTimeout(resolve, msec)) } (async () => { console.log('hoge') await sleep(3000) console.log('fuga') })() hoge > Promise {<pending>} fuga 参考（参考というか下記記事のコードほぼ</pending>…
var array = [1,2,2,3,3,3]; // ES5.1？ var unique = function(arr) { return arr.filter(function (x, i, self) { return self.indexOf(x) === i; }); }; console.log(unique(array)); //-> [ 1, 2, 3 ] // ES6 console.log(Array.from(new Set(array))); …
instanceof を使えばよいの？ > var friend = JSON.parse('{ "id": 1, "name": "のび太" }') > var friends = JSON.parse('[ { "id": 2, "name": "ジャイアン" }, { "id": 3, "name": "スネオ" }]') > friend instanceof Array false > friends instanceof A…
> var ele = document.createElement("script"); ele.type = "text/javascript"; ele.src = "http://cdn.rawgit.com/STRML/keyMirror/master/index.js"; document.body.appendChild(ele); > var COLORS = keyMirror({blue: null, red: null}); undefined > C…
前回『ReactJS と Browserify と reactify のメモ』 の続き。 なにやら reactify から babelify に乗り替えた方が良さげ みたいなので変更する。 あと watch もできるようにする。 変更するコード gulpfile.js var babelify = require('babelify'); var brow…
簡単にできると思ってたら Browserify で ./jsx/**/*.jsx みたいなディレクトリ以下のファイルを指定するのに悩んだんのでメモ ソースコード # ファイル構成 . ├── gulpfile.js ├── index.html ├── jsx │ └── yo.jsx └── package.json gulpfile.js var brows…
連想記憶のkeyは変数が展開されない 暫定処置 追記 2018-12-28：ES2015 以降は変数を [] で挟んでkeyにすれば展開される 連想記憶のkeyは変数が展開されない { foo: 'bar' } が取れると期待したら{ select: 'bar' }になってぎょぎょぎょってなった(´･ω･`) va…
var a1; var a2; var a3; var b1; var b2; var b3; var i; a1 = [1,2,3]; b1 = [4,5,6]; for (i = 0; i < b1.length; i++) { a1.push(b1[i]); } console.log(a1); //-> [ 1, 2, 3, 4, 5, 6 ] a2 = [1,2,3]; b2 = [4,5,6]; console.log(a2.concat(b2)); //-> …
Python print("I'm {name}. {age} old.".format(name="Hogeo", age=3)) #-> I'm Hogeo. 3 old. Javascript console.log( "I'm {name}. {age} old.".replace( /\{(\w+)\}/g, function(m, k) { return { "name":"Hogeo", "age":3 }[k]; } ) ); //-> I'm Hogeo.…
Google Chrome Developer Tools のコンソールで実行 > var n = 1234567890; undefined > n.toLocaleString('ja-JP'); "1,234,567,890" 参考リンク Javascriptで数値の3桁区切りを実装 - Qiita JavaScript - JSで数値の3桁区切りを実装する簡単な方法 - Qiita
var sum = function(arr) { return arr.reduce(function(a, b) { return a + b; }); }; console.log(sum([1, 2, 3, 4, 5])); //-> 15 組み込み関数 — Python 2.7ja1 documentation - sum() Array.prototype.reduce - JavaScript | MDN
Quick start 的なやーつ package.json を作る とりあえず全てリターンすればデフォルト値が入る $ npm init package.json に grunt を追加する $ npm install grunt --save-dev package.json に書かれた依存モジュールをカレントディレクトリにインストール…
$ ctags -Re `npm root -g` .
Javasciprt var foo = {'bar': 1, 'buzz': 2}; console.log(Object.keys(foo)); // [ 'bar', 'buzz' ] Python ちなみにこんなの foo = {'bar': 1, 'buzz': 2} print(foo.keys()) # ['bar', 'buzz'] はてな記法書くの面倒臭くなってきたなぁ 参考 https://dev…
CasperJS, a navigation scripting and testing utility for PhantomJS and SlimerJS CasperJS documentation — CasperJS 1.1.0-DEV documentation Casper.JSのススメ - After Coding 続・Casper.JSのススメ - After Coding PhantomJS入門 CasperJSを使う - …
Javascript Javascript01 (n++) function counter() { var n = 1; return function() { return n++; }; }; var count = counter(); console.log(count()); console.log(count()); console.log(count()); console.log(count()); // 1 // 2 // 3 // 4 Javascri…
D3.js - Data-Driven Documents D3.js - 日本語ドキュメント データビジュアライゼーション「d3.js」 | GUNMA GIS GEEK D3.jsはなぜ人気があるのか？ そして、なぜ難しいのか？ | GUNMA GIS GEEK ゴールデンウィーク中にD3.jsを学びたい方にお勧めな厳選まと…
追記：jsdo.it に書いて貼ってみた 元のコード <html> <head> <meta charset="UTF-8" /> <title>Underscore.js - template sample</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.js"></script> </meta></head></html>
//01 var i, max, arr = ['a', 'b', 'c']; for (i = 0; i < arr.length; i++) { console.log(arr[i]); } //-> a //-> b //-> c //02 for (i = 0, max = arr.length; i < max; i++) { console.log(arr[i]); } //-> a //-> b //-> c //03 for (i = arr.length;…
Python での例 Javascript で書いてみる 別の書き方 追記 2022-08-08 Python での例 from random import sample print(sorted(sample(range(1, 44), 6))) # ex -> [14, 15, 31, 33, 40, 41] Javascript で書いてみる function range(start, end) { var numbe…
表示確認はFirefox26。 chrome 使う場合は下記のように -allow-file-access-from-files オプション付けて起動する 【小ネタ】Chromeのローカルセキュリティポリシーの回避 ｜ Developers.IO open -a Google\ Chrome --args -allow-file-access-from-files in…
function range(start, end) { var numbers = []; if (!end) { end = start; start = 0; } for (var i = start; i < end; i++) { numbers.push(i); } return numbers; } console.log(range(5, 18)); //-> [ 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17 ]…
sort() はアルファベット順でソートされるので数値の場合は気をつける。 var n, s; n = [ 25, 37, 6, 42, 8, 21 ]; console.log(n.sort()); //-> [ 21, 25, 37, 42, 6, 8 ] s = [ 'b', 'c', 'a' ]; console.log(s.sort()); //-> [ 'a', 'b', 'c' ] n = [ 25,…
var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43]; var result_numbers; // function random_sample(population, k)…
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script> backbone.js & underscore.js CDN recommendation? - Stack Ov…
Backbone Backbone.js jashkenas/backbone · GitHub Backbone.js Todosを読み解く - console.lealog(); 第一回 jQueryから始めるBackbone.js(1/2) - 実践！Backbone - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル BACKBONE.J…
