JavaScriptのコーディングTips集

JavaScriptのプログラミングに関するTips集。

主に中級レベルの話題とノウハウを掲載する。

なお，JavaScript初級〜中級をクイズ形式で網羅的に学習するためには，下記のエントリを参照。

JavaScriptの動かないコード　　(JavaScriptエラー集)
http://language-and-engineering.hatenablog.jp/entry/20080912/1221297779

※JavaScript以外のプログラミングについては，こちらを参照。

ピュアJSを極める：

• JavaScriptで，クラスを継承する方法　（複数のサブクラスから共通クラスのプロトタイプを参照する）
• JavaScriptでの例外設計　（throw，try-catch-finally構文のイメージと利用パターン）
• JavaScriptで，動的に追加されたイベントリスナの実行順序を保証する方法
• JavaScriptで，グローバル変数の存在判定をする３つの方法　（"window"の定義状況を確認したい）
• JavaScriptのFunction.prototype.applyを，やさしいピュアJavaScriptだけで実装してみよう (call/applyの仕組みを理解するためのオレオレ実装)

スキルチェック：

• JavaScriptの業務スキルレベル　判別表　（５段階）
• JavaScriptで，オブジェクトやクラスの初歩を理解しているか，実力を確かめるための７つの質問　（サンプルコード付き）
• あなたが正規表現の中級者か判別する10問テスト　（文字列処理の必須知識）

小技・便利技：

• JavaScriptで，文字列を反復する / 逆順に並び替える方法
• JavaScript ショートコーディングの１０のコツ
• alert() と書くために，わざわざ行頭に戻らなくてもすむ方法
• JavaScriptで，ランダムな日付情報を取得・表示する関数（うるう年などを加味し，期間の範囲も指定可能）
• Webページの「コピペ禁止」を解除・回避するJavaScriptコード。スクリプト有効のまま，ブラウザ上で右クリック・テキスト選択の禁止タグを迂回する

HTML5：

• 今から３分で，HTML5のドラッグ＆ドロップAPIと File APIを習得しよう（JSの実装サンプル付き）
• HTML5の「Web Workers API」を，別ファイルを使わずページ単体で利用するサンプル （createObjectURLがあれば，1ファイルでマルチスレッドのJSコーディングが可能）

UI：

• テキストボックス内のカーソル（キャレット）位置や選択範囲を，JavaScriptで取得・設定する方法
• マウスでソートできるリストを作るためのJavaScriptライブラリ（行追加・削除・固定行の設定が可能）
• ブラウザ上で，Officeのヘルプキャラクターを動かしてみよう　（IE上でJavaScriptからMS Agentを呼び出す方法）

外部ツール・ライブラリとの連携：

• JavaScript をコマンドラインで実行する方法　　(mshta.exeの使い方)
• JavaScriptで .exe ファイルを作る方法　　（jsc.exeの使い方）
• JavaScriptの単体テストフレームワーク "simpleJsUnit" で，テスト駆動開発をしよう
• Youtubeの動画playlistのリンク集を，Firebugワンライナーで生成しよう（consoleからXPATHでスクレイピング）

jQuery：

• jQuery ã‚’SQLの「select文」のように使う方法
• JavaScript で，クリックした座標に点を追加できるグラフチャートを描画する方法　（jQuery のプラグイン jquery.sparklines / jquery.flotの使い方)
• jQuery Mobile と HTML5 で、Androidのネイティブアプリを作成する手順
• あなたが，勝つことも引き分けることもできない三目並べ　（jQueryプラグイン「jQuery.fakeTicTacToe.js」によるマルバツ・ゲーム）
• 最近５〜６年分の人気のある jQueryプラグインを，年別に全て把握するまとめ。定番プラグインの日本語解説付きページへのリンク集

ショートコーディング/ブックマークレット：

• わずか1.7キロバイトのJavaScript　マリオ風のゲーム　（脱力系)
• JavaScriptを，その場ですぐ実行するためのブックマークレット
• はてなダイアリー編集画面のリンク元を集計するブックマークレット　（簡易アクセス解析）
• 手放せない，便利なブックマークレットのコレクション　（翻訳やWeb開発など）
• はてブのマイページから，情報を一括して整形・抽出するブックマークレット
• はてなダイアリーに執筆した記事一覧を，表形式に整理するブックマークレット （アーカイブページを，Excelに貼り付けやすく整形加工）