CoinGeckoのAPIを利用して、仮想通貨のコントラクトアドレスを簡単に取得するWebアプリを作成してみました。
今回の作成したWebアプリではCoinGeckoの公開APIを使用しています。
Webアプリにアクセスすると、Windowが開きコイン名を小文字英数字で入力することで、プラットフォーム、コントラクトアドレス、ホームページアドレスを表示してくれます。
また、コントラクトアドレスはクリップボードにコピーされそのままMetaMaskなどに貼り付けることができます。
（何も入力しない場合、サンプルでUniswapのデータが表示されます。）
コントラクトアドレス取得！ pic.twitter.com/MN0SbUHmQr
— ymachida196 (@ymachida196) May 23, 2021
きっかけはコントラクトアドレスを探してくるのが手間だったから。
MetaMaskなどのウォレットを利用する際、いちいちCoinGeckoやCoinMarketCapのサイトに行きコントラクトアドレスをコピーすることが面倒だったので、通貨名を入力するとシンプルにコントラクトアドレス取得してくれるアプリをがあったらと思い作成してみました。
https://modest-goldberg-a38b56.netlify.app/
使用ライブラリ
【CSS】
Bootstrap 4.5.0
【JS】
Axios 0.21.1
Clipboard-copy 4.0.1
CodePenでの開発
今回のWebアプリ開発では、CodePenを利用し開発を行いました。
CodePenのエディターを掲載します。
See the Pen
Contract_Adress by YujiMachida (@yujimachida)
on CodePen.
終わりに
あったら便利というものを作成してみました。
CodePenはその場で動作確認ができ、非常に使いやすいツールでした。
今回は最低限の機能にとどまりましたが更にアップデートしていきたいと思います。