WEBサービス開発：7日目

こんばんは、ゴロすけです。

本日は日曜日、転職は大事なことといえど、家族との時間も大事であるため、開発は控えめです。

■計画していたタスク

・書籍検索APIを導入する
・実際に検索し、その結果の一部を動的にWEB画面に表示する

■達成できたタスク

・全て！
書籍検索APIはGoogleBooksAPIを選択。
URLに対してGETリクエストするだけで検索結果を取得できる。
導入のためのインストールなどが不要で容易に利用可能。

■苦戦したこととその解決方法

ReactHooksのルールの理解不足によるエラーの解消。
原因はFormのイベントハンドラにHooksを含んでしまったこと。
イベントに関する処理からHooksを除外したら正常に動作した。

まず今の疑問。
書籍検索APIとしてGoogle Books APIsを採用しました。
テストとして固定値でのGETリクエストを行ったところeラーが発生。フロントエンド側でのReactHooksの使い方に問題がある様子。

— ゴロすけ (@gorosuke_ms8) July 5, 2020

■未解決課題

・検索結果の取捨選択
・画面への表示内容の決定
・CSSによるデザイン作成

■これからやっていきたいこと(実際開発してみて思いついたこと)

APIをもっと使いこなしたい。
今回利用したGoogleBooksAPIは導入が手軽であったが、カスタマイズ性のあるAPIを利用したWEBサービスも作ってみたい。

■総括、感想

APIよりもそれを利用する際のフロントエンド周りでのエラーに悩まされました。
ただインプットするだけでは気づけないエラーに対する知見も溜められるよう、エラー情報もEvernoteなどの情報保管サービスに集めていこうと思います。