常連


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

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

って話です

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

### 実現したいこと
List-Unsubscribeの実装を正しく実装したいです。
他の方がどのように実装しているのか参考までに教えて頂きたいです。

### 発生している問題・分からないこと
メールヘッダーおよびメール本文にワンクリックで配信停止をおこなうリンクの表示はできましたが、
セキュリティソフトがスキャンしたタイミングでリンクを踏んでしまい意図せず配信停止状態になってしまう事象が発生しています。



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

```
特になし
```

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

##### 上記の詳細・結果
最悪の場合、リンク先で確認ボタンを追加し、ワンクッション挟むと回避できると考えていますが、
Gmailのメール送信者のガイドラインに対応できなくなるのではないかとの懸念があります。

### 補足
特になし

プロモーションメールへのList-Unsubscribeの実装方法について

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

### 実現したいこと
表題のとおり、郵便番号と市町村コードの一覧をWebAPIで　取得したいです。

郵便局のWebページは、郵便番号と市町村コードを対にした一覧を　人系操作でCSVダウンロードできる認識です。当方の解釈が間違えなければ　WebAPIではこれが提供されていない認識です。[郵便局](https://zipcloud.ibsnet.co.jp/doc/api)

[PostCodeJp](https://po**ボールドテキスト**stcode-jp.com/)にしても、住所入力を簡易にするために利用できるWebAPIであって、当方が求めるような一覧取得には向いていない（データ種類の違うリクエストを多段階に行わない限り、全国の郵便番号と市町村コードの一覧を取得できない）印象があります。

### 発生している問題・分からないこと
このご時世に　そんなことあるのかな？？　という自分の認識誤りがないかの確認。
及び、実在するようであれば　提供されているWebAPIをご紹介頂きたいです。

欲を言わせてもらうと、多段階のリクエストをせずとも、全国の郵便番号と市町村コードを対にした一覧を取得したいです。



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

```
特になし
```

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

##### 上記の詳細・結果
正直なところ、都合よいのが見当たらない状況です。
本当にそんなことがあるのかな、と自分を疑っており、今回の問合せとなりました。

### 補足
社内で顧客系のマスタ入力作業・UIに　少しでも簡便化を図りたいとの声があり、今回模索しています。別に利益目的でもなんでもないです．．．

郵便番号と市町村コードの一覧を提供されている　WebAPIがあれば　ご紹介ください。

※本件は他サイトでマルチポストしております。([Qiita](https://qiita.com/vanchan2625/questions/eae63bb9899c62e202aa)、[stack overflow](https://stackoverflow.com/questions/78752478/error-when-linking-google-appsheet-with-dify)、[stack overflow 日本語版](https://ja.stackoverflow.com/questions/99762/google-appsheet%e3%81%a8dify%e9%80%a3%e6%90%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6))
他のサイトで回答やヒントなどの情報が得られた場合、自己回答で情報共有させていただきます。

### 実現したいこと
[Google AppSheet](https://www.appsheet.com/home/apps)でToDoリストを作成しました。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-07-16/b885d4e0-d079-4127-8d1d-c27dd0b2cb21.jpeg)
次の段階として、
・Google AppSheetにタスクを新規追加。
　↓
・連携させた[Google Apps Script](https://www.google.com/script/start/)で[Dify](https://cloud.dify.ai/apps)のワークフローのAPIを呼び出し。
　↓
・Difyのワークフローで入力したタスクに関するアドバイスをLLM(Gemini Pro)に出力させる。
　↓
・LLMの出力文をGoogle AppSheetに反映させる。

という実装をしたいと考えています。

### 発生している問題・分からないこと
Google AppSheetのモニター画面にエラーが表示され、LLMの出力がGoogle AppSheetに反映されません。
修正が必要な内容についてご教示いただけないでしょうか。

↓ Google AppSheetの参照元のスプレッドシート
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-07-16/bd583c6f-1b51-42b2-abae-d817d0a3c333.jpeg)

↓ Difyのワークフロー
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-07-16/7a0830c1-5d50-4d6c-a6d7-96ffd13981f5.jpeg)

↓ Google AppSheetのモニター画面
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-07-16/4c3cdcb5-829a-4e70-9c60-18a118a22305.jpeg)

### エラーメッセージ
```error
Error encountered in step with name [New step]: The tasks argument included a null value. (Parameter 'tasks')
```

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

```js
function sendChildrenQuestion() {
  // スプレッドシートのIDは、スプレッドシートのURLに含まれています。
  // 例えば、URLが https://docs.google.com/spreadsheets/d/abcd1234efgh5678ijkl90mnopqrstuv の場合、
  // abcd1234efgh5678ijkl90mnopqrstuv がスプレッドシートのIDです
  var spreadsheetId = 'MY SPREADSHEET ID';　// TODO スプレッドシートのIDを書き換え
  var sheetName = 'シート1';

  var spreadsheet = SpreadsheetApp.openById(spreadsheetId);
  var sheet = spreadsheet.getSheetByName(sheetName);

  // B列のデータをすべて取得
  var data = sheet.getRange('B:B').getValues();

  // 最後の行を特定（空のセルは除外）
  var lastRow = data.filter(String).length;

  // 最後の行の質問を取得
  var question = sheet.getRange('B' + lastRow).getValue();

  var url = 'https://api.dify.ai/v1/workflows/run';  // リクエストを送るURL

  // リクエストのヘッダー情報
  var headers = {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer {MY Dify API}'  // TODO DifyワークフローのAPIキーで書き換え
  };

  // リクエストのボディデータ
  var payload = {
    'inputs': {'Input':question},  // TODO Difyのワークフローの開始で設定した変数名
    'response_mode': 'blocking',
    'user': 'user123'
  };

  // オプションの設定
  var options = {
    'method': 'post',
    'headers': headers,
    'payload': JSON.stringify(payload),
    'muteHttpExceptions': true  // これをtrueにすると、エラーが発生しても例外がスローされません
  };

  // HTTP POSTリクエストの送信
  try {
    var response = UrlFetchApp.fetch(url, options);
    // Logger.log(response.getContentText());  // レスポンスの内容をログに出力
    var jsonResponse = response.getContentText()

    // JSONをオブジェクトに変換
    var responseObject = JSON.parse(jsonResponse);

    // 必要なデータを取得
    var taskId = responseObject.task_id;
    var workflowRunId = responseObject.workflow_run_id;
    var data = responseObject.data;
    var status = data.status;
    var outputs = data.outputs;
    var answer = outputs.text;

    // ログに出力
    Logger.log('Task ID: ' + taskId);
    Logger.log('Workflow Run ID: ' + workflowRunId);
    Logger.log('Status: ' + status);
    Logger.log('Outputs Text: ' + answer);

    // G列に返却された値を書き込み
    sheet.getRange('G' + lastRow).setValue(answer);
  } catch (e) {
    Logger.log('Error: ' + e.message);  // エラーメッセージをログに出力
  }
}
```

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

##### 上記の詳細・結果
Google AppSheetは以下のサイトを参考に作成しました。
[https://www.yoshidumi.co.jp/collaboration-lab/appsheet-tasks](url)

Google Apps Scriptのコードは以下の記事を参考に作成しました。
[https://qiita.com/cog1t0/items/5ad8da7a09ac2d29ab2a#gas%E3%81%AE%E6%BA%96%E5%82%99](url)


### 補足
※実際は、Google Apps Scriptの'MY SPREADSHEET ID'にはスプレッドシートのID、'MY Dify API'にはDifyのAPIを入力しています。

Google AppSheetをDifyに連携させた際のエラー

Web APIでの、クロスドメインへのCSRFトークンの渡し方についての質問です。

Web APIのサーバーとフロントのドメインが違う場合、サーバー側でクッキーにcsrfトークンをセットしても、フロント側で参照できないと思います。

そのため、フロントでcsrfトークンをクッキーから取り出して、ヘッダに付けて送信する。ということができません。

ですので、JSONでcsrfトークンを返すアクセスポイントを作って、そこにアクセスしたフロント側が自分でクッキーにcsrfトークンを保存するようにする。そうしておけばクッキーからcsrfトークンを必要な時に参照できます。
csrfトークンを返すアクセスポイントは、フロントのドメインのみ許可、プリフライトリクエストが送られるようにします。

質問としては、これがセキュリティ上問題ないのか、ということと、他にこういうやり方のほうがいいというのがあれば教えていただきたいです。

調べてみても似たようなことをしている記事が見当たらなかったので、もしかしたらセキュリティ上良くないやり方なのではと思い質問しました。

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



【Web API】クロスドメインへのCSRFトークンの渡し方

### 実現したいこと
プログラミング初心者です。現在xcode上でWi-FiのBSSIDを取得し表示させるアプリをswiftで作成しようとしているのですが、やり方がわかりません。

### 発生している問題・分からないこと
Webサイトで見つけたHotspotHelper APIを活用しているのですが、BSSIDが取得できているのかわからないのと、取得した値をラベルに表示させることができていません。



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

```swift(表示させたい画面のビューコントローラのファイル内に記述しているコードです)
//編集部分
        class LocationTrackingManager {
            func setupHotspotHelper() {
                // HotspotHelper capabilityをリクエスト
                NEHotspotHelper.register(options: nil, queue: DispatchQueue.main) { (command) in
                    if let networkList = command.networkList {
                        for network in networkList {
                            // Wi-Fiネットワーク情報にアクセス (SSID・MACアドレス)
                            let ssid = network.ssid
                            let macAddress = network.bssid
                            
                            // Perform location tracking logic with ssid and macAddress
                            self.trackLocation(withSSID: ssid, andMACAddress: macAddress)
                        }
                    }
                }
            }

            func trackLocation(withSSID ssid: String, andMACAddress macAddress: String) {
                // SSIDとMACアドレスを使用してユーザーの位置を把握する
            }
            
        }
```

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

##### 上記の詳細・結果
hotspothelperを使った

### 補足
Xcodeは最新のバージョン、IOS17以降で動作させたいです

Xcode story boardでWi-FiのBSSIDを取得し表示するアプリを作成したい

### 実現したいこと
[RESAS](https://opendata.resas-portal.go.jp/docs/api/v1/cities.html)
RESASのWebAPIを試し
全国の市町村コードに対する地域名称を得られたのは良かったのですが、その地域名称は　当方が期待する形式ではありませんでした。

例えば　01546　の市町村コードに対して得られた名称が　「清里町」でした。
当方が期待していたのは　「北海道斜里郡清里町」だったのですが．．．

同APIの実行で、当該市町村コードの所属県は併せて得られますが、中間階層の情報が得られない印象です。

### 発生している問題・分からないこと
RESASのWebAPIでは　当方の今回の目的、全国の市町村コードの一覧を　フル名称を網羅させて入手することは達成できないと解釈しました。

皆さんは
・市町村コードの一覧を入手する必要はありませんでしたか？（郵便局やPostcode JPが提供するWebAPIが　個々のREQUESTパラメータにレスポンスする仕様の様子で、ニーズがない？とか感じた）

・必要があった方かつ地域のフル名称を獲得する必要があった方は　どういう手続きから実現なさったでしょうか？
PostcodeJPのWebAPIで、多段階にリクエストを繰り返すことで達成できそうなことは掴みましたが、1日のリクエストに制限がある・やはり個々のリクエストに対し反応するのが基本のようでしたので、当方が非常識なことを達成しようとしているのか　不安になってきてしまいました。



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

```
特になし
```

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

##### 上記の詳細・結果
自分がかつてRESASがらみで問い合わせた内容が表示されました。

### 補足
RESASのWebAPIを実行できるようにして、データ取得もできて安堵していたところ、実際内容の確認をすると、実務に使えない取得結果であったことに愕然...

【想像するとこんな回答がまいりますかね？？】
郵便局や総務省のWebサイトから　定期的に入手するほかなく、都合のよいWebAPIがないので、RPAでの自動化を達成中


本当にこまったな