『ノンプログラマのためのJavaScriptはじめの一歩』サンプルコード

書籍『ノンプログラマのためのJavaScriptはじめの一歩』のサンプルコードの実行およびダウンロードページです。

ご利用の前に

ダウンロード

ダウンロードしていただくファイルは,ZIP形式の圧縮ファイルです。解凍してお使いください。

まとめてダウンロード(約4MB)

実行

リンクをクリックして実行してください。

実行しても,ブラウザには何も表示されないサンプルもあります。
それらの多くは,コンソールに実行結果を表示するものです。たとえばGoogle Chromeの場合,

でコンソールを起動してご確認ください。
コンソールの記法方法について詳しくは,紙面7ページをご覧ください。

ページ サンプル名
1.3節 6 hello, world
1.4節 9 エラー確認
1.4節 10 console.log
1.5節 13 スライドショー
2.1節 20 文1
2.1節 20 文2
2.1節 20 文3
2.1節 20 文4
2.1節 21 コメント1
2.1節 21 コメント2
2.1節 21 コメント3
2.1節 21 コメント4
2.1節 22 コメント5
2.1節 22 コメント6
2.1節 23 変数1
2.1節 24 変数2
2.1節 24 変数3
2.1節 24 変数4
2.2節 30 文字列1
2.2節 30 文字列2
2.2節 31 文字列3
2.2節 31 文字列4
2.2節 31 文字列5
2.2節 31 数値1
2.2節 32 数値2
2.2節 32 数値3
2.2節 32 数値4
2.2節 33 数値5
2.2節 33 数値6
2.2節 34 数値7
2.2節 34 数値8
2.2節 34 文字列と数値1
2.2節 35 文字列と数値2
2.2節 35 文字列と数値3
2.3節 40 配列1
2.3節 41 配列2
2.3節 41 配列3
2.3節 41 配列4
2.3節 41 配列5
2.3節 42 配列6
2.3節 43 配列7
2.3節 43 配列8
2.3節 43 配列9
2.3節 44 オブジェクト1
2.3節 44 オブジェクト2
2.3節 45 オブジェクト3
2.3節 45 オブジェクト4
2.3節 45 オブジェクト5
2.3節 46 オブジェクト6
2.3節 46 IEでのオブジェクトの注意点
2.3節 47 オブジェクト7
2.3節 47 オブジェクト8
2.3節 48 オブジェクト9
2.3節 48 オブジェクト10
2.3節 48 オブジェクト11
2.4節 54 真偽値1
2.4節 54 真偽値2
2.4節 55 比較演算子1
2.4節 55 比較演算子2
2.4節 56 条件式1
2.4節 56 条件式2
2.4節 57 条件式3
2.4節 58 undefinedとnull1
2.4節 58 undefinedとnull2
2.4節 59 条件式4
2.4節 60 論理演算子1
2.4節 60 論理演算子2
2.5節 62 if文
2.5節 64 else文
2.6節 69 while文1
2.6節 70 while文2
2.6節 71 for文1
2.6節 72 for文2
2.6節 73 for文3
2.6節 73 for文4
2.7節 83 関数1
2.7節 83 関数2
2.7節 84 関数3
2.7節 84 関数4
2.7節 85 関数5
2.7節 86 関数6
2.7節 87 関数7
3.1節 94 window1
3.1節 95 window2
3.1節 96 window3
3.1節 97 window4
3.1節 97 window5
3.1節 99 location1
3.1節 99 location2
3.1節 101 history
3.1節 101 navigator
3.2節 106 DOM
3.2節 108 要素取得1
3.2節 109 console.dir
3.2節 111 要素取得2
3.2節 112 要素取得3
3.2節 113 要素取得4
3.2節 115 要素取得5
3.2節 116 属性1
3.2節 117 属性2
3.2節 117 属性3
3.2節 118 属性4
3.2節 120 innerHTML1
3.2節 121 innerHTML2
3.2節 121 innerHTML3
3.2節 122 要素作成1
3.2節 123 要素作成2
3.3節 132 イベント1
3.3節 134 イベント2
3.3節 136 イベント3
3.3節 138 イベント4
3.3節 139 イベント5
3.3節 139 イベント6
3.3節 140 イベント7
4.1節 148 スライドショー
4.2節 162 要素取得1
4.2節 163 要素取得2
4.2節 165 データの定義
4.2節 165 img要素の追加1
4.2節 168 img要素の追加2
4.2節 170 初期表示
4.2節 172 次の画像を表示1
4.2節 172 次の画像を表示2
4.2節 174 次の画像を表示3
4.2節 176 次の画像を表示4
4.2節 179 無駄な処理を改善1
4.2節 183 無駄な処理を改善2
4.2節 185 スライドショー完成版
5.1節 189 jQueryを使わない場合
5.1節 190 jQueryを使った場合
5.1節 194 jQueryでhello, world
5.1節 195 セレクタ1
5.1節 196 セレクタ2
5.1節 197 jQueryオブジェクト1
5.1節 197 jQueryオブジェクト2
5.1節 197 jQueryオブジェクト3
5.1節 199 メソッド1
5.1節 199 メソッド2
5.1節 200 メソッド3
5.1節 200 イベント1
5.1節 201 イベント2
5.1節 201 アニメーション1
5.1節 202 アニメーション2
5.1節 206 スライドショー(jQuery)
5.1節 212 find
5.1節 212 filter
A.4節 226 ol要素とul要素
B.1節 236 CSS
B.2節 237 CSSの記述方法1
B.2節 238 CSSの記述方法2
B.2節 239 CSSの記述方法3
B.2節 239 CSSの記述方法4