こんにちはkentaです!!
少し前にポケモンのapiについての記事を書いたんですけどもっと有効活用できるのではないか…??
と思いとりあえず簡易的なポケモン図鑑を作ってみることにしました!!
少しずつ時間をかけて作成していずれはポートフォリオに乗せれるように頑張って作成したいと思います!
今回作成したもの
今回作成したのは
- 図鑑Noでポケモンの検索
- ポケモンの一覧
の2つです。
apiのデータ内では名前やタイプが英語になっていたので日本語のjsonデータをお借りして日本語にするようにしました。
タイプもわかりやすいように背景の色を設定するようにしました。
let tipecolor = {
normal:["ノーマル","#A8A878"],
fire:["ほのお","#F08030"],
water:["みず","#6890F0"],
grass:["くさ","#78C850"],
electric:["でんき","#F8D030"],
ice:["こおり","#98D8D8"],
fighting:["かくとう","#C03028"],
poison:["どく","#A040A0"],
ground:["じめん","#E0C068"],
flying:["ひこう","#A890F0"],
psychic:["エスパー","#F85888"],
bug:["むし","#A8B820"],
rock:["いわ","#B8A038"],
ghost:["ゴースト","#705898"],
dragon:["ドラゴン","#7038F8"],
dark:["あく","#705848"],
steel:["はがね","#B8B8D0"],
fairy:["フェアリー","#EE99AC"],
};
オブジェクトを作成したのでもし使いたい方いればコピペしてどうぞ笑
これからもっと機能を増やせれるように頑張りたいと思います!!