‘Web/JS’ カテゴリーのアーカイブ

Web/JS(あまくち) part.7 – jQuery セレクタクイズ

jQuery と言えばセレクタ、大変に便利で使える機能です。
さーて新卒皆にもセレクタ教えるぞーと意気込んでみたところ、バージョンアップに伴いセレクタがパワーアップしておりまして知らない表現が色々と・・
これではいかんと密かに自分の勉強も兼ねつつ jQuery Selector クイズを作って勉強会に持ち出してみました。

まるっと暗記するのではなく

  • 何となく知っている
  • 解決する手段を身につけている

状態になるため、リファレンスにざっと目を通した後にクイズとリファレンスを交互に見比べながら遊んで貰えると良いと思います。
興味ある方はチャレンジしてみてください。

(続きを読む…)

Web/JS(あまくち) part.5 – イベントハンドラ

エンジニア一年生に贈る Web/JavaScript(あまくち) part.5 です。
今回はイベントハンドラを扱っています。

前回に引き続きまたまたid:cos31

レポート
を取ってくれましたので、good なまとめとしてご利用ください。

(続きを読む…)

Web/JS(あまくち) part.4 – DOM

エンジニア一年生に贈る Web/JavaScript(あまくち) part.4 です。
今回は DOM を扱っています。
id:cos31先生の
素晴らしいレポートがあるのでまとめはそちらをご覧下さい。

(続きを読む…)

Web/JS(あまくち) part.3 – オブジェクト

エンジニア一年生に贈る Web/JavaScript(あまくち) part.3 です。
今回はオブジェクトを扱っています。

(続きを読む…)

JavaScript: 変数+無名関数と関数リテラルの違い

Web/JS(あまくち) part.2 – 変数宣言、関数、無名関数
で関数オブジェクトの生成について触れましたが、var name = function(無名関数を変数にバインド)とする方法とリテラルとでは挙動が違うのではないかとの指摘がありました。
JavaScript の var についての考察にあるように、

  function() {
    var foo = 1;
  };

というコードは内部解釈的に見ると(インタプリタの挙動的に解釈すると)

  function() {
    var foo;
    foo = 1;
  };

となります。
という事は関数に付いても同様で、関数リテラルの場合は名前付き関数オブジェクトが先積みされ、var name = function とした場合は変数 name だけ先積みされる(name = null の状態)と考えられます。

試してみましょう。

  console.log(foo == null); // true
  console.log(typeof bar == 'function'); // true
 
  var foo = function() {
  };
 
  function bar () {
  }

ばっちり予想通りとなりました。

Web/JS(あまくち) part.2 – 変数宣言、関数、無名関数

エンジニア一年目に贈る Web/JavaScript(甘口) 講習会、第二回です。
今回は

  • 変数宣言
  • 関数と無名関数

を扱いました。

(続きを読む…)

Web/JavaScript 講習会 part.1(JavaScript の概要と特徴)

今年入社したエンジニア一年生に JavaScript を教え始めました。
昨年度から行っていたフォローアップ講習会 Web/JS シリーズを、一年目向けに焼き無して教えています。
今回はその一回目、JavaScript の特徴と概要についてさらっと語っています。

(続きを読む…)

Web/JavaScript 講習会 part.21(失敗しないJS)

JavaScript で楽に安定開発&運用するための社内勉強会を行いました。
こいつぁ斬新!凄い!といった内容ではなく、ごくごく基本な「jQuery や dojo のようなライブラリ使ってクロスブラウザ対応しようぜー」「対応環境はライブラリに合わせて設定しようぜー」といったTipsを紹介しています。

(続きを読む…)

Web/JavaScript 講習会 part.20(jQueryUI)

JavaScript 社内勉強会20回目です。
今回は jQuery UI について、さらっとお話しました。

jQuery UI はその名が示す通り、実に「jQueryっぽい」 GUI ライブラリです。
全てが揃っている&先端実装ばりばりの Dojo が持つジオングの如き圧倒的性能感はありませんが、習得が容易で、カスタマイズや拡張が簡単に行え、「write less, do more」を実感出来るジムっぽい運用性能の高さが魅力です。
「使えそう」「お手頃」と皆の評判も上々でした。興味のある方は是非、本エントリとともにお試しください。

(続きを読む…)

Web/JavaScript 講習会 part.19(ぬこぬこ Flickr クライアントをつくろう)

JavaScript 社内勉強会19回目です。
今回は今までの知識を動員して、Flickr API を使いタグ検索で写真を持ってくるぬっこぬこなクライアントを作ってみます。

(続きを読む…)