常連

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

### 実現したいこと
gemini apiとdiscord.pyを使って、discordでボットにスラッシュコマンドで質問するとgeminiの答えをボット側から返答さるようにさせたいです。


### 発生している問題・分からないこと
/qというスラッシュコマンドを入力するとボットが反応してくれるはずが、何も反応してくれません。

そもそもdiscord側から/qコマンドが認識されていないようで、"/q"と入力欄に書いても、そもそも候補に/qコマンドが出てくれません。

ボット側のOAuth2の、Scopesには、bot、applications.commandsを、
Bot Permissionsはsend messages、view channels、read message historyを有効化していますが、
ボットが参加しているサーバーの設定内の連帯サービス、参加しているボットの項目から、”このアプリケーションにはコマンドがありません。”と表示されてしまいます。

botとコードは連携できていて、ボットはオンライン状態になっているのですが…

### エラーメッセージ
```error
2025-05-10 21:04:39 INFO     discord.client logging in using static token
2025-05-10 21:04:41 INFO     discord.gateway Shard ID None has connected to Gateway (Session ID: 見せられません).
特にエラーは起きていません。
```

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

```python3
import discord
from discord import app_commands
from google import genai
import os
from dotenv import load_dotenv

load_dotenv(dotenv_path=rf"※ファイルの場所です。", verbose=True)

DISCORD_BOT_TOKEN = os.getenv("DISCORD_BOT_TOKEN")
GEMINI_API_KEY = os.getenv("GEMINI_API_KEY")
DISCORD_GUILD_ID = os.getenv("DISCORD_GUILD_ID")

genai_client = genai.Client(api_key=GEMINI_API_KEY)

# Discordボットのセットアップ
intents = discord.Intents.default()
bot = discord.Client(intents=intents)
tree = app_commands.CommandTree(bot)

# スラッシュコマンドの定義
@tree.command(name="q", description="botに質問する")
async def ask_gemini(interaction: discord.Interaction, query: str):
    try:
        response = genai_client.models.generate_content(model="gemini-pro", contents=query)
        answer = response.text
        await interaction.response.send_message(answer)
    except Exception as e:
        await interaction.response.send_message(f"エラーが発生しました: {str(e)}")

bot.run(DISCORD_BOT_TOKEN)
```

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

##### 上記の詳細・結果
grokなどに聞きながら治そうとしているのですがダメです。

### 補足
DISCORD_BOT_TOKEN、GEMINI_API_KEY、DISCORD_GUILD_ID は別のenvファイルに保存してあります。



【python3】gemini apiを使って作成したdiscordのボットがスラッシュコマンドで反応してくれない

### 疑問

- 「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 の文字化け

```
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>'
```
という結果が帰ってくるのですが、なぜでしょうか？
それで、解決したいことは、プログラムを修正して、いいね数を取得したいのです。
教えていただけると幸いです。よろしくお願いします。


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


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

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

って話です

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

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

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



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

```
特になし
```

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

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

### 補足
特になし

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

### 実現したいこと
私のサービスのポートを8080から80に変更してください。

### 発生している問題・分からないこと
8080から80にポートを変更しようとしましたが、うまくいかないようです…デバッグにはEchoAPIを使いましたが、うまくいきませんでした。Thunder ClientやPostmanも試しましたが、ダメでした。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-10-29/e573ad6d-411e-45f1-a5dd-10d02dfe4a2f.png)

Did I not change it correctly, or am I using the tools wrong?

### エラーメッセージ
```error
action：
liutianyu@MacBook-Pro ~ % /Users/liutianyu/Downloads/frank
port=80
but:
Server is running on
0.0.0.0:8080
```

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

```
特になし
```

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

##### 上記の詳細・結果
「port = 80」を試しましたが、調整時にはまだ8080が必要です。

### 補足
特になし