015-Poke picture book｜ReactとPromiseを用いたAPIフェッチング

はじめに Reactで環境を構築します。 ポケモン図鑑アプリを作成するために、まずはReactの開発環境を構築し、基本的なプロジェクトのひな形を作成します。 本記事では、Reactアプリをセットアップ ...

はじめに ポケモン図鑑アプリでは、ポケモンの情報を取得するためにPokeAPIを利用します。 本記事では、fetch を使ってAPIからデータを取得し、取得したデータをコンソールに表示するところまでを ...

はじめに 前回の記事で、PokeAPIを使ってポケモンの一覧データを取得しました。 今回は、選択したポケモンの詳細データを取得し、より豊富な情報を表示できるようにします。 APIのエンドポイントの使い ...

はじめに 取得したポケモンのデータを、見やすく表示するためにカード形式でデザインします。 本記事では、Card コンポーネントを作成し、Material UIを活用してポケモンの情報をグリッドレイアウ ...

はじめに ポケモンの一覧ページと詳細ページを行き来できるようにするために、React Routerを導入します。 本記事では、ルーティングの基本的な設定方法と、選択したポケモンの詳細ページへ遷移する実 ...