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

はじめまして。freee株式会社でDevRelというロールを担当している、ニックと言います。 ネット上でWebサービスを開発する際に、欠かせない技術の一つが「RESTful API」です。 （以下、本稿では便宜上、REST APIと呼称します） GoogleやAmazonをはじめ ...

10月になって、やっと涼しく・・・というより、今までが暑かった影響か、いきなり寒いくらいになりましたね。 体調など壊されていないでしょうか？ そういえばこの前、ニュースで見たのですが、夏の間に髪の毛に受けたダメージが、この時期に現れて ...

Webシステムの開発効率を高めるにはJavaScriptの習得が不可欠だ。今回はJavaScriptを使った開発を便利にする、前途有望な新しいAPIを紹介していこう。 Webシステムを開発する際に、JavaScriptは欠かせなくなっている。JavaScriptを利用した開発を便利にするのが ...

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

* なぜJavaScriptにAPIキーを直書きしてはいけないのか？ 2. APIキーの安全な管理方法 * 2.1 環境変数を利用する * 2.2 .envファイルを利用する * 2.3 シークレット管理サービスを利用する * 2.4 サーバーサイドでAPIキーを管理し、クライアントにトークンを発行する 3.

Fetch APIはブラウザのJavaScriptを利用してネットワーク越しにデータを取得するための新しい機能です。同様の技術には、XMLHttpRequestがありますが、Fetch APIを使う事で、より柔軟で強力な操作が可能になります。 なお、新しいAPIと言ったのには理由があります。

Blog API and Frontend Application This project is a simple, full-stack blog application featuring a PHP backend with a MySQL database and a pure HTML/JavaScript frontend. It demonstrates basic CRUD ...