JavaScript勉強会

JavaScriptの学習日記

読書メモ

GitHubからリポジトリーをクローンする

今日も、バージョン管理システムのGitを練習してみます。 GitHubからリポジトリーをクローンする方法を学んでみます。 教科書は「わかばちゃんと学ぶ Git使い方入門」という本です。 jsstudy.hatenablog.com SECTION 08 練習用のリポジトリをコピーしてこよ…

Gitで過去のバージョンに戻す(チェックアウト)

今日は、バージョン管理システムのGitを練習してみます。 Gitでチェックアウト(過去の状態を取得)のやり方を学んでみます。 教科書は「わかばちゃんと学ぶ Git使い方入門」という本です。 jsstudy.hatenablog.com SECTION 06 チェックアウトでコミットを移…

Gitで更新履歴を作成する(コミット)

今日は、バージョン管理システムのGitを練習してみます。 Gitでコミット(更新履歴の作成)のやり方を学んでみます。 教科書は「わかばちゃんと学ぶ Git使い方入門」という本です。 jsstudy.hatenablog.com SECTION 05 コミットしてみよう Gitの3段階の状態…

GitのリポジトリーをローカルPC上に作る

今日は、バージョン管理システムのGitを練習してみます。 Gitでリポジトリー(更新履歴の貯蔵庫)を作る方法を学びます。 教科書は「わかばちゃんと学ぶ Git使い方入門」という本です。 jsstudy.hatenablog.com SECTION 04 リポジトリを作ろう リポジトリー…

Sourcetreeのインストール

今日は、バージョン管理システムのGitを練習してみます。 GitのGUIソフトである「Sourcetree」をインストールします。 教科書は「わかばちゃんと学ぶ Git使い方入門」という本です。 jsstudy.hatenablog.com SECTION 03 Gitを簡単に使えるツールをインストー…

バージョン管理システム「Git」(ギット)

パソコンでいろんなファイルを作成・更新するとき、古いファイルや新しいファイルの世代管理が必要な場合があります。 この世代管理を行うためのツールとして、Gitというバージョン管理システムがあります。 jsstudy.hatenablog.com 「わかばちゃんと学ぶ Gi…

ドットインストール HTML入門 学習メモ

ドットインストールのHTML入門を学んで、気になったところなどをメモ。 http://dotinstall.com/lessons/basic_html_v3 jsstudy.hatenablog.com #01 HTMLとはなにか? (02:56) #02 必要なツールを用意しよう (02:55) #03 タグと属性を理解しよう (02:20) #04 …

Vue.jsでGet/Setの作成 【JavaScript フレームワーク入門】

Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-3-2 Get/Setの作成 HTML CSS JavaScript 実行結果 Computedプロパティとメソッドの違い まとめ 4-3-2 Get/Setの作成 前回、Computedプロパテ…

Vue.jsのComputedプロパティ 【JavaScript フレームワーク入門】

Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-3-1 Computedプロパティ Computedプロパティとは? SwiftのComputedプロパティ HTML CSS JavaScript 実行結果 まとめ 4-3-1 Computedプロパテ…

Vue.jsのフィルターを使う 【JavaScript フレームワーク入門】

Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-8 フィルターを使う Vue.js バージョン1のフィルター HTML CSS JavaScript 実行結果 Vue.js バージョン2のフィルター HTML CSS JavaScript …

Vue.jsでJavaScript式を使う 【JavaScript フレームワーク入門】

Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-7 JavaScript式を使う HTML CSS JavaScript 実行結果 createdフック まとめ 4-2-7 JavaScript式を使う (p.129) Mustacheタグには、dataの値…

Vue.jsでHTMLの表示 【JavaScript フレームワーク入門】

Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-6 HTMLの表示 HTML CSS JavaScript 実行結果 まとめ 4-2-6 HTMLの表示 (p.127) ここまでは単純なテキストを表示していましたが、HTMLのコー…

Vue.jsでイべントとメソッドの利用 【JavaScript フレームワーク入門】

Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-5 イべントとメソッドの利用 HTML CSS JavaScript 実行結果 v-on属性 まとめ 4-2-5 イべントとメソッドの利用 (p.125) テキストを入力など…

HTML側からVueに値を設定する 【JavaScript フレームワーク入門】

Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-4 HTML側からVueに値を設定する HTML CSS JavaScript 実行結果 v-model属性 v-bind属性 ディレクティブとは? まとめ 4-2-4 HTML側からVue…

Vueオブジェクト 【JavaScript フレームワーク入門】

Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-1 HTMLファイルを用意する HTMLファイル スタイルシート Mustacheタグ 4-2-2 スクリプトを作成する JavaScript 4-2-3 Vueオブジェクト まと…

JavaScriptにおけるMVC(MVVM) 【JavaScript フレームワーク入門】

Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-1-1 JavaScriptにおけるMVC(MVVM) MVCパターン MVVMパターン MVCとMVVMの違い データバインディングとは? まとめ 4-1-1 JavaScriptにおけ…

Vue.jsの基本 【JavaScript フレームワーク入門】

Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-1 Vue.jsの基本 公式サイト 日本語ドキュメント 参考資料 Googleトレンド まとめ 4-1 Vue.jsの基本 (p.113) Vue.jsは、MVVM(Model-View-View…

ホストオブジェクト 【開眼!JavaScript】

JavaScriptの学習メモ。 今日は「開眼!JavaScript」の第2章を読んでみます。 jsstudy.hatenablog.com 2.9 ホストオブジェクト ネイティブオブジェクト ホストオブジェクト グローバルオブジェクト windowオブジェクトのプロパティを列挙 window.documentオ…

オブジェクトの生成 【開眼!JavaScript】

JavaScriptの学習メモ。 今日は「開眼!JavaScript」の第1章を読んでみます。 jsstudy.hatenablog.com 1.1 オブジェクトの生成 オブジェクトとは何か? オブジェクトの初期化方法 オブジェクトにプロパティを追加 オブジェクトにメソッドを追加 Stringオブジ…

毎日30分のプログラミング習慣

プログラマーのスキル向上について、「SOFT SKILLS」という興味深い本がありました。 SOFT SKILLS ソフトウェア開発者の人生マニュアル 作者: ジョン・ソンメズ 出版社/メーカー: 日経BP社 発売日: 2016/06/02 メディア: Kindle版 この商品を含むブログを見…

「開眼! JavaScript」の学習ポイント

JavaScriptの学習で、「開眼! JavaScript」という本を読んでみます。 jsstudy.hatenablog.com 学習のポイント 学習のポイント この本は、わりと薄くてページ数が少ないので、読むだけなら2~3日で読めます。 この本の内容は、「付録A レビュー」にまとめ…

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のオブジェクトは連想配列? ドット演算子…