以前の投稿でぐるなびAPIを利用したSPAのサンプルをご紹介しましたが、JavaScriptで作ったため、本来公開すべきではないAPIキーを隠蔽できない、という問題がありました。 それを解決する方法として、PHPでAPIキーを使って情報を取得し、それをJavaScript側で取得する、という方法があるとわかったのでサンプルコードを書いてみました。 実際の動作は以下のdemoから確認できます。 サンプルコード demoのコードを簡略化したものを以下にご紹介します。 html ボタンをクリックするとイベントが発生し、.resultの中にAPIから取得したデータを表示させます。 <html> <head> <script type='text/javascript' src="jquery.js"></script> <script type='text/javascript' src='api