アプリ作成

アプリ作成

localStorageを使ってみた (Wheather-app実装 8)

こんにちは。kaoruです。 今回は、localStorage使って「1日以上前に取得した天気予報」を保持しておき、表示する機能を実装してみました。 最近は天気が変わりやすいので「以前調べた時は来週月曜は晴れだったかな?」な...
2020.10.06
アプリ作成

react-router-domでルーティング (Wheather-app実装 7)

こんにちは。kaoruです。 今回はSPAでの画面遷移(ルーティング)をReactで実装します。 【前回】useStateからuseReducerへ書き換え (Wheather-app実装 6) 実装 公式ドキュ...
アプリ作成

useStateからuseReducerへ書き換え (Wheather-app実装 6)

こんにちは。kaoruです。 前回まで状態変更をuseState()で行ってきましたが、今回はuseReducer()を使うように書き換えました。 Commit 【前回】React Testing Libraryでテスト...
アプリ作成

React Testing Libraryでテスト実装 (Wheather-app実装 5)

こんにちは。kaoruです。 今回はcreate-react-appに最初から実装されているReact Testing Libraryでテスト実装してみます。 【前回】コンポーネントを細分化する (Wheather-app実装...
アプリ作成

コンポーネントを細分化する (Wheather-app実装 4)

こんにちは。Webエンジニアのkaoruです。 今回は週間天気コンポーネントの中の処理を子コンポーネントとして切り出してみます。 【前回】フリーAPIで天気情報を取得する (Wheather-app実装 3) ボタン押下...
アプリ作成

フリーAPIで天気情報を取得する (Wheather-app実装 3)

こんにちは。Webエンジニアのkaoruです。 今回はお天気の情報をフリーAPIで取得してみます。 【前回】週間天気の枠を表示 (Wheather-app実装 2) 使用するフリーAPIを探す フリー(無料)でお天...