みなさんお待ちかね！大変お世話になってる身としてはうれしいですねー。 おめでとうございます！さて、いまMarionetteを使ってるプロジェクトで、割とキリのいいタイミングやったのでアップデートしようとしたのですが、そのままファイル差し替えればOKって…

jsでは変数名をキャメルケースにしてて、どうせなら目につくとこ統一したいなーと思ったんです。 で、そういえばdata属性って最初からキャメルケースにしたらどうなるんやろー？って。 まあ結論からいうと、ダメですｗ

どうも、JavaScriptゆとり世代です。 JavaScriptで継承ってキーワード聞いて、どんなコードを連想しますか？なんと私が最初に連想したのは、UnderscoreとかBackboneとかのextendでした・・。 ※注：うまくまとまる気のしないメモ記事です。

ADM(Android Device Monitor)っちゅー便利なもんがあるんよ。ってメモをまさか70日前に書いて放置してたので放出します・・。 注：以下、Macでの話です。

こないだ作ったのをMarionette使ってみよう！というわで、Marionette化してみました。 参考：leader22/simple-pokedex

バージョンは1.8.1です。 (この記事書いてる間に最新バージョンが1.8.2になっててちょっとかなしかった。)Marionetteにはソースコメントつきのコードが見れるとこがあるのです。 参考：backbone.marionette.js それを、こう。 参考：backbone.marionette-ja.…

毎回コピーしてくるのも面倒なので、ざっくり作った。

去年くらいに一回ちらっと見た覚えがあるけども、 何事も遅すぎることはないという精神で。 参考：rogerwang/node-webkit

いまいちやり方がわからず前回はあきらめた・・。 が、いまやったらできた！ 見た方が早いと思うので、コチラをどうぞ。 なんかjsfiddleは調子が悪かったので、CodePenに。 参考：CodePen - Pen Gistにもメモっておくことにした。 参考：How to v-repeat in …

地味に書き方が複数あるっぽかったので。

って検索したのにコレだ！って情報が出てこなかったので、自分でメモしておく。 jQueryのプラグインを書くにあたり、そもそもどういうやり方があるのか 気をつけるべきポイントはどこなのか みたいなことのメモ。 イマサラ感は気にしない。

これ、実行されないんですね。 そしてエラーでもなんでもなく何もせず終わる・・！

jsの話というより、そういうものがあるんですという話です。個人のティザーでこういうことしたかったんですよ、こういうの。 参考：Lealog.net

なんか流行りにのってる感があります。 参考：vue.js なんかわからんけどはてブの上位に出てた、気象庁のAPIとあわせて使ってみました。以下、サンプルのURLです。 ソース見た方がはやいかも。 気象庁APIの仕様変更？の影響か、レスポンスが取得できなくなっ…

反省と学びをメモしておきます。リポジトリは、 参考：leader22/simple-pokedex ご参考まで。 2014/04/24現在、Backbone.Marionetteで作りなおしました。

ほんとに注意してください！！！（自戒 他のコードが悪いんじゃないかとか 使ってるライブラリが古いんじゃないかとか サーバーのキャッシュの設定のせいじゃねとか ブラウザのキャッシュじゃねとか 色々勘ぐって調べる前にチェックしてくださいまし！ requi…

単に私がよくわかってないだけな可能性もありますが。 参考：Backbone.js これを見る限り、 getcollection.get(id) Get a model from a collection, specified by an id, a cid, or by passing in a model. で、 var book = library.get(110); と。 2014/06/…

Array.prototype.slice.call(arguments); っていう、いかにもJavaScriptを使いこなしている風なこの書き方。 もちろん最初はまったく意味がわからんかったです。そして次に、意味はわかっても、使い道がわからんかったです。けど最近、使い道がやっと見えて…

キャメルケースを単語単位でArrayに "CamelCaseString".match(/[A-Z][a-z]*/g); // ['Camel', 'Case', 'String'] JSONをPrettyPrintする JSON.stringify(hoge, null, 2); // 2スペースでインデントされたJSON形式のhogeが！ 小数点以下を指定 123.432.toFixe…

Google Chromeのエクステンションのネタです。昔書いた記事もありますが、イマイチ実践的な感じではないので改めて。 参考：いまさらまとめるChrome ExtensionでのJavaScript挿入 - console.lealog(); とはいえやはり、タブどうしでやりとりしたり・・はして…

この手の話題は記事タイトルが本当につけにくいｗ今回も備忘メモです。 for(var i = 0; i < 3; i++) { setTimeout(function(){ console.log(i); }); } このコード、実行するとどうなるでしょう？

JavaScriptでよくある、 そんなユーザーインプットが行われたわけではないが、それをエミュレートしたい時 各クラス間を疎結合に保ったまま、データのやりとりに独自のイベントを使いたい時 そんな時などに使われるだろうアレです。MDNくらいしか検索しても…

これは、2013/12/28時点での情報です。 ブラウザだと、こういうのがあります。 Speech Input API Web Speech API まあ結論から書くと、今のところはPCのしかもChromeでしか楽しめないみたい。

なんてタイトルにしたら良いのかまったくわからんｗとはいえ、最近のハッとした事例。 var arr1, arr2; arr1 = arr2 = []; for (var i = 0; i < 3; i++) { arr1[i] = 1; } arr1 = []; console.log(arr1.length); // 0 console.log(arr2.length); // 3 わかっ…

たとえば、こういう要件があったとします。 複数の選択肢から、nコを選んで実行する nコ以上選んだ場合は、後から選んだものを優先する リセットボタンがある 決定ボタンを押すと、選んだ内容が表示される みたいな。で、こういうのを実装するにあたり、どう…

まぁわざわざメモしなくても良いけども。 connect.multipart() will be removed in connect 3.0 visit https://github.com/senchalabs/connect/wiki/Connect-3.0 for alternatives connect.limit() will be removed in connect 3.0 ってでたので。

最初はちょっと手間取りましたが、なんとか使えるようになりました。 参考：donpark/hbs · GitHub

なんて表現の難しいケースなのか。以下のコードをみてください。 switch (scene) { case 'opening': // .. break; case 'ending': // .. break; case 'others': // <- こういうやつ default: // .. } JSHintが言うには、 Expected a 'break' statement befor…

わかりにくいタイトルやけども、こういうことです。 var d = new Date(); d.getMonth(); // 10 <- 今11月やのに！ というわけで、getMonth()の起算点が0からなので、+1しないとズレます。 PerlとかJavaとかでもそうらしい。 参考：Moment.js | Parse, valida…

簡単にできるんやろなーと思ってたけど、思ってた以上に簡単やった。Node.jsのおかげで色んなことができるようになった気がします。