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

JavaScript勉強会

JavaScriptの学習日記

3.11 アイテムの価格と在庫を表示する 《オブジェクト》 【読書メモ】

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

3.10 項目をリスト表示する 《配列》 【読書メモ】

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

3.9 FizzBuzz 《算術演算子》 【読書メモ】

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

3.8 税込価格を計算する 《ファンクション、関数リテラル》 【読書メモ】

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

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

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

作って覚えるVisual C# 2015 デスクトップアプリ入門 【目次】

JavaScript学習のついでにTypeScriptも見ていたら、ついついC#に脱線してしまいました!!! → 思わず、C#の本を衝動買いw(^^; C#は後々どこかで役に立ちそうな気もします。(Xamarin、Unityとかで使うかも?) 作って覚えるVisual C# 2015 デスクトップア…

TypeScriptの総称型(Generic Type)

JavaScript学習のついでに、TypeScriptも学んでみます。 今日は、TypeScriptの「総称型」という機能について調べてみました。 オンラインのTypeScript実行環境 総称型とは? 総称型の仕組み 型引数とは? 型の情報(種類)を入れておく変数 用語 総称型と多…

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

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

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

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

nvm(Node Version Manager)でWindowsにNode.jsをインストールする

WindowsにNode.jsをインストールするとき、Node.jsのバージョン管理ツールとして「nodist」を使ってみました。 「nvm」(Node Version Manager)というツールもあるので、nvmの使い方も調べてみました。 nodistの使い方 nvmとは? nvmw nvm-windows nvm-wind…

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のダウンロード 手動で…

関数型プログラミングの基礎 JavaScriptを使って学ぶ 【目次】

JavaScriptの学習で面白そうな本がありました! 「関数型プログラミングの基礎 JavaScriptを使って学ぶ」という本です。 この本を参考にして関数型プログラミングのやり方に親しんでみたいと思います。 関数型プログラミングの基礎 JavaScriptを使って学ぶ …

3.5 時間で異なるメッセージを表示する 《論理演算子》 【読書メモ】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.5 時間で異なるメッセージを表示する 《論理演算子》 (p.90) ここまでのif文では「○○が△△だったら」や「××が□□より大きかった…

プロトタイピング=試作品の制作を気軽に始めてみよう!

JavaScript学習に役立つお話がありました。 「プロトタイピング」でプログラムを試作する練習について紹介されています。 www.webprofessional.jp (前回に引き続き、今回もこのお話から学んでみたいと思います。) jsstudy.hatenablog.com アプリ作成の進め…

リファクタリング=読みやすいプログラムを書こう!

JavaScript学習に役立つお話がありました。 「リファクタリング」でプログラムを改善する練習について紹介されています。 www.webprofessional.jp (前回に引き続き、今回もこのお話から学んでみたいと思います。) jsstudy.hatenablog.com アプリ作成の進め…

プログラミング学習で擬似コードを活用しよう!

JavaScript学習に役立つお話がありました。 「擬似コード」でロジックを書き出す練習について紹介されています。 www.webprofessional.jp JavaScriptに限らず、プログラミングの基本を学んだら何か動くモノ(プライベートプロジェクト)を作ってみたくなりま…

プログラミング学習は安全・快適・簡単!?

ITの発展により、ITを活用した効率化が、世界中で不可欠になってきました。 日本でも、ITの人材不足により、2020年から小学校でプログラミング教育が必修化されます。 miraino-manabi.jp 今後は、誰でも簡単にプログラミング技術を習得できる教材やカリキュ…

クリエイターのマインドセット

クリエイターに役立つアイデアやマインドセット(考え方)を集めたいです。 良いアイデアをみんなで共有しよう! (via Lack of gatekeepers leads to flood of entertainment news-SSCP) インプット アウトプット ビジネス インプット プログラミング学習…

Webサイト制作【4】 Bootstrap準備編

JavaScript学習の一環として、Webサイト制作の練習もやってみます。 今回は、CSSフレームワーク「Bootstrap」を準備します。 用語 CSSフレームワーク jQuery レスポンシブデザイン グリッドシステム CSSフレームワーク CSSフレームワーク - Google 検索 CSS…

