常連

現在フロントの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を叩けない

### 実現したいこと
商品販売にヤフオクとメルカリを利用しています。一点物の出品をしたいのですが、片方のサイトで売れた場合に他方のサイトの在庫を0(売り切れ)にする仕組みを、API連携等を駆使して自動化可能でしょうか？
ちなみにヤフオクはストアではなく、メルカリはshopsではございません。
有識者の方、ご意見頂戴できますと幸いです。

### 発生している問題・分からないこと
実装のための最適なツールを教えてください。
そもそも可能なのかどうかも判断ができません。



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

```
特になし
```

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

##### 上記の詳細・結果
既存のクラウドシステムはあるようですが、可能な限り自力で実装したいです。今後のカスタマイズも見据えたいため。

### 補足
特になし

ヤフオクとメルカリの在庫連動をしたい

```
require 'open-uri'
require 'json'

# 指定したURLのFacebookいいね数を取得するクラス
class FbShareCounter
# FacebookグラフAPIのURL
BASE_URL = 'http://graph.facebook.com/?id='

# target_urlにいいね数をカウントする対象URLを指定
def initialize(target_url)
@request_url = BASE_URL + target_url
end

def count
# グラフAPIにアクセス
response = open(@request_url).read

# テキストをハッシュに変換
hash = JSON.parse(response)

# いいね数を取得
hash['share']['share_count']
end
end

counter = FbShareCounter.new('http://gihyo.jp')
p counter.count
```
というソースコードで、コマンドプロンプトで実行した結果、
```
C:/samples/samples/09_03/like_counter.rb:16:in `initialize': Invalid argument @ rb_sysopen - http://graph.facebook.com/?id=http://gihyo.jp (Errno::EINVAL)
from C:/samples/samples/09_03/like_counter.rb:16:in `open'
from C:/samples/samples/09_03/like_counter.rb:16:in `count'
from C:/samples/samples/09_03/like_counter.rb:27:in `<main>'
```
という結果が帰ってくるのですが、なぜでしょうか？
それで、解決したいことは、プログラムを修正して、いいね数を取得したいのです。
教えていただけると幸いです。よろしくお願いします。


ルビー いいね数を取得したい

### 実現したいこと
ネットショップの開発などに詳しい方に質問です。 下記の機能が備わっているネットショップを作りたいと考えてます。

実現可能でしょうか？ 

■欲しい機能1 Amazon欲しい物リストに登録している商品を自動で別のネットショップに商品登録していく機能 画像、説明文は個別のAmazonページから取得。

値段設定も自動で行う、価格はamazon内で出品されてる新品の商品の◯％上乗せした金額で値付けを行う 
※◯％の部分はこちらで設定できるようにする

 ■欲しい機能2
 在庫管理と値段の自動設定 例えばAとういう商品を出品時の2倍で出品していたとします。 

Amazonで5000円、別のネットショップで10000円で販売していたとする。
 Amazonでこの商品の在庫が減って、最安値12000円しか無い場合、別のネットショップで24000円になるよう自動で価格調整する機能 要は赤字にならない様自動で価格調整してくれる機能です。

 ・監視中の商品の在庫が0になった場合は別のネットショップでも出品自体取り消す機能

 ・在庫が復活すればまた新品価格の◯％で自動販売する機能 BASEやショッピファイでもAPIが使用できるようなのですが、上記の機能を拡張した状態で運用できたりしないでしょうか？
 ネットショップ自体はどこでも良いです。

 HTMLやらCSSやらさっぱり…というより見るのも嫌なくらい苦手なので、1からネットショップを作る…というのは考えてません。

### 発生している問題・分からないこと
1からネットショップを立ち上げるしか選択肢が無いのか、ECショップのAPIを利用することで実現出来るのか知りたい



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

```
特になし
```

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

##### 上記の詳細・結果
Amazonのデザインが変わるとツールが動作しなくなる可能性はあるみたいですが、本当ですか？

### 補足
特になし

APIを利用したネットショップを作りたい

### 実現したいこと

LINEに”お友だち登録ありがとうございます！”の文字を入力した場合にGASが発動し、LINEへflexmessageが出る。flexmessageのアンケートに答えると選択したものによって返答を変えたい
・できている事
　AでもBでもどれを選択してもご回答ありがとうございます。登録しましたと出る
```GAS
function handlePostback(e) {
  const postbackData = e.postback.data;
  if (["A", "B", "C", "D", "E", "全部"].includes(postbackData)) {
    const cells = sheet.createTextFinder(e.source.userId).findAll();
    if (cells.length == 0) {
      sheet.appendRow([e.source.userId, postbackData]);
    } else {
      cells[0].offset(0, 1).setValue(postbackData);
    }
    replyToLine(e.replyToken, { type: "text", text: "ご回答ありがとうございます。登録しました。" });
  }
}
```
・できていない事
Aを選択したときは、Aに対する回答、Bを選択した際はBに関する回答にしたい


### 発生している問題・分からないこと
分岐のcodeがわからない


### 該当のソースコード
Bを選択の時は違う回答をするcodeを記入した
```GAS
function handlePostback(e) {
  const postbackData = e.postback.data;
  if (postbackData === "B") {
    replyToLine(e.replyToken, {
      type: "text",
      text: "ご回答ありがとうございます。\n Bで登録しました。\nこれからBのお知らせを配信しますね。",
      emojis: [
        { index: 15, productId: "5ac1bfd5040ab15980c9b435", emojiId: "038" },
        { index: 27, productId: "5ac1bfd5040ab15980c9b435", emojiId: "044" },
        { index: 46, productId: "5ac1bfd5040ab15980c9b435", emojiId: "047" },
        { index: 58, productId: "5ac1bfd5040ab15980c9b435", emojiId: "056" }
      ]
    });
  } else if (["A", "C", "D", "E", "全部"].includes(postbackData)) {
    const cells = sheet.createTextFinder(e.source.userId).findAll();
    if (cells.length == 0) {
      sheet.appendRow([e.source.userId, postbackData]);
    } else {
      cells[0].offset(0, 1).setValue(postbackData);
    }
    replyToLine(e.replyToken, { type: "text", text: "ご回答ありがとうございます。登録しました。" });
  }
}
```

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

##### 上記の詳細・結果
codeをBを選択した場合のみ違う回答が出るcodeを組んだが、結果Bを選択した場合のみ回答が出なくなった他、AやCを選択した場合は従来通りのご回答ありがとうございます。登録しました。の文字が出る

LINE にflexmessageを返信したい

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 の文字化け

### 実現したいこと
MONO-XのAPIBRIDGEのクライアント機能を利用して、BASIC認証のAPI実行したいです。
どのように設定すれば出来るか教えて下さい。

### 発生している問題・分からないこと
API-bridgeでのbasic認証のAPIを実行する際の設定方法がわかりません。HEADER情報に下記のように設定しましたが、上手くいきません。
key Authorize
value basic ユーザ名:パスワード
ユーザ名とパスワード部分はbase64でエンコード



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

```
特になし
```

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

##### 上記の詳細・結果
Googleやteratail等で調べたが、それに該当する記事はありませんでした。

### 補足
特になし

API-bridgeでのbasic認証のやり方

### 疑問

- 「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）