郵便番号検索APIで取得したデータをYDFでフォーマットしようとするとエラーになる

前提

Yahooの郵便番号検索APIを用いて、郵便番号から住所の自動入力を行っているのですが、エラーになってしまいます。
郵便番号検索APIで住所の取得自体はできているのですが、そのデータのフォーマットに使っている「YDF」あたりでエラーになってしまっております。
WordPress環境で動かしていたのですが、最近何故か動かなくなりました。該当のソースコードは普段編集する場所ではないので
なぜ急にエラーになったのか不明です。
住所自動入力のためデータのフォーマットは必須です。
下記ソースコードのAPPIDは差し替えております。
できるだけYDFを使った状態で、エラーを改善したいです。
助けていただけるとありがたいです。

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

Uncaught ReferenceError: Y is not defined

該当のソースコード

javascript
1<script type="text/javascript">
2				// Search Japanese Postal number
3				jQuery(function($) {
4					$(document).ready(function() {
5						$("#billing_postcode").keyup(function() {
6							var zip = $("#billing_postcode").val(),
7								zipCount = zip.length;
8							if (zipCount == 4 && zip.charAt(zipCount - 1) != "-") {
9								alert("郵便番号を入れる時はハイフン [ - ] を入力してください。");
10							} else if (zipCount > 7) {
11								var url = "https://map.yahooapis.jp/search/zip/V1/zipCodeSearch";
12								var param = {
13									appid: "[APPID]",
14									output: "json",
15									query: $("#billing_postcode").val()
16								};
17								$.ajax({
18									url: url,
19									data: param,
20									dataType: "jsonp",
21									success: function(result) {
22										var ydf = new Y.YDF(result);
23										console.log(ydf);
24									},
25									error: function() {
26										// Error handling
27									}
28								});
29							}
30						});
31					});
32				});
33</script>

試したこと

Yahooの郵便番号検索APIのresultは表示できる。
https://developer.yahoo.co.jp/webapi/map/
上記ヘルプは確認しました。

CHERRY

2023/01/31 05:09

> Uncaught ReferenceError: Y is not defined Y が未定義というエラーですね。質問に記載されたコードの範囲では Y が定義されていないようですが、他の箇所で yahooapis.jp から JavaScript のコードを読み込んでいる箇所はありませんか？

Satoshiharahara

2023/01/31 07:21

Yが定義されていないというご指摘ありがとうございます。他の箇所でYDFに関するライブラリ等読み込んでいる箇所はございません。 https://developer.yahoo.co.jp/webapi/map/openlocalplatform/v1/ydf/#how-to-use 上記URLでも確認しましたが、どのようにYを定義したら良いのかがわからないのです。

回答2件