常連

### 実現したいこと
あるサービスから作成しているサービスにリアルタイムでデータを送信する仕組みを検討しています。調査するとWebhookやAPIといった用語が出てきたのですが、それぞれの違いや使い分けがよく分かりません。

### 発生している問題・分からないこと
WebhookとAPIの違いやそれらの具体的な使い方がイマイチ理解できません。
どういったものでどのようにして利用するのか、また何が違うのかを教えていただけると助かります。



### 該当のソースコード

```
特になし
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
googleやqiitaで調べてみたのですが、webhookもAPIもサービスにアクセスして情報を取得するために使用するということしか分からず、何が違うのかが理解できませんでした。

### 補足
特になし

Webhookとはなんですか？APIとの違いも教えてください！

### 実現したいこと
以下APIテストフォーム 楽天トラベル空室検索APIから緯度経度をパラメータとしてjsonデータを取得したい
https://webservice.rakuten.co.jp/explorer/api

### 発生している問題・分からないこと
緯度経度をパラメータとしてデータを取得したいのですが、データが取得出来ません。
区分コードをパラメータにした場合だと正常にデータが取得出来たのでキーの問題ではないと思われます。

指定したパラメータは以下です。(緯度経度は東京駅のものです)
・checkinDate=2025-08-15
・checkoutDate＝2025-08-16
・latitude＝35.68143052856849
・longitude＝139.76447935220222
・searchRadius＝1
・datumType=1
・searchRadius＝3

### エラーメッセージ
```error
{
  "error_description": "Data Not Found",
  "error": "not_found"
}
```

### 該当のソースコード

```
特になし
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
同じ方法でデータを取得出来ている人のブログ等を見て同じように試しましたがエラーとなりデータが取得できませんでした。

### 補足
特になし

楽天トラベルAPIからデータが取得出来ない

現在フロントのHTMLからAPIを叩いてメールを送信しようとしています。
しかし、送信ボタンを押すと下記のようなエラーがコンソールに出力されます
`Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.`

このエラーをググったところ今いるURLから他のURLにリクエストを送ることができないようになっていると書かれてありました
そのためこれを回避するために下記のようのコードを書いたのですが、どうもエラーが解消されません。
どのように書いたらAPIを叩けるのか教えていただきたいです。

```JS
const button = document.getElementById("button");
button.addEventListener("click", function(e) {

    e.preventDefault();

    const name = document.getElementById('name').value;
    const subName = document.getElementById('subName').value;
    const companyName = document.getElementById('companyName').value;
    const pref_name = document.getElementById('pref_name').value;
    const location = document.getElementById('location').value;
    const companyLocation = document.getElementById('companyLocation').value;
    const tellNumber = document.getElementById('tellNumber').value;
    const mailAddress = document.getElementById('mailAddress').value;
    const question = document.getElementById('question').value;

    function sendmail(subject, body) {
        return fetch('MY-API', {
            method: 'POST',
            mode: 'cors',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({ subject, body })
        }).then(onLoadFunc);
    }
    sendmail(name,subName,companyName,pref_name,location,companyLocation,tellNumber,mailAddress,question);
});
```

CORSでJSからAPIを叩けない

### 疑問

- 「APIサーバ」という言葉はあるのか
- 「APサーバ」と「APIサーバ」の違いは何か
- APIサーバ ⊂ APサーバ ？

APIサーバという言葉を見かけたのは「LaravelをDBとの接続/Web APIの公開のみに特化させ、フロントエンドは全てVue.jsが担う」という文脈の中で、Laravelに対して使われていました。
Web APIを公開するためだけのサーバという意味で使われているのかなと思ったのですが、調べているうちにAPサーバという言葉も出てきて混乱しています。

APサーバーの説明の中に「別のアプリケーションの処理内容（ビジネスロジック）を実装・実行するためのミドルウェア」とあったのですが、APIとはこのビジネスロジックに該当する部分になるのでしょうか。

質問文中に用語の使い方がおかしい箇所があれば、併せてご指摘頂ければありがたいです。

### 調べたことのまとめ（ほぼコピペ）

#### API（Application Programming Interface）とは

