第2回目の記事では、REST API標準的なデータフォーマット「JSON」について書きました。今回は、REST API からデータを取得するための機能「Fetch API」について記述します。 Fetch APIとは Web API を利用するためには、APIのエンドポイントへリクエストを送り ...

前回の記事では、REST API の基本的な概念と、APIから取得できるJSON(ジェイソン)について触れました。今回は、JSONについて詳しく記述します。 JSONとは JSONとは「JavaScript Object Notation」の略称です。名称に「JavaScript」が含まれていますが、JavaScript に限らず ...

W3Cで標準化が進められている「File API」を使うと、指定したローカルファイルのファイル情報やファイルの中身（データ）をJavaScriptで取得できます。今回のJavaScriptラボはこのFile APIを使って、ブラウザー上にファイルの内容を表示してみましょう。テキスト ...

いよいよ、JavaScriptを使ってAPIから天気データを取得する処理を実装しよう。画面への表示は後回しにして、まずは取得したデータをWebブラウザのコンソールに表示するところから始めてみる。Copilot Chatには次のように指示をしてコードを書いてもらう。

「Node.js」の新しいメジャーバージョン「Node.js 18」が、4月19日にリリースされた。JavaScriptエンジン「V8」がv10.1へアップデートされるなど、さまざまな機能強化が施されている。 指定したURLのコンテンツを取得する「fetch()」関数が、グローバルスコープで ...

JavaScriptでWebサイトやアプリの開発をしている時に、ふと「ブラウザでこんなことできるのかな？」と思って調べることはないでしょうか。例えば、ブラウザ内にデータを保存したい場合には、「Web Storage/localStorage」というAPIが使えますし、アプリの利用者が ...

Last week we created a textured paper canvas and got a healthy dose of the P5 API and JavaScript’s Math.random() function. This week, we’re going to look at a specific element of watercolor to see if ...