読者です 読者をやめる 読者になる 読者になる

JavaScript勉強会

JavaScriptの学習日記

読書メモ

5.2 プルダウンメニューで指定ページへ 《URLの操作、ブール属性の設定》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第5章を読んでみます。 jsstudy.hatenablog.com 5.2 プルダウンメニューで指定ページへ サンプルコード 実行結果 querySelectorメソッド 書式:CSSセレクタで要素を取得する que…

5.1 カウントダウンタイマー 《時間の計算とタイマー》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第5章を読んでみます。 jsstudy.hatenablog.com 5.1 時間の計算とタイマー Dateオブジェクトの日時を設定する方法 サンプルコード 実行結果 Dateオブジェクトに現在の日時を設定…

1.3 ラムダ式とは? 【関数型プログラミングの基礎】

JavaScriptの学習メモ。 今日は「関数型プログラミングの基礎 JavaScriptを使って学ぶ」の第1章を読んでみます。 jsstudy.hatenablog.com 「ラムダ式」という記法(書き方)の発明 数学者、アロンゾ・チャーチ Alonzo Church ラムダ式 無名関数 関数宣言の…

4.4 小数点第◯位で切り捨てる 《Mathオブジェクト》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第4章を読んでみます。 jsstudy.hatenablog.com 4.4 端数処理 サンプルコード 実行結果 Mathオブジェクト Mathオブジェクトは初期化しないで使う Mathオブジェクトの主なプロパ…

4.3 「0」をつけて桁数を合わせる 《数字を文字列に変換》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第4章を読んでみます。 jsstudy.hatenablog.com 4.3 型変換(キャスト) サンプルコード 実行結果 型変換(キャスト) まとめ 4.3 型変換(キャスト) (p.169) 表示させるデータ…

4.2 わかりやすく日時を表示する 《Dateオブジェクト》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第4章を読んでみます。 jsstudy.hatenablog.com 4.2 Dateオブジェクト サンプルコード その1 実行結果 その1 サンプルコード その2 実行結果 その2 Dateオブジェクト Dateオ…

4.1 フォームの入力内容を取得する 《入力内容の取得とイベント》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第4章を読んでみます。 jsstudy.hatenablog.com 4.1 フォームの入力内容を取得する サンプルコード 実行結果 イベントとは? 書式:要素にイベントを設定する イベントが発生す…

3.1 Ioとは 【7つの言語 7つの世界】

JavaScriptの学習で、「7つの言語 7つの世界」という本を参考にしてみます。 プロトタイプベースのプログラミング言語「Io」について学んでみます。 jsstudy.hatenablog.com 3.1 Ioとは Luaもプロトタイプ言語 Ioはコンパクト 3.1 Ioとは Ioは2002年にSteve …

3.11 アイテムの価格と在庫を表示する 《オブジェクト》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.11 オブジェクト サンプルコード 実行結果 オブジェクト 連想配列とは? JavaScriptのオブジェクトは連想配列? ドット演算子…

3.10 項目をリスト表示する 《配列》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.10 配列 サンプルコード 実行結果 配列 JavaScriptの配列 配列の作り方 配列からデータを読み取る 配列のメソッド DOM操作 DOM…

