主に言語とシステム開発に関して

JavaScriptのコーディングTips集

javascript, 連載記事の目次 |

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で，グローバル変数の存在判定をする３つの方法　（"window"の定義状況を確認したい）

スキルチェック：

• JavaScriptの業務スキルレベル　判別表　（５段階）
• JavaScriptで，オブジェクトやクラスの初歩を理解しているか，実力を確かめるための７つの質問　（サンプルコード付き）

小技・便利技：

• JavaScriptで，文字列を反復する / 逆順に並び替える方法
• JavaScript ショートコーディングの１０のコツ
• alert() と書くために，わざわざ行頭に戻らなくてもすむ方法
• JavaScriptで，ランダムな日付情報を取得・表示する関数（うるう年などを加味し，期間の範囲も指定可能）

UI：

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

外部ツールとの連携：

• JavaScript をコマンドラインで実行する方法　　(mshta.exeの使い方)
• JavaScriptで .exe ファイルを作る方法　　（jsc.exeの使い方）

jQuery：

• jQuery をSQLの「select文」のように使う方法
• JavaScript で，クリックした座標に点を追加できるグラフチャートを描画する方法　（jQuery のプラグイン jquery.sparklines / jquery.flotの使い方)
• あなたが，勝つことも引き分けることもできない三目並べ　（jQueryプラグイン「jQuery.fakeTicTacToe.js」によるマルバツ・ゲーム）

ブックマークレット：

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

　

ツイートする