【JavaScript】Googleの検索URLを生成したかった話

 こんにちは。Google検索リンクを作りたかった。只野です。

 とあるWebアプリを製作していた時のお話です。そのWebアプリは食べ物の名前を入れると今まで自身が記録してきたカロリーを自動で取得してカロリーを設定するものです。感の鋭い方ならお分かりかと思いますが、このアプリは一度食べ物名とカロリーが記録されないとカロリーの取得は自動では行えません。

 ではカロリーが取得できなかったときどうするのか?手動でGoogleさんとかで調べるんですよね~カロリーが記録されていない食べ物は殆どだと思うので結構な頻度でGoogleさんで検索することになると考えます。毎回Googleさんを開いて、また食べ物の名前を入力して検索するのは面倒ですよね。そこで思う訳です。プログラムでGoogleさんの検索URLを生成すればよいではないかと。

 Googleさんの検索処理はGetなのでURLが正しく生成されていればGoogleさんの検索結果をWebブラウザで確認できます。Googleさんは開発者向けに検索結果取得APIを提供していますがこれを利用すると利用料が掛かります。プログラムで検索結果を利用できるので解析などには良いのでしょうが今回の場合は普通に検索結果がWebブラウザで確認できる方が都合がよかったりします。

 URLの生成は簡単です。「https://www.google.com/search?q=」の後に好きな検索ワードを設定するだけです。例えば「生姜焼き」のカロリーを調べたいとすると下記のようなURLを生成すれば良いです。

https://www.google.com/search?q=生姜焼き+カロリー

 今回は検索ワードが複数(生姜焼き、カロリー)あるので「+」で繋げます。簡単ですね。ルールを元にURLを自動生成して検索リンクを表示すれば今回の目標は達成です。リンクを生成する場合は下記のようにすると別ウィンドウでGoogle検索結果を表示できます。

<a id="calorie_url" href="https://www.google.com/search?q=生姜焼き+カロリー" target="_blank" rel="noopener noreferrer">Googleでカロリーを検索する</a>

別ウィンドウ起動時は「target=”_blank” rel=”noopener noreferrer”」が肝です。

本日はこの辺で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です