Webサイト制作【3】 Visual Studio Code準備編

JavaScript学習の一環として、Webサイト制作の練習もやってみます。 今回は、プログラムを書くツールを準備します。 以前用意した「Visual Studio Code」に、PHP用の設定を追加してみます。 用語 IDE 統合開発環境 - Wikipedia 統合開発環境、IDE (Integrate…

Webサイト制作【2】 CodeIgniter準備編

JavaScript学習の一環として、Webサイト制作の練習もやってみます。 今日は、PHPのWAF(Web Application Framework)の1つである「CodeIgniter」を用意してみます。 用語 フレームワーク 制御の反転 Apache htaccess アプリケーションフレームワーク - Wiki…

Webサイト制作【1】 XAMPP準備編

JavaScriptは、Webサイトを作るときによく使われます。 JavaScript学習の一環として、Webサイト制作の練習もやってみましょう。 用語 サーバーサイド(バックエンド) クライアントサイド(フロントエンド) LL(Lightweight Language 軽量プログラミング言…

3.4 数当てゲーム 《比較演算子、データ型》 【読書メモ】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.4 比較演算子、データ型 (p.83) if文からさらに一歩進んで、数字の大小を比較する条件式を作ります。 (例)0~5の乱数を当て…

GoやSwiftもAltJSとして使おう!

JavaScriptの代替手段として、現在様々なAltJS(Alternative JavaScript)が提供されています。 (参考)AltJS(Alternative JavaScript)をまとめて比較してみました AltJSとは、Altnative Javascriptの略称で、JavaScriptの代替となりうる次世代のプログラミ…

Effective JavaScript 【目次】

JavaScriptの学習で、「Effective JavaScript」という本を読んでみます。 Effective JavaScript 作者: David Herman,吉川邦夫 出版社/メーカー: 翔泳社 発売日: 2013/02/19 メディア: 大型本 この商品を含むブログを見る 目次 第1章 JavaScriptに慣れ親しむ …

プログラミング言語「Io」の参考情報

Io

JavaScript学習の参考として、「Io」というプロトタイプベースのプログラミング言語について、参考情報をまとめておきます。 jsstudy.hatenablog.com 本来のプロトタイプベースとは? JavaScriptをプロトタイプベースのオブジェクト指向言語と言うべきではな…

7つの言語 7つの世界 【目次】

JavaScriptの学習で、「7つの言語 7つの世界」という本を参考にしてみます。 プロトタイプベースのプログラミング言語「Io」について学んでみます。 7つの言語 7つの世界 作者: Bruce A. Tate,まつもとゆきひろ,田和勝 出版社/メーカー: オーム社 発売日: …

JavaScript フレームワーク入門 【目次】

JavaScriptの学習で、「JavaScript フレームワーク入門」という本を読んでみます。 JavaScript フレームワーク入門 作者: 掌田津耶乃 出版社/メーカー: 秀和システム 発売日: 2016/09/16 メディア: 単行本 この商品を含むブログを見る 目次 Chapter 1 JavaSc…

開眼! JavaScript 【目次】

JavaScriptの学習で、「開眼! JavaScript」という本を読んでみます。 開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質 作者: Cody Lindley,和田祐一郎 出版社/メーカー: オライリージャパン 発売日: 2013/06/19 メディア: 単行本(ソフトカバー) この…

Web制作の現場で使うjQueryデザイン入門 【目次】

JavaScriptの学習で、「Web制作の現場で使うjQueryデザイン入門」という本を読んでみます。 Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books) 作者: 西畑一馬 出版社/メーカー: KADOKAWA/アスキー・メディアワークス 発売日: 2013…

JavaScriptで継承を使わないプログラミングスタイル

JavaScriptでは「継承による差分プログラミング」はモダンではない、という意見がありました。 なるほど、「継承による差分プログラミング」を使わないスタイルもあるんですね?(参考になります) JavaScriptのオブジェクト指向プログラミング OOPのアンチ…

JavaScriptはプロトタイプベースのオブジェクト指向プログラミング言語ではない!?

先日のブログ記事に、たくさんのブックマークをいただきました。 どうもありがとうございます★★★ jsstudy.hatenablog.com ブックマークのコメントで、こんな意見がありました。 オブジェクト指向って便利なの? - JavaScript勉強会 うへええええ継承による差…

オンラインでJavaScriptやPHPを実行する環境

ちょっとしたプログラムを書いて動作チェックをしたい場合、最近はオンラインの実行環境が用意されていました。\(便利)/ qiita.com paiza.ioが提供しているWebサービスを使ってみました。 Web-based online coding environment | paiza.IO 左上のプルダウ…

オブジェクト指向って便利なの?

プログラミングのやり方って、いろんな方法が考えられてきました。 何かを作るとき、ゼロから作るのは大変だけど、先人の努力や工夫を拝借して作ると、その分だけ楽ができますね! プログラミングのやり方はまだまだ発展途上=改善の余地があるんだろうけど…

3.3 動作のバリエーションを増やす 《条件分岐(else if)》 【読書メモ】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.3 動作のバリエーションを増やす 構造化プログラミングの基本動作は、 順次 選択(条件分岐) 反復(繰り返し) の3つです。 …

3.2 入力内容に応じて動作を変更する 《変数》 【読書メモ】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 今日はJavaScriptの変数について学びます。 「変数」(variable)は、データを入れておく「箱」「容器」みたいなものです。 変数…

3.1 確認ダイアログボックスを表示する 《条件分岐 (if) 》 【読書メモ】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 条件分岐 if (p.62) 「もし~なら」 「もし~でないなら」 というように、ある条件が成り立つかどうかで動作を変えるのがif文で…

オブジェクト指向の用語「プロパティ」「メソッド」

JavaScriptの勉強をしていて、説明の順番を変えた方がいいかも?と思われる箇所がありました。 →「オブジェクト」という仕組みと、その用語についてです。 jsstudy.hatenablog.com windowやdocumentなど、すべてのオブジェクトは、メソッド以外に「プロパテ…

2.4 HTMLを書き換える 【読書メモ】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.4 HTMLを書き換える (p.50) 要素を取得する・コンテンツを書き換える JavaScriptでできるアウトプットの3つ目は、表示されてい…

はてなブログでコードハイライト表示する方法

はてなブログに、プログラムのコードを掲載するとき、色を付けて見やすくする方法がありました。(メモ) ハイライト表示とは? プログラムのコードに色を付けて、見やすくする表示方法のことです。 コード・ハイライトは、シンタックス・ハイライトとも言い…

2.3 ダイアログボックスを表示する

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.3 ダイアログボックスを表示する (p.50) コンソールに続いて紹介する2つ目のアウトプットは、ダイアログボックスへのアウトプ…

JavaScriptでmacOSを自動操作できるJXA

JavaScriptに、ちょっと便利な用途がありました! Macには、操作を自動化できるAppleScriptという道具が用意されています。 このAppleScriptの代わりに、JavaScriptも使えるようになっていました。 JavaScript for Automation (JXA)とは? qiita.com AppleSc…

2.2 JavaScriptはどこに書く?

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.2 JavaScriptはどこに書く? (p.44) <script>タグとJavaScriptの記述場所 HTMLにJavaScriptを直接記述する方法 JavaScriptファイルを読</script>…

2.1 コンソールにアウトプット 【読書メモ】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.1 コンソールにアウトプット (p.32) JavaScriptからテキストなどをアウトプットできる場所の1つに「コンソール」があります。 …

Microsoft 「Visual Studio Code」でJavaScript学習

JavaScriptの学習で使うテキストエディターとして、MicrosoftのVisual Studio Codeを使ってみることにしました。 code.visualstudio.com Visual Studio Code - Visual Studio Visual Studio Code - Wikipedia Visual Studio Code はオープンソースのソースコ…

1.6 JavaScript サンプルデータのダウンロード

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

1.3 JavaScriptの「プログラミング」と動作の仕組み 【読書メモ】

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