2014-03-11
JavaScriptのコーディングTips集
JavaScriptのプログラミングに関するTips集。
主に中級レベルの話題とノウハウを掲載する。
なお,JavaScript初級〜中級をクイズ形式で網羅的に学習するためには,下記のエントリを参照。
JavaScriptの動かないコード (JavaScriptエラー集)
http://d.hatena.ne.jp/language_and_engineering/20080912/1221297779
※JavaScript以外のプログラミングについては,こちらを参照。
ピュアJSを極める:
- JavaScriptで,クラスを継承する方法 (複数のサブクラスから共通クラスのプロトタイプを参照する)
- JavaScriptでの例外設計 (throw,try-catch-finally構文のイメージと利用パターン)
- JavaScriptで,動的に追加されたイベントリスナの実行順序を保証する方法
- JavaScriptで,グローバル変数の存在判定をする3つの方法 ("window"の定義状況を確認したい)
スキルチェック:
小技・便利技:
- JavaScriptで,文字列を反復する / 逆順に並び替える方法
- JavaScript ショートコーディングの10のコツ
- alert() と書くために,わざわざ行頭に戻らなくてもすむ方法
- JavaScriptで,ランダムな日付情報を取得・表示する関数(うるう年などを加味し,期間の範囲も指定可能)
UI:
- テキストボックス内のカーソル(キャレット)位置や選択範囲を,JavaScriptで取得・設定する方法
- マウスでソートできるリストを作るためのJavaScriptライブラリ(行追加・削除・固定行の設定が可能)
- ブラウザ上で,Officeのヘルプキャラクターを動かしてみよう (IE上でJavaScriptからMS Agentを呼び出す方法)
外部ツールとの連携:
- jQuery をSQLの「select文」のように使う方法
- JavaScript で,クリックした座標に点を追加できるグラフチャートを描画する方法 (jQuery のプラグイン jquery.sparklines / jquery.flotの使い方)
- あなたが,勝つことも引き分けることもできない三目並べ (jQueryプラグイン「jQuery.fakeTicTacToe.js」によるマルバツ・ゲーム)
- JavaScriptを,その場ですぐ実行するためのブックマークレット
- はてなダイアリー編集画面のリンク元を集計するブックマークレット (簡易アクセス解析)
- 手放せない,便利なブックマークレットのコレクション (翻訳やWeb開発など)
- はてブのマイページから,情報を一括して整形・抽出するブックマークレット
- はてなダイアリーに執筆した記事一覧を,表形式に整理するブックマークレット (アーカイブページを,Excelに貼り付けやすく整形加工)
リンク元
- 21 http://b.hatena.ne.jp/
- 5 http://reader.livedoor.com/reader/
- 4 http://feedly.com/index.html
- 2 http://b.hatena.ne.jp/HaseHiro/interest
- 2 http://htn.to/buyihu
- 2 http://pipes.yahoo.com/pipes/pipe.info?_id=e4c70514b5136c08ae93591f390be2e2
- 2 http://www.google.com/url?source=web&url=http://d.hatena.ne.jp/language_and_engineering/20140311/JavaScriptProgrammingTips
- 1 http://b.hatena.ne.jp/?via=201002
- 1 http://b.hatena.ne.jp/entrylist/it?sort=hot
- 1 http://b.hatena.ne.jp/entrylist?sort=hot