読者です 読者をやめる 読者になる 読者になる

undefined

bokuweb.me

javascript

flowtypeを試してみる

最初に この記事はflowtype導入の手順紹介というより、自分の作業ログに近いものです。flowtypeって何?ってところも含めて以下に紹介する記事を見たほうがわかりやすいと思いますので、参照してください。 今回試すにあたって、参考にした記事。 qiita.com …

Karma + mocha + powerassert + ES6でのkarma.conf.js設定メモ

Karma + mocha + powerassert + ES6でのkarma.conf.jsの設定メモ。espowerifyではなく、babel-plugin-espowerで意図通り動いた。 // Karma configuration // Generated on Fri Sep 25 2015 15:55:15 GMT+0900 (東京 (標準時)) module.exports = function(con…

末尾再帰(最適化)について調べる

すごいE本の「再帰さん、こんにちは!」を読んでて、末尾再帰のところが理解できなかったので調べた。 基本的な再帰関数duplicate/2 以下は整数の第二引数の項を第一引数の数だけコピーしたリストを作る関数。(「すごいErlang ゆかいに学ぼう!」55頁より) d…

にょーんと出てくるサイドメニューを勉強がてら作った

基礎的なところですが、理解のため勉強しながら「にょーんと出てくるサイドメニュー」を作りました。 今回はjQueryを使ってるけどAngularJSなら<section class="side-menu" ng-class="{'side-menu-open' : isOpen}">とか<div class="menu-icon" ng-click="isOpen=true">とかすればJSを書かなくてもいいかも。</div></section>

Browserifyでrequireを使ってjavascriptの依存関係をすっきりにしてみる

ブラウザ上もでrequire使いたい 現状Coffeeのclassを異なるファイルから参照するにはwindow.HogeClassとか@HogeClassとかでグローバル変数をってたんだけどBrowserifyを使えばNode.js のモジュールのようにrequireで読み込みことができるっぽい。参考記事を…

PhantomJS + MochaでクライアントサイドJavaScriptのテストをしよう

ブラウザゲームとかを作っているとなかなかテストが難しくどうしたらいいんだろうと調べていたらPhantomJS + Mochaという組み合わせを見つけたので勉強してみました。 PhantomJSとは? ブラウザです。JavaScriptのAPIを通じて制御できるヘッドレス(画面のな…

簡単にリッチなチャートが作れるC3.jsを使ってみた

C3.jsとは? C3.js | D3-based reusable chart library C3.js | D3-based reusable chart library C3 はチャートに特化したビジュアライゼーションライブラリです。D3 のラッパーライブラリで、D3 の見た目の美しさやインタラクション性などの特徴を残しなが…