はてなブックマーク

var errors = [ {line: 1, column: 30, message: 'syntax error'}, {line: 2, column: 21, message: 'too long'}, {line: 2, column: 10, message: 'format invalid'}, {line: 1, column: 5, message: 'delimiter error'} ]; // ここにソート処理をかけ // 結果 // errors -> [ // {line: 1, column: 5, message: 'delimiter error'}, // {line: 1, column: 30, message: 'syntax error'}, // {line: 2, column: 10, message: 'format invalid'}

はじめに この記事は、 gulpも browserifyも知らない 初心者を対象にしています。 最近になってnode.jsでプログラミングしていますよって人が対象です あまりにも０ステップからで、それくらいわかるよって事もあるかもしれません。 node.jsについて、０から勉強したい人はドットインストールとか便利かもね。 gulpって？browserifyって？ まず、gulpもbrowserifyもなんのことだか、さっぱりわからないって！ でも、まだ説明しません。 なぜなら、 **なんで必要？**を説明していないから。 目的は ブラウザとサーバで全く同じjavascriptを動かそう 最近は、node.jsでサーバサイドjavascriptも珍しくなくなってきました。 でも、微妙に違うサーバとブラウザでのjavascript！ 特に、違うなーと感じるのは、記述する場所ですね。 本当はもっ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに オブジェクトのキーを取得する方法には、次の２つの方法が知られています。 それは、for-inで繰り返し処理による取得とObject.keysによる取得です。 実はこれいつでも同じ処理をするものだと思っていませんか？ for (var p in obj) { if (obj.hasOwnProperty(p)) { //do something } } Object.keys(obj).forEach(function (p) { //do something }) function showProperties (obj) { // 検証1 - keys // Object.keysを使う var keys = Object.keys(obj); console.log('keys: ', keys); // 検証2 - forIn1 // 列挙可能なキーを取得する var fo

#はじめに koaはp-baleine@githubさんの記事やLightSpeedCさんの記事で魅力を感じて触っています。 でもnode.jsといえばやっぱりsocket.ioを使った双方向通信ですね。 どうやって実現するか。 そこでググってみるとtakyamさんのブログにドンピシャな投稿がありました。 さっそくtakayamさんのコードを拝見すると、やっぱりsocket.ioの部分はごちゃごちゃしてしまうのは仕方がなさそうですね。 せっかくkoaのhttpのミドルウェア部分はすっきりしているのにと。。。 そこで今回はsocket.io部分もミドルウェアっぽく記述出来るモジュールを作成しました。 公開しているので試してみてください。 npmを使う場合はnpm install cocotte-mixin-wsです。 Koaのミドルウェア とっても単純に記述するとhttp部分のミドルェアは次

まあ〜、小さい小さい小ネタです。 コメントで日本語を入力中、確定しようとしてenterを押すと 入力が消えてしまいます。 解決方法はいろいろ面倒な事をしなくてはいけなくて厄介ですが、 じつは非常に簡単に解決する方法があります。 タイトルの方が長いですが、結論は 「shiftを押しながらenterで確定する」 です。 keymapの編集だとか、Pluginを新たに入れるとか面倒な人におすすめで、 慣れると割と苦にならないです。 ただ、ことえりでしか確認していないですが。 google 日本語入力は https://gist.github.com/koizuss/4521934 にkeymapを編集して対応する方法もあるみたいです。 Sublime Textは今までのIDEに比べ軽くて良いんですが、日本語周りが難ありますね。

クラスの落とし穴1 - プロパティの初期化 クラスの落とし穴2 - メソッドとクロージャ クラスの落とし穴3 - 継承(この投稿) クラスの落とし穴4 - プライベート変数の実装 はじめに 今回はクラスの継承の違いによる落とし穴です。 継承とプロトタイプチェーン。同じようで同じじゃないやっぱりある落とし穴はなんでしょうか。 javascriptはプロトタイプベースのため、PHPやjavaのように継承の方法に明確な構文がありません。 そのため、継承に似たものを工夫して実装することになります。 少なくとも継承にプロトタイプチェーンを使用すれば良いだろうというのは理解されていると思いますが、実際にはこれが一番の方法で後は全部だめ！というパターンはありません。 ただ、安易な実装は思っている動作とじつは異なる動作をしている事があります。 ここでは一番簡単な方法から継承を実装して確認します。 よくある

クラスの落とし穴1 - プロパティの初期化 クラスの落とし穴2 - メソッドとクロージャ(この投稿) クラスの落とし穴3 - 継承 クラスの落とし穴4 - プライベート変数の実装 はじめに 前回は、プロパティをコンストラクタで 初期化しなかった場合に起きる落とし穴を投稿しました。 今回は、メソッドをコンストラクタで 初期化した場合に起きてしまう落とし穴を投稿します。 プロパティとメソッドでコンストラクタ初期化するかしないか推奨の実装方法に差があるのは、javascriptの興味深いところです。 クラス定義 まずは前回のおさらいで、クラス定義を次のように書くようにしていました // クラスを定義 function Klass1 () { // プロパティ this.name = 'foo'; this.hobbies = []; }; // メソッド Klass1.prototype.set

クラスの落とし穴1 - プロパティの初期化 (この投稿) クラスの落とし穴2 - メソッドとクロージャ クラスの落とし穴3 - 継承 クラスの落とし穴4 - プライベート変数の実装 はじめに javascriptでもクラスを作成する事が多くなってきました。 しかし、「javascriptにはクラスがない」とよく言われ、実装側が擬似的にクラスを定義しています。 クライアントサイドで大規模開発が増えてきたため、オブジェクト指向の概念で実装したいと思っているのでしょう。 javascriptでは安易な疑似クラスの作成によって見事落とし穴にはまる事があります。 ここでは、本来javascriptにはないクラスをうまく実装する方法を順に追って説明します。 "落とし穴とは、 うまく動いているけど気がついていないだけで実はマズい実装の事 とします 簡単なクラスの実装 クラスの定義には幾つかの方法がありま

一見正しく動作しないと思われるコードを見かける事があります。 不幸にもそのようなコードを保守しなければならなくなった際に、慌てないように理解しておかなければなりません。 よくある「変数の巻き上げ問題」について 次のコードを実行した際に、ReferenceError: x is not definedの例外が発生します。

標準のErrorを拡張してプロパティを持ったCustomErrorを作成するのに、 はまってしまってやっと解決したので共有します。 継承のおさらい まずは、何の変哲もない継承の方法からおさらいします。 node.jsで普通に継承を行うと次のように実装する事が出来ます var util = require('util'); // 継承元 var Vehicle = function Vehicle (capacity) { this.capacity = capacity; }; Vehicle.prototype.capacity = 0; // 継承先 var Car = function Car (capacity, color) { Car.super_.call(this, capacity); if (color) { this.color = color; } }; util.

何日か前に出題されていたものをjsでも書いてみました。 みなさんの回答を、投稿してからみようと思うので 同じや、さらに良いロジックがあるかもしれませんが、とりあえず。 左右から見える壁の高さと奥行きを調査し、見えない部分に水が入っていると考えています var test = function (input, output) { // 0が入っているところで分けて別々に計算して足す var blocks = input.split('0') , water = 0; // 分けたブロックごとに計算 blocks.forEach(function (data) { var block = data.split('') // 左影 , max1 = 0 , lsharp = block.reduce(function (x, y) { max1 = Math.max(y * 1, max1); x

重複を削除する方法はいくつか方法があるみたいですが、 filterを使用する事で非常に楽に実現出来ます var a = [1,2,3,3,2,2,5]; // 重複を削除したリスト var b = a.filter(function (x, i, self) { return self.indexOf(x) === i; }); // 重複のみをリスト var c = a.filter(function (x, i, self) { return self.indexOf(x) !== self.lastIndexOf(x); }); // 重複を検出したものを重複しないでリスト var d = a.filter(function (x, i, self) { return self.indexOf(x) === i && i !== self.lastIndexOf(x); }); co