3.9 FizzBuzz 《算術演算子》 【JavaScript超入門】 - JavaScript勉強会
JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第３章を読んでみます。 jsstudy.hatenablog.com 3.9 算術演算子 FizzBuzzとは？ サンプルコード 実行結果 算術演算子 剰余演算子 % 冪乗演算子 ** まとめ 3.9 算術演算子 (p.119) FizzBuzzというゲームをプログラムで実現してみましょう。 これまでも +、-、*と、計算のための記号をあまり詳しく説明せずに使ってきましたが、この実習でも新たに割り算の余りを算出する%記号を使います。 FizzBuzzとは？ FizzBuzzとは、何人か組になって、「１」「２」と順番に数字を言っていき、３で割り切れる数字のときは「Fizz！」、５で割り切れるときは「Buzz！」、３でも５でも割り切れるときは「FizzBuzz！」と叫ぶゲームです。 Fizz Buzz
3.8 税込価格を計算する 《ファンクション、関数リテラル》 【JavaScript超入門】 - JavaScript勉強会
JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第３章を読んでみます。 jsstudy.hatenablog.com 3.8 ファンクション functionの意味 構文 関数の宣言 関数式 ファーストクラスファンクション リテラル JavaScriptの関数リテラル（関数の書式） サンプルコード 実行結果 関数の基本的な考え方 ファンクションの呼び出し ファンクションを変数に代入 JavaScriptのプログラミング・パラダイム 無名関数 まとめ 3.8 ファンクション (p.110) この実習では、ファンクション（function）の作成と利用の方法を紹介します。 ファンクションとは、よく使う処理を１つにまとめた小さなサブプログラム（プログラム内のミニプログラム）で、使いたいときに呼び出して利用します。 なお、ファンクションは日本語では「関
3.7 コンソールでモンスターを倒せ！ 《繰り返し(while)、代入演算子》 【JavaScript超入門】 - JavaScript勉強会
JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第３章を読んでみます。 jsstudy.hatenablog.com 3.7 繰り返し while whileの意味 構文 サンプルコード 実行結果 for文とwhile文の違い while文のカウンター 無限ループに気をつけて！ 代入演算子 まとめ 3.7 繰り返し while (p.102) 前節ではfor文を使用しました。この実習ではもうひとつの繰り返し、while文を使用します。 whileの意味 whileの意味 - 英和辞典 Weblio辞書 発音記号・読み方 /(h)wάɪl(米国英語), wάɪl(英国英語)/ 接続詞 …する間，…するうち，…と同時に 【用法】 「動作や状態の継続している時間[期間]」を表わす副詞節をつくる; while の節中に進行形が多く用いられる; We k
3.6 1枚、2枚、3枚…と出力する 《繰り返し(for)、インクリメント演算子、文字列連結》 【JavaScript超入門】 - JavaScript勉強会
JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第３章を読んでみます。 jsstudy.hatenablog.com 3.6 繰り返し for サンプルコード 実行結果 繰り返しのfor文 インクリメント（増加）とデクリメント（減少）の演算子 インクリメント演算子の注意点 サンプルコード 実行結果 文字列連結 まとめ 3.6 繰り返し for (p.95) この実習では「繰り返し」を紹介します。 繰り返しとは、同じような処理をひたすらコンピュータにさせることで、JavaScriptにはそのための文法が用意されています。 繰り返しにはいくつかの方法がありますが、今回はそのうちのひとつ、for文を使用します。 サンプルコード 「index.html」というファイルを作り、以下の内容を書きます。 <!doctype html> <html> <hea
WindowsでMochaテストフレームワークを使う - JavaScript勉強会
JavaScriptの学習メモ。 今日は「関数型プログラミングの基礎 JavaScriptを使って学ぶ」の第９章を読んでみます。 jsstudy.hatenablog.com Mochaテストフレームワークを使う Mochaとは？ Node.jsの設定 フォルダの移動 Mochaのインストール gulpのインストール Mochaの動作確認 Mochaのパス設定（batファイルで代用） Gulpの動作確認 Gulpのパス設定（batファイルで代用） npmはWindowsのパスを書き換えない？ npmとは？ gulpとは？ Mochaテストフレームワークを使う (p.320) 本書はMochaというテストフレームワークを使用しています。 Mochaは振舞い駆動型のテストフレームワークであり、Node.jsでの単体テストを自動化します。 Mochaとは？ 「Mocha 使い方」で検索すると、い
nvm（Node Version Manager）でWindowsにNode.jsをインストールする - JavaScript勉強会
WindowsにNode.jsをインストールするとき、Node.jsのバージョン管理ツールとして「nodist」を使ってみました。 「nvm」（Node Version Manager）というツールもあるので、nvmの使い方も調べてみました。 nodistの使い方 nvmとは？ nvmw nvm-windows nvm-windowsのインストール nvm-windowsインストーラーのダウンロード nvm-windowsのインストール nvm-windowsの動作確認 再インストール nvmでNode.jsをインストール nvmのコマンド Node.js 32ビット版を指定する方法 まとめ nodistの使い方 nodistによるNode.jsのバージョン管理は、こちらを参照してください。 jsstudy.hatenablog.com nvmとは？ Windows ではじめてみる Nod
Git for WindowsでGitHubリポジトリをクローンする - JavaScript勉強会
JavaScriptの学習メモ。 今日は「関数型プログラミングの基礎 JavaScriptを使って学ぶ」の第９章を読んでみます。 jsstudy.hatenablog.com Git for Windowsをインストールする Git for Windowsのダウンロード Git for Windowsのインストール Git for Winowsを起動する GitHubリポジトリのクローン カレントディレクトリを「functionaljs」に移動する Gitとは？ GitHubとは？ Git for Windowsをインストールする 本書で紹介されているサンプルコードがGitHubで配布されているので、まずはGitを操作するツールを用意します。 (p.319) Windowsの場合には、Git for WindowsというGitリポジトリを操作するプログラムをインストールしておきます。 Gi
nodistでWindowsにNode.jsをインストールする 【読書メモ】 - JavaScript勉強会
JavaScriptの学習メモ。 今日は「関数型プログラミングの基礎 JavaScriptを使って学ぶ」の第９章を読んでみます。 jsstudy.hatenablog.com WindowsにNode.jsをインストールする Windows用Node.jsバージョン管理ツール「nodist」 nodistのダウンロード 手動でnodistコマンドのパスを設定 Node.jsのインストール Windowsでnvmを使う方法 WindowsにNode.jsをインストールする Windows7でNode.jsを使うので、Windowsの場合の説明を参考にしてみます。 (p.316) WindowsにNode.jsをインストールするには、公式サイトの https://nodejs.org/en/download/releases/ から該当するバージョンのインストーラをダウンロードします。 本書で
関数型プログラミングの基礎 JavaScriptを使って学ぶ 【目次】 - JavaScript勉強会
JavaScriptの学習で面白そうな本がありました！ 「関数型プログラミングの基礎 JavaScriptを使って学ぶ」という本です。 この本を参考にして関数型プログラミングのやり方に親しんでみたいと思います。 関数型プログラミングの基礎 JavaScriptを使って学ぶ 作者: 立川察理,長瀬嘉秀 出版社/メーカー: リックテレコム 発売日: 2016/10/29 メディア: 単行本（ソフトカバー） この商品を含むブログを見る 目次 第Ⅰ部 関数型プログラミングの基礎 第1章 「計算」とは 第2章 なぜ関数型プログラミングが重要か 第Ⅱ部 JavaScriptによる関数型プログラミングの実践 第3章 心の準備 第4章 データの種類と特徴 第5章 プログラムをコントロールする仕組み 第6章 関数を利用する 第7章 高階関数を活用する 第8章 関数型言語を作る 第Ⅲ部 付録 第9章 Java
3.5 時間で異なるメッセージを表示する 《論理演算子》 【JavaScript超入門】 - JavaScript勉強会
JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第３章を読んでみます。 jsstudy.hatenablog.com 3.5 時間で異なるメッセージを表示する 《論理演算子》 サンプルコード 実行結果 論理演算子 &&演算子 ||演算子 「 | 」の入力の仕方 !演算子 論理演算子 一覧 論理演算とは？ AND 論理積 OR 論理和 XOR 排他的論理和 NOT 論理否定 JavaScriptの論理演算子 まとめ 3.5 時間で異なるメッセージを表示する 《論理演算子》 (p.90) ここまでのif文では「○○が△△だったら」や「××が□□より大きかったら」というかたちの条件式を書いてきました。 それでは、「時刻が19時以降で、かつ21時より前」とか、「9時台、もしくは15時台」というような条件式はどうやって書けばよいでしょう？ 今回は、新しく
プロトタイピング＝試作品の制作を気軽に始めてみよう！ - JavaScript勉強会
JavaScript学習に役立つお話がありました。 「プロトタイピング」でプログラムを試作する練習について紹介されています。 www.webprofessional.jp （前回に引き続き、今回もこのお話から学んでみたいと思います。） jsstudy.hatenablog.com アプリ作成の進め方として、以下の手順が紹介されています。 最初に基本を身に着けよう 計画を立てる コード無しで書いていく 小さな部分に分けて製作する 各パーツを結合する 実験とテスト 外部の助けを求める コードのリファクタリング（再構築） 試行錯誤の重要性 現実には、プロジェクトは完璧なコードをガンガン書くことではなく、たくさんの試行錯誤とリファレンスを幾度も参照して少しずつできあがるものなのです。 実験とテスト この段階ですでに、たくさんの実験とテストを繰り返して動作確認をしてきました。 きちんと動作するならば
リファクタリング＝読みやすいプログラムを書こう！ - JavaScript勉強会
JavaScript学習に役立つお話がありました。 「リファクタリング」でプログラムを改善する練習について紹介されています。 www.webprofessional.jp （前回に引き続き、今回もこのお話から学んでみたいと思います。） jsstudy.hatenablog.com アプリ作成の進め方として、以下の手順が紹介されています。 最初に基本を身に着けよう 計画を立てる コード無しで書いていく 小さな部分に分けて製作する 各パーツを結合する 実験とテスト 外部の助けを求める コードのリファクタリング（再構築） リファクタリングとは？ reの意味 - 英和辞典 Weblio辞書 re‐ 【接頭辞】 「相互，反，後，退，秘; 離，去，下，再，否，不」などの意. 接頭辞の「re」は、再びという意味 factorの意味 - 英和辞典 Weblio辞書 factorとは (ある現象・結果を生ず
プログラミング学習で擬似コードを活用しよう！ - JavaScript勉強会
JavaScript学習に役立つお話がありました。 「擬似コード」でロジックを書き出す練習について紹介されています。 www.webprofessional.jp JavaScriptに限らず、プログラミングの基本を学んだら何か動くモノ（プライベートプロジェクト）を作ってみたくなります。でも実際にどうやって進めたらいいのでしょうか？ 現実には、プロジェクトは完璧なコードをガンガン書くことではなく、たくさんの試行錯誤とリファレンスを幾度も参照して少しずつできあがるものなのです。 アプリ作成の進め方として、以下の手順が紹介されています。 最初に基本を身に着けよう 計画を立てる コード無しで書いていく 小さな部分に分けて製作する 各パーツを結合する 実験とテスト 外部の助けを求める コードのリファクタリング（再構築） あ 擬似コードの活用 「コード無しで書いていく」って、どういうことでしょうか？
Webサイト制作【3】 Visual Studio Code準備編 - JavaScript勉強会
JavaScript学習の一環として、Webサイト制作の練習もやってみます。 今回は、プログラムを書くツールを準備します。 以前用意した「Visual Studio Code」に、PHP用の設定を追加してみます。 用語 IDE 統合開発環境 - Wikipedia 統合開発環境、IDE (Integrated Development Environment) は、ソフトウェアの開発環境。 従来、コンパイラ、テキストエディタ、デバッガなどがばらばらで利用していたものをひとつの対話型操作環境（多くはGUI）から利用できるようにしたもの。 最近のIDEには、GUIアプリケーション開発のための迅速なプロトタイピング (RAD) が可能なものが多い。 統合開発環境を使うことによって、巨大かつ複雑なソフトウェアでも、作成者に負担をかけることなく開発することが可能になる。 サンがJava FXの実例をデ
3.4 数当てゲーム 《比較演算子、データ型》 【JavaScript超入門】 - JavaScript勉強会
JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第３章を読んでみます。 jsstudy.hatenablog.com 3.4 比較演算子、データ型 サンプルコード 実行結果 比較演算子 データ型 型変換（キャスト） 文字列 → 数値 数値 → 文字列 数値、文字列 → ブーリアン型 ヨーダ記法 3.4 比較演算子、データ型 (p.83) if文からさらに一歩進んで、数字の大小を比較する条件式を作ります。 サンプルコード （例）0～5の乱数を当てるクイズ <!doctype html> <html> <head> <meta charset="UTF-8"> <title>3-04_comparison</title> </head> <body> <h1>数当てゲーム</h1> <h2>さまざまな比較演算子を使用する</h2> <script>
GoやSwiftもAltJSとして使おう！ - JavaScript勉強会
JavaScriptの代替手段として、現在様々なAltJS（Alternative JavaScript）が提供されています。 （参考）AltJS(Alternative JavaScript)をまとめて比較してみました AltJSとは、Altnative Javascriptの略称で、JavaScriptの代替となりうる次世代のプログラミング言語、スクリプト言語の候補群のことです。 特定の言語を指していません。 主要IT企業で開発されているプログラミング言語も、AltJSとして使うことができます。 マイクロソフト → TypeScript グーグル → Go アップル → Swift TypeScript TypeScriptは、JavaScriptの代替を目的として開発された言語なので、AltJSの本命と言えるでしょう。 www.typescriptlang.org TypeScrip
JavaScript フレームワーク入門 【目次】 - JavaScript勉強会
JavaScriptの学習で、「JavaScript フレームワーク入門」という本を読んでみます。 JavaScript フレームワーク入門 作者: 掌田津耶乃 出版社/メーカー: 秀和システム 発売日: 2016/09/16 メディア: 単行本 この商品を含むブログを見る 目次 Chapter 1 JavaScriptとフレームワーク Chapter 2 jQuery Chapter 3 TypeScript Chapter 4 Vue.js Chapter 5 Backbone.js Chapter 6 Angular Chapter 7 React Chapter 8 Aurelia Chapter 9 パッケージ管理ツール Chapter 10 JavaScriptフレームワークの今後 出版社情報 著者紹介 目次 Chapter 1 JavaScriptとフレームワーク 1-1 フ
開眼！ JavaScript 【目次】 - JavaScript勉強会
JavaScriptの学習で、「開眼！ JavaScript」という本を読んでみます。 開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質 作者: Cody Lindley,和田祐一郎 出版社/メーカー: オライリージャパン 発売日: 2013/06/19 メディア: 単行本（ソフトカバー） この商品を含むブログを見る 目次 1章 JavaScriptオブジェクト 2章 オブジェクトとプロパティを扱う 3章 オブジェクト（Object()） 4章 関数（Function()） 5章 グローバルオブジェクト 6章 this 7章 スコープとクロージャ 8章 関数のprototypeプロパティ 9章 配列（Array()） 10章 String() 11章 Number() 12章 Boolean() 13章 プリミティブ型文字列、数値、真偽値 14章 null 15章
JavaScriptで継承を使わないプログラミングスタイル - JavaScript勉強会
JavaScriptでは「継承による差分プログラミング」はモダンではない、という意見がありました。 なるほど、「継承による差分プログラミング」を使わないスタイルもあるんですね？（参考になります） JavaScriptのオブジェクト指向プログラミング OOPのアンチパターン SOLID原則 オブジェクト指向の基本機能 データ構造としてのオブジェクト デメリット メリット PACアーキテクチャー マイクロサービス指向アーキテクチャー JavaScriptのオブジェクト指向プログラミング jsstudy.hatenablog.com オブジェクト指向って便利なの？ - JavaScript勉強会 うへええええ継承による差分プログラミングとか現代に言わないでくれよ。しかも「JSはプロトタイプベースのOOP」を初めとして間違いが多いぞ 2017/03/27 09:42 b.hatena.ne.jp
JavaScriptはプロトタイプベースのオブジェクト指向プログラミング言語ではない！？ - JavaScript勉強会
先日のブログ記事に、たくさんのブックマークをいただきました。 どうもありがとうございます★★★ jsstudy.hatenablog.com ブックマークのコメントで、こんな意見がありました。 オブジェクト指向って便利なの？ - JavaScript勉強会 うへええええ継承による差分プログラミングとか現代に言わないでくれよ。しかも「JSはプロトタイプベースのOOP」を初めとして間違いが多いぞ 2017/03/27 09:42 なるほど、そういう見方もあるんですね？（参考になります） (1) 継承による差分プログラミングは、現代では廃れた古い手法？ (2) JavaScriptはプロトタイプベースのオブジェクト指向プログラミング言語ではない？ 実際のところ、どうなんでしょうか？ 知識は知識として、正確に理解しておきたいです。 勉強がてら、調べてみましょう。 とりあえず、(2)のプロトタイプベ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
