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() メソッドを実行するメソッドがあります。 説明するにあたって、プロミスを返すコンストラクタ関数を定義します。以下の例題はこのコ…
JavaScript 再入門(その21) 非同期処理 2 プロミスの動作
プロミスの動作 前回の記事でプロミスの大まかな動きを見てみました。 プロミスって何をしてるの？ 今回は、プロミスの状態や値の受け渡しなどの、プロミスの動作について説明します。 まずは、Promise を定義後の状態をみてみましょう。このスクリプトの Promise は非同期処理ですが、処理は何もしていないので実務上役に立つスクリプトでは…
JavaScript 再入門(その20) 非同期処理 1 非同期処理とPromise
非同期処理とPromise 非同期処理とは？ まずは、通常の処理方法、同期処理から説明します。通常のプログラムは上から順番にコードを処理して、処理が終わると次の処理を実行していきます。 console.log(1) ; console.log(2) ; console.log(3) ; console.log(4) ; /* 1 2 3…
iPadOS(iPad)からWordPressにログインできない(It is very likely a bot)。
問題内容 WordPressとプラグイン(Ultimeate Member等)をアップグレードした際に、iPadOS(iPad)からWordPressにログインできない状態(It is very likely a bot)となった。 WindowsやAndroidからは問題なくログインができるが、iPadOS(iPad)からのみログイン…