> APIとは、あるコンピュータプログラム（ソフトウェア）の機能や管理するデータなどを、外部の他のプログラムから呼び出して利用するための手順やデータ形式などを定めた規約のこと。
[出典](http://e-words.jp/w/API.html)

#### Web APIとは

> Web APIとは、コンピュータプログラムの提供する機能を外部の別のプログラムから呼び出して利用するための手順・規約（API：Application Programming Interface）の類型の一つで、HTTPなどWebの技術を用いて構築されたもののこと。
[出典](http://e-words.jp/w/Web_API.html)

#### APサーバとは

> Webアプリケーションサーバとは、Webアプリケーションを構成するサーバ側のプログラムの実行環境を提供するソフトウェア。3階層システムの中間層で、個別のアプリケーションの処理内容（ビジネスロジック）を実装・実行するためのミドルウェアを指す。
[出典](http://e-words.jp/w/Web%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%B5%E3%83%BC%E3%83%90.html)

WEBサーバー - WEBアプリケーションサーバ（APサーバ） - DBMS（データベース管理システム）

### 触ったことがある言語

PHP（Laravel）
JavaScript（Vue.js）

APサーバとAPIサーバ？の違い

AppleAPIを使ってアルバムの情報を取得したい

applemusicAPIを使っているのですが、リクエストができません。
入力した情報が文字化けします
### 発生している問題・エラーメッセージ

```
search(term:completion:) URL Session Task Failed unacceptableStatusCode(400)
```

### 該当のソースコード

```swift
import UIKit

enum ResponseError: Error {
    case invalidResponse(URLResponse?)
    case unacceptableStatusCode(Int)
}

class APIClient {
    
    static let imageCache: NSCache<NSString, UIImage> = {
        let cache = NSCache<NSString, UIImage>()
        cache.name = "APIClientImage"
        cache.countLimit = 20
        cache.totalCostLimit = 10 * 1024 * 1024
        return cache
    }()
    
    static let developerToken =  "ディベロッパートークン"
    
    static let countryCode = "jp"
    
    func search(term: String, completion: @escaping (SearchResult?) -> Swift.Void) {
        let completionOnMain: (SearchResult?) -> Void = { searchResult in
            DispatchQueue.main.async {
                completion(searchResult)
            }
        }
        
        guard var components = URLComponents(string: "https://api.music.apple.com/v1/catalog/jp/search") else { return }
        let expectedTerms = term.replacingOccurrences(of: "", with: "+")
        let urlParameters = ["term": expectedTerms,
                             "limit": "40",
                             "types": "artists,albums"]
        var queryItems = [URLQueryItem]()
        for (key, value) in urlParameters {
            queryItems.append(URLQueryItem(name: key, value: value))
        }
        components.queryItems = queryItems
        
        print(components.url!)
        
        var request = URLRequest(url: components.url!)
        request.httpMethod = "GET"
        request.setValue("Bearer (APIClient.developerToken)",
            forHTTPHeaderField: "Authorization")
        
        data(with: request) { data, error -> Void in
            guard error == nil else {
                print(#function, "URL Session Task Failed", error!)
                completionOnMain(nil)
                return
            }
            
            guard let searchResult = try? JSONDecoder().decode(SearchResult.self, from: data!) else {
                print(#function, "JSON Decode Failed");
                completionOnMain(nil)
                return
            }
            completionOnMain(searchResult)
        }
    }
    
    func album(id: String, completion: @escaping (Resource?) -> Swift.Void) {
        let completionOnMain: (Resource?) -> Void = { resource in
            DispatchQueue.main.async {
                completion(resource)
            }
        }
        
        guard let url = URL(string: "https://api.music.apple.com/v1/catalog/jp/albums/(id)") else { return }
        
        var request = URLRequest(url: url)
        request.httpMethod = "GET"
        request.addValue("Bearer (APIClient.developerToken)",
            forHTTPHeaderField: "Authorization")
        
        data(with: request) { data, error -> Void in
            guard error == nil else {
                print(#function, "URL Session Task Failed", error!)
                completionOnMain(nil)
                return
            }
            
            guard let jsonData = try? JSONSerialization.jsonObject(with: data!),
                let dictionary = jsonData as? [String: Any],
                let dataArray = dictionary["data"] as? [[String: Any]],
                let albumDictionary = dataArray.first,
                let albumData = try? JSONSerialization.data(withJSONObject: albumDictionary),
                let album = try? JSONDecoder().decode(Resource.self, from: albumData) else {
                    print(#function, "JSON Decode Failed");
                    completionOnMain(nil)
                    return
            }
            completionOnMain(album)
        }
    }
    
    func image(url: URL, completion: @escaping ((UIImage?) -> Void)) {
        let completionOnMain: (UIImage?) -> Void = { image in
            DispatchQueue.main.async {
                completion(image)
            }
        }
        
        if let image = APIClient.imageCache.object(forKey: url.absoluteString as NSString) {
            print(#function, "image is Cacheed");
            completion(image)
            return
        }
        
        data(with: URLRequest(url: url)) { data, error -> Void in
            guard error == nil else {
                print(#function, "URL Session Task Failed", error!)
                completionOnMain(nil)
                return
            }
            
            if let image = UIImage(data: data!) {
                APIClient.imageCache.setObject(image, forKey: url.absoluteString as NSString)
                completionOnMain(image)
            } else {
                print(#function, "image convert Failed");
                completionOnMain(nil)
            }
        }
    }
}

extension APIClient {
    func data(with request: URLRequest, completion: @escaping (Data?, Error?) -> Swift.Void) {
        let task = URLSession.shared.dataTask(with: request) { data, response, error -> Void in
            guard error == nil else {
                completion(nil, error)
                return
            }
            
            guard let httpResponse = response as? HTTPURLResponse else {
                completion(nil, ResponseError.invalidResponse(response))
                return
            }
            
            guard (200..<300).contains(httpResponse.statusCode) else {
                completion(nil, ResponseError.unacceptableStatusCode(httpResponse.statusCode))
                return
            }
            
            completion(data, nil)
        }
        task.resume()
    }
}

```

### 試したこと

いろいろ調べたり、しましたが、解決の糸口さえ見つかりません。。。。。

Swift Applemusic API の文字化け


APIの恩恵を受けたプログラム開発についてです
APIがなければ何もできない、
しかし、そのAPIがあれば羽ばたけることを前提とし、
API開発者でもない、言わせてもらえば
おこぼれを貰った形でも第三者にドヤることはできるのでしょうか
API自体を作った人間はスゴイと思いますが
それありきで自分は派生させてこんなものを作ったといって
それは0から1を生んだ人間ではないと思うのですが、
この業界でそれはスゴイうちに入るのでしょうか？

ものすごい極論を書きますと
ChatGPTを使って素晴らしいアプリを作りました
↓
いやでもChatGPT自体を作ったわけじゃないよね？

って話です

APIの恩恵を受けたプログラム開発

表題の件ですが、
外部サーバーから個人情報を参照・更新するAPIがあって、
リクエストのパラメーターをセットして投げたり、
レスポンスを受け取ってその情報を加工したりしたいのですが、
具体的なJavaの実装についてお伺いしたいです。

また、ローカル環境でテストするときに
XMLのスタブを作りたいです。
どう作って、どう設置すればよいでしょうか？

【登場人物】
★こちらのサーバー
・アクション：/getPersonalInfo

★API
・外部接続先URL：http://www.XXXXXXXXX.xxx/
・サービス名：servPersonalInfo
・リクエストパラメータ：request1, request2, request3・・・
・レスポンスパラメーター：response1, response2, response3・・・

★向こうの個人情報基盤
・氏名
・電話番号
・住所

アクションのgetPersonalInfoメソッドの内は、
具体的にどのようなコーディングになるのでしょうか？

外部サーバーへの接続する際に、メソッドはこれを使うとか、
帰ってきたレスポンスのXMLの中身のプロパティを取得するメソッドはこれを使うとか、
分からないです。

そもそも、
登場人物や懸念事項がよく分かってないので、
精査も兼ねつつお願いしたいです。m(_ _)m

外部API連携について　リクエストの投げ方　レスポンスの受け取り方　接続方法　スタブの作成の仕方 Java XML json

### Composerの使い方について 

最近PHPを学び始めた者です。SpotifyのAPIを使って、プレイリスト編集・作成などのアクティビティをタイムライン形式で表示させるWebアプリを作りたいと思っています。

[こちらからライブラリをインストールしました。](https://github.com/jwilsson/spotify-web-api-php)


こちらの[スタートガイド](https://github.com/jwilsson/spotify-web-api-php/blob/master/docs/getting-started.md)には、Composerの使用を想定していると書かれていたため、Composerをインストールし、以下のサンプルコードを実行しました。


### ソースコード
```PHP

<?php
require 'vendor/autolaoad.php';

$session = new SpotifyWebAPI\Session(
    'client id', 
    'client secret',
    'redirect uri'
);

$api = new SpotifyWebAPI\SpotifyWebAPI();

if (isset($_GET['code'])) {
    $session->requestAccessToken($_GET['code']);
    $api->setAccessToken($session->getAccessToken());

    print_r($api->me());
    echo "<h1>hello, world</h1>";
    print_r($session->getAccessToken());
    echo "<h1>hello, world</h1>";

} else {
    header('Location: ' . $session->getAuthorizeUrl(array(
        'scope' => array(
          'playlist-read-private', // プレイリスト取得
          'playlist-modify-private', // プレイリスト変更
          'user-read-private',
          'playlist-modify'
        )
    )));
    die();
}

?>
```

### エラーメッセージ
```
Warning: require_once(vendor/autolaoad.php): 
failed to open stream: No such file or directory in C:略~


Fatal error: require_once(): 
Failed opening required 'vendor/autolaoad.php' (include_path='C:\TECHBASE\__WatchOut__\XAMPP\php\PEAR') in 略~
```

### 試したこと
ググってComposerのセットアップの記事をいくつか読み、その通りにセットアップを行いました。コマンドラインにcomposer -vと入力すると、バージョン情報が表示されるので、インストールはできているのだと思います。

vendorディレクトリにある、autoload.phpというファイルがあるのは自分がインストールしたと思っていたところとは全く別のところに存在しているのですが、自分がインストールしたとおもった場所には存在していません。
ダメもとでその全く別の場所にあるvendorフォルダをコピーして持ってきてみましたが、エラーが出てしまいます。

オートロードを使わずに手動でrequireするファイルを指定するとエラーは出ませんでした。これから開発を進めるにあたってオートロードが必要になると思うので、オートロードができるようにしたいです。

初心者でエラーの原因もよくわからず困っています。vendorフォルダを正しくダウンロードできていないのでしょうか。それとも何か設定に不備があるのでしょうか。


ご回答をお待ちしております。