書籍『ノンプログラマのためのJavaScriptはじめの一歩』のサンプルコードの実行およびダウンロードページです。
ダウンロードしていただくファイルは,ZIP形式の圧縮ファイルです。解凍してお使いください。
リンクをクリックして実行してください。
実行しても,ブラウザには何も表示されないサンプルもあります。
それらの多くは,コンソールに実行結果を表示するものです。たとえば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 |