【Webアプリ開発】ポケモンWeb図鑑!遂に完成!

こんにちは日曜エンジニアのマックです。

JavaScriptで「ポケモンWeb図鑑」というWebアプリを作ってみました。

Pokeapiという「ポケモンのデータが貯蔵されているデータベースのようなもの」からデータを取得し、JavaScriptで表示するというアプリです。


作ったアプリはこちら

3種類も作ってしまいました。

ポケモンWeb図鑑1(タイプ別に背景色を分けた)

ポケモンWeb図鑑2(一覧表示タイプ)

ポケモンWeb図鑑3(詳細画面タイプ)

個人的には「ゲームボーイ感」を意識した3がお気に入りです。


プログラミング初心者でも簡単

PokeAPIを使ったアプリ作りは、基礎さえわかればプログラミング初心者でも難しくないと思います。

必要な知識は以下です。

・HTML
・JavaScript(変数、関数、繰り返し)
・API(YouTubeを見ればすぐ習得できる)


カンタンなのでぜひ挑戦してみてください。

こちらの記事も読んでね↓

PokeAPIの使い方【初心者向け】

この記事が気に入ったらサポートをしてみませんか?