Javascript
忘備録。 Jest と react-test-renderer の create() を使って snapshot の比較のテストが落ちるようになった。 TypeError: Cannot read property 'addEventListener' of null さんざか調べまくった結果 react-test-renderer では ref を使ってコールバックを…
忘備録。 react-router-redux v5.0.0-alpha.9 で表示している URL と match.params が一致していないことが起きた。 症状的には https://s8a.jp/react-router-redux-5-does-not-work-correctly#%E7%8F%BE%E8%B1%A1 こちらと同じ。 ブラウザの戻る/進むボタン…
Electron で Watchify(Browserify)使ってると、fs モジュールが使えないという現象にあたった。 今遊んでいる環境が、Gulp で babel と wathify で Electron なアプリケーションを差分コンパイルしながらのため、brfs を使えばいけるとか、ググったら色々で…
メモ。 Twitter が開発している typeahead.js(v0.10.2) を使っていて、表示されたリストの中からマウスのカーソルを移動させたら、選択中の項目を取得したい。 typeahead.js には Custom Eventsというのでイベントをフックできる。 この中に、typeahead:curs…
メモ。 色々言い訳作って JavaScript のテストを書かなかったけど、さすがにマズいので書いてみる。 なお、ここでの JavaScript のテストは Web ブラウザで動く JavaScript。 テストを始めるまでに敷居が異様に高いと感じたのでまとめる。 典型的な yak shav…
▼Foo ├─ Bar └─ BazJavaScript のツリービューなライブラリの JqTree を使って上のようなツリーを描画すると、以下の様な HTML が生成される。 <li class="jqtree_common jqtree-folder"> <div> <a class="jqtree_common jqtree-toggler">▼</a> <span class="jqtree_common jqtree-title ui-draggable">Foo</span> </div> <ul class="jqtree_common "> </ul></li>
jQuery ContextMenu を使えばコンテキストメニューを簡単に表示できる。 デフォルトのコンテキストメニューのデザインが気に食わなかったので css をいじった。 Mac ライクなのが良かったけど、一から CSS 書く時間もセンスもないのでどうしようかなと思った…
jQuery layout を使っていて、West なパネルから South なパネルへドラッグ & ドロップしたい。 jQuery UI の Draggable と Droppable を実装すりゃ簡単と思ったら、パネルを超えられなかったが以下のようにすると行ける。 $('.jqtree-title').draggable({ c…
メモ。 いい加減やらないと行けないと思いつつ、二回ほど試して上手く行かなくて放置してたので再入門した。 ディレクトリ構成 ├── app.js ├── entities ├── libs │ ├── backbone-0.9.9-min.js │ ├── bootstrap-2.2.2-min.js │ ├── jquery-1.8.2-min.js │ ├─…
メモ。 Backbone.js で Collection を fetch しサーバ側からデータを取得に成功したら success がコールバックされるが、その際にサーバ側に送信したパラメータが欲しい事があった。 var User = Backbone.Model.extend({}); var Users = Backbone.Collection…
ググっても見つからなかった & もっと探すのも面倒だったので適当に作った。 Twitter とかではてなのサイトの URL が流れて来て、PC でリンクをクリックするとモバイルサイトに行く場合がある。 ブックマークとかをモバイルで行った場合に起きるんだろう。 …
jQuery だけでサイトを作っているとちょっと規模が大きくなると見え辛くなってくるので Backbone.js を使おうと思い情報収集している。 以下自分の為のリンク集。 オフィシャルサイトのドキュメント http://documentcloud.github.com/backbone/ チュートリア…
