News

  • NEWS
  • 重要

Next.js(TypeScript)で天気予報Webアプリを公開しました

Next.js(TypeScript)を用いて、都市名から天気情報を取得・表示するWebアプリを制作・公開しました。
https://weather-finder-rho-seven.vercel.app/

OpenWeather APIと連携し、現在の天気に加えて、3時間ごとの予報を日付ごとに整理して表示しています。
検索フォームの操作性や、ローディング・エラーハンドリングなど、実務を意識した実装を行いました。

本制作を通じて、以下の点を習得・実装しています。
・Next.js(App Router)を用いた画面構成
・TypeScriptによる型安全なデータ設計
・外部APIとの非同期通信
・取得データの整形とUI表示
・環境変数を用いたAPIキー管理
・Vercelへのデプロイ