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

リア充爆発日記

You don't even know what ria-ju really is.

Javascript

Coffeescriptでページを離れる前に警告を表示する方法

入力フォームとかで、うっかりバックスペースとか押しちゃって入力内容パー、みたいな事態を防ぎたいケースの話し。beforeunloadというイベントを使う。 $(window).on('beforeunload', (evt)-> return 'hogehoge' ) これでリンク踏んで画面遷移するときはも…

Javascript初心者に初心者++程度の自分が言語仕様を説明したときのメモ(第五回)

Javascript初心者に初心者++程度の自分が言語仕様を説明したときのメモ(第四回)の続き今回はnewの動作について。ほぼ、以下のリンクの和訳。。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new 新しいオブジェクトを作…

Javascript初心者に初心者++程度の自分が言語仕様を説明したときのメモ(第四回)

Javascript初心者に初心者++程度の自分が言語仕様を説明したときのメモ(第三回)の続き。前回ではprototypeのメリットの1つである、複数オブジェクトの関数の共有を確認した。今回は、次のメリットのいわゆるプロトタイプチェーンについて確認してみる。プ…

Javascript初心者に初心者++程度の自分が言語仕様を説明したときのメモ(第三回)

Javascript初心者に初心者++程度の自分が言語仕様を説明したときのメモ(第一回) Javascript初心者に初心者++程度の自分が言語仕様を説明したときのメモ(第二回)第三回目は、prototypeとnewに挑戦。 まず、prototypeとはなんなのか、ということなんだけど…

Javascript初心者に初心者++程度の自分が言語仕様を説明したときのメモ(第二回)

今回はthisについて説明することに挑戦。他の多くの言語では、オブジェクトのインスタンス自身を指す予約語として、thisとかselfとかがあるが、Javascriptにもthisがある。 が、Javascriptのthisは状況によって指す内容が変わってくる。それをMDNでは、「thi…

Javascript初心者に初心者++程度の自分が言語仕様を説明したときのメモ(第一回)

なんらかのクラスベース言語の経験がある人向けのJavascript勉強会の第一回メモ。 Javascriptはプロトタイプベースのオブジェクト指向言語 クラスベースではない、ということだけ覚えておいて先に進む。 データ型 プリミティブとオブジェクト型の2種類ある…

RailsにJavaScriptのimage_path

erb以外でassets配下の画像を参照するとき、SASSにはimage-pathというナイスなヘルパーがあるのにJSにはない。困る。こういう誰でも困りそうなことは絶対誰かがなんとかしている。なんとかしていた。 http://dennisreimann.de/blog/referencing-rails-assets…

jQueryでDOMいじっててハマってる未来のぼくへ

ドットつけ忘れてるよWeb制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books)作者: 西畑一馬出版社/メーカー: KADOKAWA/アスキー・メディアワークス発売日: 2013/03/07メディア: 大型本 クリック: 4回この商品を含むブログ (7件) を見る

coffeescriptでファットアローとthisの両方使いたいとき

こんな感じのときの話。 <li class="someArea"><button><i class="icon-trash"></i></button></li> $someArea.on("click", (evt) => @obj.trigger("triggerOnClick", $(this))) ここで俺っちが$(this)に入っててほしいのはliなんだけど、この場合は当然this=@ですから目的は果たせない。 ファットアローじゃないと@objにアクセスで…

Backbone.jsを使っているのならオブザーバーパターンの導入も瞬殺な件

わざわざ実装せんでもだいじょうび。http://backbonejs.org/#Events var object = {}; _.extend(object, Backbone.Events); object.on("alert", function(msg) { alert("Triggered " + msg); }); object.trigger("alert", "an event"); ということでこれだけ…

i18n-jsとRails3.2.13で"invalid byte sequence in US-ASCII"

RailsでBackboneを使いながらDRYにi18nで登場したi18n-jsだけどRailsを3.2.13にアップグレードしたら検証環境で"invalid byte sequence in US-ASCII"が出てコンパイルがコケる。 rake aborted! invalid byte sequence in US-ASCII (in /var/www/hoge/shared/…

jqueryでselectorを指定するときに[]をエスケープする方法

railsだとinputでname="user[name]"のようにかっこを使ったnameを使う。これをjqueryで $form.children("input[name=user[name]]") ってやると通らない。[]をエスケープする必要がある。なにでエスケープするかだけども $form.children("input[name=user\\[n…

PhantomJSとPoltergeistでHeadlessなJavascriptテスト環境を作る

RailsでJavascript/CoffeeScriptをテストするときの決定版(にしたい)!Konachaの続き。最初はブラウザリロードすればいいんだから、わざわざやらなくていいか、と思ったけど、当該環境がファントムとかポルターガイストとか中二病の諸症状を悪化させる瘴気…

RailsでJavascript/CoffeeScriptをテストするときの決定版(にしたい)!Konacha

というわけでKonachaです。https://github.com/jfirebaugh/konacha なにこれ、粉茶?JavascriptのテスティングフレームワークとしてはJasmineやらMochaあたりがメジャーどころのようだけど、セットアップが難しかったりして「これだ!」というものがなかった…

backbone.jsについて調べたときのメモ

概要理解 本家:http://documentcloud.github.com/backbone/ 5分でわかる?Backbone.js ことはじめ:http://www.slideshare.net/kadoppe/5backbonejsmvc jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう:http://lab.dwango.jp/articles/jq…

CoffeeScriptを使わないほうがいいたった1つの理由

拡張子が長い