API（Application Programming Interface）とは？
JavaScript学習で、ときどき「API」という用語が出てきます。 APIについてまとめておきます。（メモ） APIとは？ インターフェースとは？ 人間向けと機械向けのインターフェース GUI CUI W…
「JavaScript」一覧
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 アプリ作成の進め方として、以下の手順が紹介されています。 最初に基本を身に着けよう 計画を立てる コード無しで書いていく 小さな部分に分けて製作する 各パーツを結合する 実験とテスト 外部の助けを求める コードのリファクタリング（再構築） 試行錯誤の重要性 現実には、プロジェクトは完璧なコードをガンガン書くことではな…
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はプロトタイプベー…
プログラミング学習で擬似コードを活用しよう！
JavaScript学習に役立つお話がありました。 「擬似コード」でロジックを書き出す練習について紹介されています。 www.webprofessional.jp JavaScriptに限らず、プログラミングの基本を学んだら何か動くモノ（プライベートプロジェクト）を作ってみたくなります。でも実際にどうやって進めたらいいのでしょうか？ 現実には、プロジェクトは完璧なコードをガンガン書くことではなく、たくさんの試行錯誤とリファレンスを幾度も参照して少しずつできあがるものなのです。 アプリ作成の進め方として、以下の手順が紹介されています。 最初に基本を身に着けよう 計画を立てる コード無しで書いてい…
リファクタリング＝読みやすいプログラムを書こう！
JavaScript学習に役立つお話がありました。 「リファクタリング」でプログラムを改善する練習について紹介されています。 www.webprofessional.jp （前回に引き続き、今回もこのお話から学んでみたいと思います。） jsstudy.hatenablog.com アプリ作成の進め方として、以下の手順が紹介されています。 最初に基本を身に着けよう 計画を立てる コード無しで書いていく 小さな部分に分けて製作する 各パーツを結合する 実験とテスト 外部の助けを求める コードのリファクタリング（再構築） リファクタリングとは？ reの意味 - 英和辞典 Weblio辞書 re‐ 【…
– PR –