昨今のJavaScriptをレビューしたら全くわからなかった話 - aoma blog

2019/09/13 633 users 昨今 aoma blog JavaScript class

はじめに 最近JavaScriptのプルリクが来たので「よーしやったるでー」って感じでレビューしたんですが、まったく理解できずレビューになりませんでした。 その時疑問に思ったことをメモします。。 誰かの助けになれば幸いです。。 これはもう引退やな。。 classの中で function って書くの省略してるの？ class TestClas... 続きを読む

プライベートメソッドのユニットテストは書かないもの？ - QA@IT

2013/03/13 559 users プライベートメソッド クロージャ foo ユニットテスト 関数

JavaScript を書いています（ブラウザがターゲットです）。手動テストが面倒になって、 Jasmine を使ってテストを書きはじめています。 オブジェクトに含まれる関数（プロパティ）の数が増えてきたので、外から呼ばれることがないものはプライベートメソッドのように扱おうと、クロージャを使って、以下のように書きました。 var Foo = function(foo) { this.foo = f... 続きを読む

jQuery の .on() と .off() を理解する - tacamy memo

2013/03/03 568 users jQuery foo OFF click 記述方法

2013-03-03 jQuery の .on() と .off() を理解する 初心者向けの本とかだと、イベントは jQuery オブジェクトの後に直接指定する、 $('.foo').click(function(){...}); のような記述方法で説明されている場合が多いですが、少し複雑なことをしようとすると、それだと困ることが出てきます。そんなときに便利なのが .on() を使ったイベント設... 続きを読む

JavaScript アニメーションのデザインパターン

2012/05/13 955 users アニメーション JavaScript デザインパターン 変色

JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() ... 続きを読む

知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵

2011/08/23 1470 users Greasemonkey jQuery 即時関数 三等兵 全て

JavaScript(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも... 続きを読む

jQueryでスクロールしても上に固定されるメニュー｜Webpark

2011/03/23 629 users jQuery Webpark scroll window 上部

よく見かけるタイプのjQueryを使ったスクロールしても上に固定されているメニューを紹介します。最近FC2ブログの上部に現れた検索バー（このブログは非表示にしてます）みたいな感じです。javascriptの部分は次のようになっています。$(function() {$(window).scroll(function(){var scrol... 続きを読む

JavaScriptの巧い書き方 - Archiva

2007/06/16 942 users YUI 玉石混淆 Archiva 発端 言語

JavaScriptの巧い書き方 2007–06–16 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎！ 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"p... 続きを読む

EfficientJavaScript - Dev.Opera - 効率的な JavaScript

2007/04/21 922 users Dev.Opera eval コンストラクタ 関数 目次

EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-final... 続きを読む