Tweet

質問：

この文字列があるとして：

"Test abc test test abc test test test abc test test abc"

以下をすると：

str = str.replace('abc', '');

上の文字列で最初のabcだけを取り除いているみたいだけど、どうやったらすべてのabsを置き換えることができる？

Read More

Tweet

質問：

名前付きの列と、連続数じゃないような列を持つ次のようなインデックス付きDataFrameがある：

          a         b         c         d
2  0.671399  0.101208 -0.181532  0.241273
3  0.446172 -0.243316  0.051767  1.577318
5  0.614758  0.075793 -0.451460 -0.012493

既存のデータフレームに新しい列「e」を追加したいんだけど、でもデータフレームは何も変更したくないんだ(つまり、新しい列には常にDataFrameと同じ長さ)。

0   -0.335485
1   -1.166658
2   -0.385571
dtype: float64

join、append、 mergeのいろんなバージョンを試したけど、望んでいた結果は得られず、せいぜいエラーになるだけ。上記の例で「e」列を追加するにはどうしたらいいかな？

Read More

Tweet

質問：

オブジェクトxがあってそれをオブジェクトyとしてコピーしたいんだけど（yへの変更がxを変更しないように）。
built-inJavaScriptオブジェクトからコピーしたオブジェクトは不要なプロパティが余分に追加されてるのは知ってるんだけど。これは問題じゃないんだ。なぜって僕はリテラルとして構築されたオブジェクトの1つをコピーしているからです。

JavaScriptオブジェクトを正しくクローンするにはどうすればいいかな？

Read More

Tweet

ミッチ・レズニック：子供たちにコードを教えよう

MakeUseOfより、プログラマーが見ておくべきTEDトークが話題になっていたのでご紹介します。内容は、プログラミング方法を学ぶためではなく、プログラマーになる方法を学ぶことにフォーカスが置かれ、考え方を知ることを重視した内容になっています。
第13段は「ミッチ・レズニック：子供たちにコードを教えよう」。以下のように紹介されています：

TEDx Talksは、TED Talksと同じレベルの品質管理をされていないため、しばしば軽視されますが、この動画はそうではありません。 Resnickは16分で、なぜ子供たちにコードを教えるべきか説明します。

動画は日本語字幕を表示してありますが、TEDトークの日本語訳には意訳している部分もあるため、英語字幕（以下）をフォローするのをお薦めします：

Read More

Tweet

質問：

次のコードスニペットがあるんだけど、

function addLinks () {
    for (var i=0, link; i<5; i++) {
        link = document.createElement("a");
        link.innerHTML = "Link " + i;
        link.onclick = function () {
            alert(i);
        };
        document.body.appendChild(link);
    }
}

上記のコードは、5つのリンクを生成して、現在のリンクIDを表示するために各リンクをアラートイベントでバインドするためのコード。
でも、動作しないんだ。クリックすると生成されたリンクはすべて「リンク5」になる。

でも、次のコードスニペットは僕の期待通りに機能する。

function addLinks () {
    for (var i=0, link; i<5; i++) {
        link = document.createElement("a");
        link.innerHTML = "Link " + i;
        link.onclick = function (num) {
            return function () {
                alert(num);
            };
        }(i);
        document.body.appendChild(link);
    }
}

上記の2つのスニペットはここから拝借した。著者の解説にあるように、closureは魔法のように見える。

でも、どのように動作し、どのようにクロージャが動作するかは、僕には理解不能。なぜ最初のものは動作しないの？誰かこの魔法の詳細な説明ってできる？

よろしくお願いします。。

Read More

Tweet

質問：

2つのデータフレームがあるとする：

df1 = data.frame(CustomerId = c(1:6), Product = c(rep("Toaster", 3), rep("Radio", 3)))
df2 = data.frame(CustomerId = c(2, 4, 6), State = c(rep("Alabama", 2), rep("Ohio", 1)))
df1
#  CustomerId Product
#           1 Toaster
#           2 Toaster
#           3 Toaster
#           4   Radio
#           5   Radio
#           6   Radio
df2
#  CustomerId   State
#           2 Alabama
#           4 Alabama
#           6    Ohio

どうやったらデータベース的、すなわち、SQLみたいなjoinができる？つまり、

• df1とdf2のinner join：
  左側のテーブルが右側のテーブルに一致するキーがある行のみを返す。

• df1とdf2の外部結合：
  両方のテーブルのすべての行を返し、右側のテーブルの一致するキーがある左側のテーブルからレコードは結合する。

• df1とdf2のleft outer join(または単にleft join)
  左のテーブルからすべての行と、右側からマッチするキーが有るすべての行を返す

• df1とdf2のright outer join
  右側のテーブルからすべての行を返し、さらに左側から一致するキーを持つ行の全てを返す
  左のテーブル。

おまけ：

どのやったらSQLっぽいのselect文を実行できる？

Read More

Tweet

毎週水曜日はIT企業で働く人達をネタにしたWebコミック、Commit Stripを翻訳したものを紹介しています。
Webデベロッパーなら笑えるネタがたくさん（？）

今回のお題は「Versioning is important（バージョニングは重要だ）」です。

Read More

Tweet

質問：

@staticmethodが付いてる関数と、@classmethodが付いてる関数の違いって何？

Read More

Tweet

１コマ目：
「ねえ、叔父さん、僕ちょっと分からないことがあるんだけど、、、」
「何が分からないんだい？」

２コマ目：
「どうしてハードディスクはA:からじゃなくて、C:から始まるの？」
「ああ！」

３コマ目：
「お前がそんな事を聞くなんて思っても見なかったなー！」
「よし、それじゃ初めから話をしてやろう」

４コマ目：
「むかぁ～し昔、あるところに、、、」

Source: Telling our story

Tweet

質問：

var funcs = [];
for (var i = 0; i < 3; i++) {      // 関数を３つ作る
  funcs[i] = function() {          // それらをfuncsに入れる
    console.log("My value: " + i); // 各関数はその値を記録する
  };
}
for (var j = 0; j < 3; j++) {
  funcs[j]();                      // 走らせる
}

でもこれは以下を出力してしまう：

My value: 3
My value: 3
My value: 3

でも僕が欲しいのは

My value: 0
My value: 1
My value: 2

同じ問題は、関数の実行がイベントリスナーを使用することによって遅延してしまう時にも起こる：

var buttons = document.getElementsByTagName("button");
for (var i = 0; i < buttons.length; i++) {          // let's create 3 functions
  buttons[i].addEventListener("click", function() { // as event listeners
    console.log("My value: " + i);                  // each should log its value.
  });
}

<button>0</button><br>
<button>1</button><br>
<button>2</button>

この基本的な問題の解決策ってある？？

Read More