3.9 FizzBuzz 《算術演算子》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.9 算術演算子 FizzBuzzとは? サンプルコード 実行結果 算術演算子 剰余演算子 % 冪乗演算子 ** まとめ 3.9 算術演算子 (p.119…

3.8 税込価格を計算する 《ファンクション、関数リテラル》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.8 ファンクション functionの意味 構文 関数の宣言 関数式 ファーストクラスファンクション リテラル JavaScriptの関数リテラ…

3.7 コンソールでモンスターを倒せ! 《繰り返し(while)、代入演算子》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.7 繰り返し while whileの意味 構文 サンプルコード 実行結果 for文とwhile文の違い while文のカウンター 無限ループに気をつ…

3.6 1枚、2枚、3枚…と出力する 《繰り返し(for)、インクリメント演算子、文字列連結》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.6 繰り返し for サンプルコード 実行結果 繰り返しのfor文 インクリメント(増加)とデクリメント(減少)の演算子 インクリメ…

WindowsでMochaテストフレームワークを使う

JavaScriptの学習メモ。 今日は「関数型プログラミングの基礎 JavaScriptを使って学ぶ」の第9章を読んでみます。 jsstudy.hatenablog.com Mochaテストフレームワークを使う Mochaとは? Node.jsの設定 フォルダの移動 Mochaのインストール gulpのインストー…

Git for WindowsでGitHubリポジトリをクローンする

JavaScriptの学習メモ。 今日は「関数型プログラミングの基礎 JavaScriptを使って学ぶ」の第9章を読んでみます。 jsstudy.hatenablog.com Git for Windowsをインストールする Git for Windowsのダウンロード Git for Windowsのインストール Git for Winows…

nodistでWindowsにNode.jsをインストールする 【読書メモ】

JavaScriptの学習メモ。 今日は「関数型プログラミングの基礎 JavaScriptを使って学ぶ」の第9章を読んでみます。 jsstudy.hatenablog.com WindowsにNode.jsをインストールする Windows用Node.jsバージョン管理ツール「nodist」 nodistのダウンロード 手動で…

3.5 時間で異なるメッセージを表示する 《論理演算子》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.5 時間で異なるメッセージを表示する 《論理演算子》 サンプルコード 実行結果 論理演算子 &&演算子 ||演算子 「 | 」の入力の…

3.4 数当てゲーム 《比較演算子、データ型》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.4 比較演算子、データ型 サンプルコード 実行結果 比較演算子 データ型 型変換(キャスト) 文字列 → 数値 数値 → 文字列 数値…

3.3 動作のバリエーションを増やす 《条件分岐(else if)》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.3 動作のバリエーションを増やす else if サンプルコード 3.3 動作のバリエーションを増やす 構造化プログラミングの基本動作…

3.2 入力内容に応じて動作を変更する 《変数》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 変数とは 1) 変数を「定義する」 変数名のつけ方 予約語とは アルファベットの大文字・小文字を区別する 変数の使用例 代入演算…

3.1 確認ダイアログボックスを表示する 《条件分岐 (if) 》 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 条件分岐 if 3.1 確認ダイアログボックスを表示する 戻り値・返り値 trueとfalse if文 else以降は省略することもできる クリック…

2.4 HTMLを書き換える 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.4 HTMLを書き換える documentオブジェクトのgetElementByIdメソッド 要素のコンテンツのプロパティ textContent textContentは…

2.3 ダイアログボックスを表示する 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.3 ダイアログボックスを表示する アラートダイアログボックス ダイアログボックスとは? 2.3 ダイアログボックスを表示する (p.…

2.2 JavaScriptはどこに書く? 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.2 JavaScriptはどこに書く? HTMLドキュメントに直接JavaScriptを書く方法 <script>にtype属性を含める必要はない HTML5の<script>タグ HTML4以…

2.1 コンソールにアウトプット 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.1 コンソールにアウトプット Chromeのコンソール 3種類のアウトプット console.log() JavaScript構文の名称 行末のセミコロン …

1.6 JavaScript サンプルデータのダウンロード 【JavaScript超入門】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第1章を読んでみます。 jsstudy.hatenablog.com 1.6 サンプルデータのダウンロード 1.6 サンプルデータのダウンロード (p.23) 本書のサポートページ SBクリエイティブ:確かな力が…

1.3 JavaScriptの「プログラミング」と動作の仕組み 【JavaScript超入門】

005 JavaScriptのプログラミングと動作の仕組み - YouTube (3分5秒) JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第1章を読んでみます。 jsstudy.hatenablog.com 1.3 JavaScriptの「プログラミング」と動作の仕組み イメー…

1.2 JavaScriptってどういうもの? 【JavaScript超入門】

003 JavaScriptってどういうもの? - YouTube (3分40秒) JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第1章を読んでみます。 jsstudy.hatenablog.com 1.2 JavaScriptってどういうもの? 「ブラウザを操作する」ってどういう…

1.1 これからJavaScriptを始める皆さんへ 【JavaScript超入門】

002 これからJavaScriptを始める皆さんへ - YouTube (3分11秒) JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第1章を読んでみます。 jsstudy.hatenablog.com 1.1 これからJavaScriptを始める皆さんへ JavaScriptはこわくな…