「JavaScript 再入門」の脱稿、技術者としての遺書
2022年の普段の年よりも少し多めの雪が降った冬も終わり、雲雀が鳴き始める季節となりました。山の新緑も、鴨の渡りも、燕の飛来も、もう少しかかりそうですね。 昨年末から少しずつ書き始めた、「JavaScript 再入門」も「その28」で一応の完成となりました。 自分の持っている知識は全て残せるように努力したつもりですが、至らない箇所や解説…
ブログ
JavaScript 再入門(その28) イベントの操作
イベントの操作 イベントとは？ JavaScript 再入門なので、今更こんな説明は必要ないと思われますが、概念的には理解できていても、いざ説明しようとすると難しいものです。 MDNの「イベントへの入門」には次のように説明されています。 イベントは、あなたがプログラムを書いているシステムで生じた動作、出来事を指します。システムからあなた…
JavaScript 再入門(その27) ドキュメントのHTML属性の操作
ドキュメントのHTML属性の操作 HTML 属性とは、タグに付けられた補足情報です。id / class / name 等は属性 (Attribute) と呼びます。 <タグ 属性1="属性値1" 属性2="属性値2 属性値3"> HTM…
CSS セレクタ備忘録
CSS セレクタ備忘録 最近年齢のせいか、いざ使おうとすると「なんだったっけな～」ってなるスタイルシートのセレクタ。 そこで、CSS セレクタをまとめて、備忘録としました。 説明の基本となるHTMLです。 HTML<html> <head> <meta http-eq…
JavaScript 再入門(その26) ドキュメントの操作
ドキュメントの操作 ウェブ文書である HTML や XML で書かれた、ウェブサイトを操作する場合には、ドキュメントオブジェクトモデル DOM を使って操作します。 今回の記事は JavaScript再入門なので、JavaScriptを使ってDOMにアクセスしますが、JavaScipt以外のPython等を使ってもDOMを利用することが…
JavaScript 再入門(その25) 非同期通信 2 PHP と JavaScript
非同期通信 PHP と JavaScript 前の記事では fetch を使って JSON ファイルからデータを取得する方法を見てきました。実務では、クライアントからパラメータとリクエストを受け取り、サーバー側でデータベースなどから必要なデータを加工しクライアントへ返します。今回は、サーバーサイドを PHP で簡単なデータを返すプログラ…
JavaScript 再入門(その24) 非同期通信 1 fetch
非同期通信 fetch fetch オブジェクトは、XMLHttpRequest(XHR) オブジェクトに代わる、サーバーと対話するためのAPIです。fetch はプロミス値を返しますので、XMLHttpRequest に比べて、簡略化されて可読性の良いスクリプトを書くことができます。 この記事では、演習用のJSONデータとして MDN…
JavaScript 再入門
JavaScript 再入門 なんとなく書き始めた「JavaScript 再入門」ですが、いつの間にか記事数が増えてしまい、「エンジニアノート」の多くを占めてしまうコンテンツとなってしまいました。 そこで「JavaScript再入門」をまとめて、アーカイブにすることとしました。 「JavaScript再入門」が他言語経験者やこれからプロ…
JavaScript 再入門(その23) 非同期処理 4 非同期関数 async / wait
非同期関数 async / wait 前回までの記事でプロミスの動きを見てみました。 非同期関数 いままで、ややこしいプロミスのスクリプトを書いてきましたが。ES2017 で、非同期処理をまるで同期処理のようにサラッと書ける救世主が現れました。それが、async / await *ES2017 です。 async キーワードは関数につけ…
JavaScript 再入門(その22) 非同期処理 3 Promise の待ち合わせメソッド
Promise の待ち合わせメソッド 前回までの記事でプロミスの動きを見てみました。 プロミスの待ち合わせメソッド プロミスには、複数のプロミスの状態により .then() .catch() .finally() メソッドを実行するメソッドがあります。 説明するにあたって、プロミスを返すコンストラクタ関数を定義します。以下の例題はこのコ…