API（Application Programming Interface）とは？
JavaScript学習で、ときどき「API」という用語が出てきます。 APIについてまとめておきます。（メモ） APIとは？ インターフェースとは？ 人間向けと機械向けのインターフェース GUI CUI W…
「JavaScript・jQuery」一覧
DOM（Document Object Model）とは？
JavaScript学習で、「DOM」という用語がよく出てきます。 なので、DOMについてまとめておきます。（メモ） DOMとは？ APIとは？ DOMツリーとは？ DOMツリーのノード DOM…
CSSセレクターとは？
JavaScript学習で、「CSSセレクター」という用語がたまに出てきます。 CSSセレクターについてまとめておきます。（メモ） CSS セレクターとは？ CSSセレクター CSSセレクターの分類 要素セレクター（タイプセレクター） HTMLタグとHTML要素の違い CSSで要素セレクターはなるべく使わない まとめ CSS CSSとは？－CSSの基本 CSS（Cascading Style Sheets、カスケーディング・スタイル・シート）とは、ウェブページのスタイルを指定するための言語です。 CSSは、HTMLと組み合わせて使用する言語です。 HTMLがウェブページ内の各要素の意味や情報構…
プロトタイピング＝試作品の制作を気軽に始めてみよう！
JavaScript学習に役立つお話がありました。 「プロトタイピング」でプログラムを試作する練習について紹介されています。 www.webprofessional.jp （前回に引き続き、今回もこのお話から学んでみたいと思います。） jsstudy.hatenablog.com アプリ作成の進め方として、以下の手順が紹介されています。 最初に基本を身に着けよう 計画を立てる コード無しで書いていく 小さな部分に分けて製作する 各パーツを結合する 実験とテスト 外部の助けを求める コードのリファクタリング（再構築） 試行錯誤の重要性 現実には、プロジェクトは完璧なコードをガンガン書くことではな…
TypeScriptの総称型（Generic Type）
JavaScript学習のついでに、TypeScriptも学んでみます。 今日は、TypeScriptの「総称型」という機能について調べてみました。 総称型とは？ 総称型の仕組み 型引数とは？ 型の情報（種類）を入れておく変数 用語 総称型とオーバーロードの違い （1）似た機能の関数がバラバラに用意されている状態 （2）引数を使って似た機能をまとめた関数 （3）引数のデータ型が違うけど、機能が似ている関数 （4）「Any型」で全部の型を引き受けられる関数 （5）オーバーロードで型チェックを実現した関数 オーバーロード（多重定義）とは？ シグネチャーとは？ （6）総称型でオーバーロードした関数を…
JavaScriptでmacOSを自動操作できるJXA
JavaScriptに、ちょっと便利な用途がありました！ Macには、操作を自動化できるAppleScriptという道具が用意されています。 このAppleScriptの代わりに、JavaScriptも使えるようになっていました。 JavaScript for Automation (JXA)とは？ qiita.com AppleScriptの代わりにJavaScriptを使えるようになってました。 Yosemiteからの新機能だそうです。 JXAとも呼ばれています。 そもそも、AppleScriptって何？ AppleScript - Wikipedia AppleScript（アップルスク…
オブジェクト指向の用語「プロパティ」「メソッド」
JavaScriptの勉強をしていて、説明の順番を変えた方がいいかも？と思われる箇所がありました。 →「オブジェクト」という仕組みと、その用語についてです。 jsstudy.hatenablog.com windowやdocumentなど、すべてのオブジェクトは、メソッド以外に「プロパティ」を持っています。 オブジェクトのプロパティとは、そのオブジェクトの状態を表すものです。 「オブジェクト」「プロパティー」「メソッド」…英語の専門用語がいきなりたくさん出てくると、訳が分からなくなるかも！？ JavaScriptの教材を作る場合、 先に、データ構造（変数、定数、配列など）の話を出す。 次に、オ…
JavaScriptで継承を使わないプログラミングスタイル
JavaScriptでは「継承による差分プログラミング」はモダンではない、という意見がありました。 なるほど、「継承による差分プログラミング」を使わないスタイルもあるんですね？（参考になります） jsstudy.hatenablog.com オブジェクト指向って便利なの？ - JavaScript勉強会 うへええええ継承による差分プログラミングとか現代に言わないでくれよ。しかも「JSはプロトタイプベースのOOP」を初めとして間違いが多いぞ 2017/03/27 09:42 b.hatena.ne.jp (1) 継承による差分プログラミングは、現代では廃れた古い手法？ (2) JavaScrip…
JavaScriptはプロトタイプベースのオブジェクト指向プログラミング言語ではない！？
先日のブログ記事に、たくさんのブックマークをいただきました。 どうもありがとうございます★★★ jsstudy.hatenablog.com ブックマークのコメントで、こんな意見がありました。 オブジェクト指向って便利なの？ - JavaScript勉強会 うへええええ継承による差分プログラミングとか現代に言わないでくれよ。しかも「JSはプロトタイプベースのOOP」を初めとして間違いが多いぞ 2017/03/27 09:42 なるほど、そういう見方もあるんですね？（参考になります） (1) 継承による差分プログラミングは、現代では廃れた古い手法？ (2) JavaScriptはプロトタイプベー…
WindowsでMochaテストフレームワークを使う
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と…
– PR –