常連

アットウィキ(@WIKI)に毎日自動投稿するbotを作成しております。
極力Puppeteerは使いたくないので、もしHTTPベースのAPI(Livedoor blogにおけるAtomPub的な)が公式から提供されていればそちらを利用したいのですが、探し方が下手なのかググっても見つけられませんでした。
そのようなAPIがあればURLを教えて頂けますか？
大変お手数ですがよろしくお願い致します。

アットウィキ(@WIKI)のAPIってありますか？

## ■質問

APIサイトとは何でしょうか？
テスト試験で使用するGUIベースのものです。


## ■背景

駆け出しの開発エンジニアです。
最近大手の大規模システム開発に従事しているのですが、
そんな中「APIサイト」なるものをテスト試験で使用しています。
GUIベースのサイトです。
「API」はざっくりと理解しています。
「アプリケーションとアプリケーションを繋ぐ部分の仕様」という
ようなざっくりとした理解ですが、この私の「API」のイメージと
実際今使用している「APIサイト」が噛み合いません。
そもそも「API」はCUIで、目に見えないのになんで？という感じです。

## ■結論

一般論として「APIサイト」なるものはあるのでしょうか？
それともこの現場だけなのでしょうか？
もし一般的にあるのでしたら、一般論を教えて頂きたいです。

APIサイトとは何でしょうか？

### 実現したいこと

YahooApiを使ってキーワードをSystem.out.printlnでコンソールに提示したい
API:https://jlp.yahooapis.jp/KeyphraseService/V2/extract

