ソースコードから理解する技術-UnderSourceCode

手を動かす(プログラムを組む)ことで技術を理解するブログ

JavaScript

cal-heatmapを使ってGithubの草を再現してみる

Githubの草、去年は結構話題だったかと思います(いや、Githubが出来てからずっとか?w) 遅ればせながら、あの「草」をどのようにすれば作れるのかを調べてみました。結論としてはcal-heatmapというライブラリを使えば出来ることが分かりました。 https://c…

UbuntuでAngularJSを動かしてみる

以前に少し触っただけのAngularJSについて、もっと知ろうと思い AngularJSのチュートリアルをやってみました。 AngularJS今回はUbuntu上でやってみたので、AngularJSを動かすまでの 手順を以下にメモっておきます。■動作環境 ・Ubuntu 13.10 ・AngularJS 1.2…

Canvasに描いた画像をサーバに送信する

Canvas上で描いた絵は、クライアント上(つまりJavaScript)のcanvasオブジェクト toDataURL()メソッドで画像として取得することができます。今回は、Canvasに描いた絵を画像として取得し、Ruby on Railsのサーバに送信してみました。この方法を用いれば、クラ…

VisualStudioでJavaScriptをデバッグする

タイトル通りのことをしました。IE9だとF12キーでデバッグ用の画面も出るのですが やはり使い慣れたVisualStudioでステップ実行ができる方が個人的にはいいです。 それと入力補完が効くことも気に入っています。以下に簡単な手順を記します。 なおスタートペ…