ふじこのプログラミング奮闘記

どうも（ｏ・ω・ｏ）ノ


クリスマスまであと少しですね！
今年はアドベントカレンダーに参加してみることにしました。

アドベントカレンダーって何？って人は、このサイトに書いてありまする。
http://www.adventar.org/

24人が日替わりでブログを書いていくやつです。

私が参加したカレンダーのテーマはこれ。

『軽めのjQuery Advent Calendar 2012』
http://www.adventar.org/calendars/29

本日は12月4日、カレンダーの4日目です。
出産の丁度1ヶ月前を選んだつもりが、
なんやかんや予定が早まって、そろそろ産みそうです。笑


では以下本題です。
内容は初心者向けです。かなり。


--------------------------------------------------

『jQueryの$について』

jQueryを使い出した頃は、不思議なことがいっぱいでした。
特に「$」！なにこの「$()」ドルカッコ！

PHPは変数名の前に「$」を付けるのが必須じゃないですか。
ずっとPHPをやっていたので、jQueryの「$」にも
何か特別な理由があるんじゃないかと思っていました。


ところが、別に「$」という文字に特に意味はなかったんですよね。

jQueryはJavaScriptで作られていますが、
JavaScriptの規則では、変数名や関数名に使える文字が結構ゆるくて、
「$」も他のアルファベットのように使えたのでした。

こんなのもOK。

var $$$$$ = function() { ... };

jQueryには、jQuery()という関数がありますが、
これを省略するために、

var $ = jQuery;

みたいに置き換えているだけなんですね。

もしくは使う側でこうしたりとか。

(function($) {
    // このスコープの中では $ = jQuery になる。
}(jQuery));

なので、別に「$」じゃなくたっていいんですよ！
特に一人で開発するなら何使ったっていいですよね。

(function(o_o) {
    o_o('.hello').text('goobye');
}(jQuery));

うん、これかわいい。

o_o('ジー');

ついでに$を上書きして使えなくしてみます。

var $ = function(string) {
    alert(string);
};

ふへへ。
Trick or treat!（違）


・・こんな短い記事でいいのでしょうか（。・ω・。）


■参考
正しいJavaScriptの変数名の話をしよう « A-Listers
http://tech.a-listers.jp/2012/02/24/valid-javascript-variable-names/

どうも（ｏ´ω｀ｏ）ノ

ものすごく久しぶりですね。
覚えていますか、わたしです。

あと一週間ほどで産休に入り、年明けにはスリムになる予定です。


去年は午前様も多くて、土日も仕事をしていたので、
これじゃぁ家事も育児もできないよなーとか思っていましたが、
そんなことはなくて安心しました。

定時に帰れるように仕事量を調整してくれた上司や、
仕事を引き受けてくれた同僚には感謝しています。


そんなわけで、最近はめっきりブログを書いていませんでした。
代わりと言ってはなんですが、最近こんなブログを書いています。

http://d.hatena.ne.jp/fugaco


プログラムでもなんでも、モノづくりはすきなのですね。
これで料理もすきになれば、主婦としてマシになると思うんですけどね。

これ買おうかな。笑




産休に入ったら、日中に一人の時間ができると思うので、
ブログ書いたり勉強したりやりたいことがたくさんあります。
英語の勉強時間も、ものすごく減ってしまったし..

ま、産前休暇は1ヶ月半しかないですけどね。
生まれたらそれどころじゃないと思。


以上、近況報告でした（ｏ・ω・ｏ）ノ



あ、そろそろ正式リリースされるうちの製品もよろしくです。笑

どおも（ｏ・ω・ｏ）ノ

JavaScript には、種類があるのを知っていますか？
一昨年くらいの私は知りませんでした！Σ
「IE の JavaScript はなんか他と違う」とは思っていましたが・・

一応 ECMAScript というもので標準化されていますが、各ブラウザ（やバージョン）が使っている JavaScript エンジンによって、どこまで対応しているかが異なります。
そしてそれぞれの JavaScript エンジンは処理の仕方もまちまちなので、同じことをするのに複数のコードの書き方があったとしても、あるブラウザではこっちが速く、別のブラウザではあっちが速い・・なんてことがあります。


Google Chrome では、通称 V8 と言われる JavaScript エンジンを使っています。
で、これの高速化についての紹介記事を見つけたので↓↓↓

Google I/O 2012で公開されたJavaScript高速化Tips集 | IDEA*IDEA
http://www.ideaxidea.com/archives/2012/07/js_tips.html

元ページ↓↓↓の内容を訳しました。

13 JavaScript Performance Tips ≫ Jon Fox
http://www.jonefox.com/blog/2012/07/10/13-javascript-performance-tips/

ちょっとスライドまでは訳す気力が・・
だって50分もありますよ！笑


んでは以下和訳（*－ω－*）

こんぬつは（ｏ・ω・ｏ）

『ステートフルJavaScript』という本を最近買いました。
原題は『JavaScript Web Application』というらしいんですが、まんまとタイトルに惹かれちゃいましたよ。
メインはMVCの話っぽいんですが、JavaScriptMVCとかWebSocketとか、気になっていたものがいろいろ紹介されているみたいなので、今度の通勤のお供はこれにします。


で、今日のブログのネタはこれです。

『MVCの時代は終わった。MOVEを使い始めましょう。』

MVC is dead, it's time to MOVE on.
http://cirw.in/blog/time-to-move-on

今MVCについての本を読んでるところなんですが、何か？（笑）
てかこのサイト、レスポンシブデザインなんですね。
会社で見たときは論文みたいに2カラム構成になっていましたが、家のパソコンで見たら1列表示だったので、別サイトかと思っちゃいました。


はてブにも挙がっていたので、とりあえず訳してみました。
誰かのためになればいいな。

どうもどうも（ｏ・ω・ｏ）

「Evolution of a Programmer（プログラマの進化）」っていう
プログラミングジョーク、ありましたねぇ。
ふと思いついただけで記事の内容には関係ないんですけど..笑


さてさて、だいぶ昔のプロジェクトの機能追加案件を最近引き継いだら、
JavaScriptがかなり残念なことになっていました。
（あるあるですか？私はいつも新規ジョブばかりだったので..）

その昔に書かれたコードは、下に挙げた（２）みたいなコードでした。
くすん。



以下、私の書いてきたJavaScriptの変化です。
ちょっと簡略化してますが。