### 前提
作ったプログラムでこのようにリクエストしているのが、このりくえすとはそもそもあっているのか。
Request{method=POST, url=https://jlp.yahooapis.jp/KeyphraseService/V2/extract, tag=null}

最近ＳＥ業界に入ったのでそもそも仕組みがわからない。

Web画面には、
タイプ ステータスレポート

メッセージ HTTPのGETメソッドは、このURLではサポートされていません。

説明 リクエストラインで受信されたメソッドは、オリジンサーバーによって認識されますが、ターゲットリソースによってサポートされていません。

### 発生している問題・エラーメッセージ

```
Web画面
タイプ ステータスレポート

メッセージ HTTPのGETメソッドは、このURLではサポートされていません。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
コンソール
Request{method=POST, url=https://jlp.yahooapis.jp/KeyphraseService/V2/extract, tag=null}
failed

```

説明 リクエストラインで受信されたメソッドは、オリジンサーバーによって認識されますが、ターゲットリソースによってサポートされていません。




### 試したこと

postリクエストはできているが成功していない。
Request{method=POST, url=https://jlp.yahooapis.jp/KeyphraseService/V2/extract, tag=null}
とコンソールにでてくる。

ただ、サーブレットのdoGetをdoPostに帰ると、エラーメッセージでこのGetメソッドは許されていませんと出る。また、レスポンスがうまく帰ってきていない。


elseで、System.out.println("failed");を書いたら、コンソールにfailedとなっていた。

 try (
        		Response httpResponse = client.newCall(httpRequest).execute()) {
            // レスポンスの処理
            if (httpResponse.isSuccessful()) {
                String responseBody = httpResponse.body().string();
                //サーブレットのレスポンスに対して、取得したJSON形式のレスポンスボディを抽出
                response.getWriter().println("Response: " + responseBody);
                System.out.println("Success");
                System.out.println(responseBody);
            } else {
                response.getWriter().println("Request failed with code: " + httpResponse.code());
                System.out.println("failed");

### 補足情報（FW/ツールのバージョンなど）
サーブレットで作っているが、サーブレットとjspで作ってポストリクエスト、ポストでJSONが返ってくるようにしたほうがいい？そもそも方針を変えたほうがいいのか。お願いします。


### 該当のソースコード
``````java
コード
```
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import okhttp3.MediaType;
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.RequestBody;
import okhttp3.Response;

@WebServlet("/YahooTestDemo")
public class YahooTestDemo extends HttpServlet {
    private static final long serialVersionUID = 1L;

    public YahooTestDemo() {
        super();
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html; charset=UTF-8");

        // JSONデータ
        String json =
    	        "{\r\n"
    	        + "  \"id\": \"dj00aiZpPTlFbHhqcnVzRWk3byZzPWNvbnN1bWVyc2VjcmV0Jng9N2M-\",\r\n"
    	        + "  \"jsonrpc\" : \"2.0\",\r\n"
    	        + "  \"method\" : \"jlp.keyphraseservice.extract\",\r\n"
    	        + "  \"params\" : {\r\n"
    	        + "    \"q\" : \"東京ミッドタウンから国立新美術館まで歩いて5分で着きます。\"\r\n"
    	        + "  }\r\n"
    	        + "}";
  //      System.out.println(json);
        // メディアタイプとリクエストボディの作成
        MediaType mediaType = MediaType.parse("application/json; charset=utf-8");
        RequestBody requestBody = RequestBody.create(mediaType, json);
        // リクエストの作成
        
        //ここでPOSTリクエストしている。
        Request httpRequest = new Request.Builder()
                .url("https://jlp.yahooapis.jp/KeyphraseService/V2/extract")
                .post(requestBody)//POSTに設定している。
                .build();
        
        System.out.println(httpRequest);
        System.out.println(requestBody);

        // OkHttpClientを使用してリクエストを送信
       
        
        OkHttpClient client = new OkHttpClient();
        try (
        		Response httpResponse = client.newCall(httpRequest).execute()) {
            // レスポンスの処理
            if (httpResponse.isSuccessful()) {
                String responseBody = httpResponse.body().string();
                //サーブレットのレスポンスに対して、取得したJSON形式のレスポンスボディを抽出
                response.getWriter().println("Response: " + responseBody);
                System.out.println("Success");
                System.out.println(responseBody);
            } else {
                response.getWriter().println("Request failed with code: " + httpResponse.code());
                System.out.println("failed");
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

```



YahooApiを使ってキーワードをSystem.out.printlnでコンソールに提示したい

### 実現したいこと

○Webアプリケーション
フロントエンドとバックエンド間の通信で
バックエンドの通信をクライアントから受け付けたくない

Firewallの設定で，バックエンドサーバーの受け先をフロントエンドのIP（ドメイン）のみにしたい。

### 前提

○フロントエンド
　React + typescript
　使用しているhttp通信用ライブラリ：Axios
　入力された内容をJsonにしてhttp通信でバックエンドに送る処理をしています。

○バックエンド
　fastApi + uvicorn + nginx
　POSTされた情報をDBに書き込む処理をしています。


### 発生している問題・エラーメッセージ

閲覧いただきありがとうございます。

現在開発しているウェブアプリケーションでは
セキュリティを重視したく，できるだけネットワーク周りに制限をかけたいと考えています。

私の想定だと，フロントエンドに入力された内容をバックエンドに送信するとき。
フロントエンド側のサーバーから（IPから）バックエンド側のサーバーに，入力された内容を飛ばす想定でしたが
バックエンド側の通信を見ると，クライアント機（フロントエンドにアクセスしている端末）から
バックエンドに通信をしていました。

ここで私がお伺いしたいのは
Reactを使う以上，この仕様は避けられないのでしょうか。

また，何か良い対策や解決方法があればご教示いただけますと幸いです。

### 該当のソースコード
※関係なさそうなところは削除しております
　また，一部値を書き換えております。

フロントエンド
```ts
 const sendInfo = async () => {
        await axios
            .post(
                API_URI + "URL",
                JSON.stringify({
                    id: location.state.id,
                }),
                {
                    headers: {
                        "Content-Type": "application/json",
                    },
                }
            )
            .then((res) => {
                localStorage.setItem('display', 'ok')
                navigate("/succsess")
            })
            .catch((error) => {
                console.log(error);
            });
    };
```


バックエンド
```python
import sys
import smtplib
from email.mime.text import MIMEText
from fastapi import FastAPI
from starlette.middleware.cors import CORSMiddleware
from pydantic import BaseModel
from dotenv import load_dotenv

load_dotenv()

class inPut(BaseModel):
    id: number

app = FastAPI()

app.add_middleware(
    CORSMiddleware,
    allow_origins=["*"],
    allow_credentials=True,
    allow_methods=["*"],
    allow_headers=["*"],
    expose_headers=["Content-Disposition"]
)

@app.post("/URL")
async def kansu(input: Input):
※処理

uvicorn.run("index:app", host="0.0.0.0", port=18008, ssl_keyfile="./cert/server-privatekey.pem", ssl_certfile="./cert/server-crt.pem")
```


### 試したこと

バックエンドのNginxに
allow フロントエンドIP
deny all
としたところ，今回の問題が発生しました。

### 補足情報（FW/ツールのバージョンなど）

フロントエンド
Xserver

バックエンド
社内仮想サーバー（Almalinux9）

Reactからのhttp通信は，クライアント機（ユーザー）のIPを使用するのでしょうか。

### Python3.11 + flaskでAPIサーバを立てたい

目標 : flaskのドキュメントのコードを動作させたい
https://flask-jwt-extended.readthedocs.io/en/stable/basic_usage/

### 環境

Windows11
Python3.11.3


### 発生している問題
localhost:5000/にアクセス時はコード200が取得できるが
localhost:5000/loginの際には400エラーが返ってきてしまう

```
"POST /login HTTP/1.1" 400 -
```

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

```ここに言語名を入力
from flask import Flask
from flask import jsonify
from flask import request

from flask_jwt_extended import create_access_token
from flask_jwt_extended import get_jwt_identity
from flask_jwt_extended import jwt_required
from flask_jwt_extended import JWTManager

app = Flask(__name__)

app.config["JWT_SECRET_KEY"] = "super-secret" 
jwt = JWTManager(app)


@app.route("/login", methods=["POST"])
def login():
    username = request.json.get("username", None)
    password = request.json.get("password", None)
    if username != "test" or password != "test":
        return jsonify({"msg": "Bad username or password"}), 401

    access_token = create_access_token(identity=username)
    return jsonify(access_token=access_token)

@app.route("/protected", methods=["GET"])
@jwt_required()
def protected():
    current_user = get_jwt_identity()
    return jsonify(logged_in_as=current_user), 200


if __name__ == "__main__":
    app.run()
```

### 試したこと
login/アクセス時に単一のレスポンスを返すのは成功しました。


### 補足情報（FW/ツールのバージョンなど）
Talend Api Tester



Python3.11 + flaskでAPIサーバを立てたい

### 実現したいこと
PHPのAPIをエラーなしで動かせるようにする

### 前提
PHPで郵便番号検索API(http://zipcloud.ibsnet.co.jp/doc/api) の呼び出しのプログラムを作成しています。GETメソッドを用い、HTML上に入力した郵便番号の詳細が出てくるようなものです。
ローカル上での確認を、XAMPPを用いて行っている感じです。

### 発生している問題・エラーメッセージ
URLを直接打ち込んでアクセスすることは可能でした。ただ、0から始まる郵便番号を打ち込んだ際、最初の0が認識されず、6文字になるというエラーが発生しました。

以下はサイト上に表示されたエラー文です。

array(3) { ["message"]=> string(60) "パラメータ「郵便番号」の桁数が不正です。" ["results"]=> NULL ["status"]=> int(400) }

### 該当のソースコード
HTMLはapi2.html, PHPはapi2.phpというファイル名です。

```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>郵便番号サンプル</title>
</head>
<body>
    <form action="api2.php" method="get">
        <p>
            <label>郵便番号:</label>
            <input type="text" name="zip">
        </p>
        <p class="button">
            <input type="submit" value="送信する">
        </p>
    </form>
</body>
</html>
```
 
```PHP 
<?php
$url = "https://zipcloud.ibsnet.co.jp/api/search?zipcode=" . (int) $_GET['zip'];
$response = file_get_contents($url);
$response = json_decode($response, true);
var_dump($response);
```

### 試したこと

郵便番号の桁数のや、実際に送られたデータの内容の確認

### 補足情報（FW/ツールのバージョンなど）
XAMPP Control Panelのバージョンは3.3.0です。



PHPでAPIを動かそうとすると、与えたデータが不正と言われました。

### 実現したいこと

- [ ] Macのローカル環境でGithubプロジェクト【stable-diffusion-API】を実行しを動作するようにする
- [ ] ターミナルから指定のプロジェクトを実行し、Webブラウザにアクセスしたら生成された画像が表示されるようにする

### 質問内容

皆さん、こんにちは。

最近、私はStability AIのSDKを使用したプロジェクトに取り組んでいます。このプロジェクトは、Stability AIのSDKを用いて、テキストプロンプトに基づいた画像を生成することを目指しています。

しかし、プロジェクトをローカル環境で実行しようとすると、何度試してもうまくいきません。そこで、皆さんの助けを借りて、私の手順に何か問題があるのか、それとも他の要因が関与しているのかを解明したいと思います。

以下に、私がこれまでに試した手順を記載します：

Githubから[Stable Diffusion API](https://github.com/silverbirder/stable-diffusion-API.git)をクローンしました。
Stability AIのウェブサイトからAPIキーを取得し、.envファイルに保存しました。
Pythonの仮想環境を作成し、プロジェクトの依存関係をインストールしました。
flask runを実行してサーバーを起動し、http://127.0.0.1:5000/?prompt=bird にアクセスしました。
しかし、このURLにアクセスすると、内部サーバーエラーが表示されます。また、ターミナルのログには、status = StatusCode.INVALID_ARGUMENT details = "must provide image parameters" というエラーメッセージが表示されます。

SDKのドキュメンテーションを参照し、さまざまな解決策を試しましたが、うまくいきませんでした。

この問題について知識のある方がいらっしゃいましたら、ご教示いただけると幸いです。また、他の方が同じ手順を試し、同じ問題が発生するかどうかを確認していただけると大変助かります。

よろしくお願いいたします。

Stability AI SDKを使用したプロジェクトがローカル環境で正常に動作しない

現在フロントの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);
});
```