アプリ作成 localStorageを使ってみた (Wheather-app実装 8) こんにちは。kaoruです。 今回は、localStorage使って「1日以上前に取得した天気予報」を保持しておき、表示する機能を実装してみました。 最近は天気が変わりやすいので「以前調べた時は来週月曜は晴れだったかな?」な... 2020.10.06 アプリ作成
アプリ作成 react-router-domでルーティング (Wheather-app実装 7) こんにちは。kaoruです。 今回はSPAでの画面遷移(ルーティング)をReactで実装します。 【前回】useStateからuseReducerへ書き換え (Wheather-app実装 6) 実装 公式ドキュ... 2020.09.28 アプリ作成
アプリ作成 useStateからuseReducerへ書き換え (Wheather-app実装 6) こんにちは。kaoruです。 前回まで状態変更をuseState()で行ってきましたが、今回はuseReducer()を使うように書き換えました。 Commit 【前回】React Testing Libraryでテスト... 2020.09.10 アプリ作成
アプリ作成 React Testing Libraryでテスト実装 (Wheather-app実装 5) こんにちは。kaoruです。 今回はcreate-react-appに最初から実装されているReact Testing Libraryでテスト実装してみます。 【前回】コンポーネントを細分化する (Wheather-app実装... 2020.09.06 アプリ作成
アプリ作成 コンポーネントを細分化する (Wheather-app実装 4) こんにちは。Webエンジニアのkaoruです。 今回は週間天気コンポーネントの中の処理を子コンポーネントとして切り出してみます。 【前回】フリーAPIで天気情報を取得する (Wheather-app実装 3) ボタン押下... 2020.08.08 アプリ作成
アプリ作成 フリーAPIで天気情報を取得する (Wheather-app実装 3) こんにちは。Webエンジニアのkaoruです。 今回はお天気の情報をフリーAPIで取得してみます。 【前回】週間天気の枠を表示 (Wheather-app実装 2) 使用するフリーAPIを探す フリー(無料)でお天... 2020.08.01 アプリ作成