![見出し画像](https://assets.st-note.com/production/uploads/images/107127777/rectangle_large_type_2_9ff2e8fd179213a6f403f3829187c103.png?width=1200)
【完全保存版】thirdwebを使用した3つのzkEVM(zkSync Era、Scroll、Polygon zkEVM)でのデプロイ方法
本日は、3つのzkEVM(zkSync Era、Scroll、Polygon zkEVM)でコントラクトをデプロイしていきたいと思います。
0 はじめる前に
今回は「Goerli」トークンが必要となってきます。
取得方法は後述していますが、現在、0.001ETH以上入っているウォレットからしか取得ができません。
(他にいいやり方があればコメントで教えてください!)
また、zkSync Eraの場合、Faucetがありますが、取得できる量が少ないため、ガス代不足になってしまうと思います。
記事の中身を読む前にご連絡でした。
1 共通部分
まずは、thirdwebのページに行き、コントラクトの作成画面まで行こうと思います。
「Go to Dashboard」を選択し
![](https://assets.st-note.com/img/1685659697188-49kamrJHFi.png?width=1200)
「Browse contracts」を選択します。
![](https://assets.st-note.com/img/1685659732649-gbtdMXKFRZ.png?width=1200)
今回は、こちらの「Token」でERC20のコントラクトを作ってみましょう。
![](https://assets.st-note.com/img/1685659770976-5mW01vBOoV.png?width=1200)
「Deploy now」を押して
![](https://assets.st-note.com/img/1685659802463-JjY9g4xOhG.png?width=1200)
任意の「Name」を入力します。
「Image」や「Symbol」、「Description」は空白のままでも大丈夫です。
![](https://assets.st-note.com/img/1685659849030-cYIiRW1HS8.png?width=1200)
下に進むと、「Network / Chain」の部分に「Mumbai」とあります。
(ここは、今接続しているチェーンなので、人によって違うと思います。)
これを選択します。
![](https://assets.st-note.com/img/1685659887988-avF7PwVFuG.png?width=1200)
ここまでが共通部分です。
2 zkSync Eraのテストネット
ここからが個別の部分です。
とはいえ、やることは一緒です。
1 テストネットの選択
「Testnets」から「zkSync Era Testnet」を選択しましょう。
![](https://assets.st-note.com/img/1685616276532-nq3oGNHKMy.png?width=1200)
承認のポップアップを実行すると、このように、チェーンが「zkSync Era Testnet」になりました。
![](https://assets.st-note.com/img/1685616321676-PDRXvJKrJ4.png?width=1200)
あとはデプロイするだけですが、その前にテストトークンを取得しましょう。
2 テストトークンの取得
では、Faucetでテストトークンを取得しましょう。
なお、「Goerli」トークンがたくさんあれば、「Bridge」でも良いと思います。
「Request Funds from Faucet」を選択します。
![](https://assets.st-note.com/img/1685615978190-T4tgd8al8f.png?width=1200)
しばらくして、このように表示されれば成功です。
![](https://assets.st-note.com/img/1685616047467-Hu85fHOI05.png?width=1200)
このように、「zkSync Era Testnet」にトークンが入っていることが確認できました。
注意 取得できる量が少ないため、ガス代不足という理由でコントラクトが作れないかもしれません。
![](https://assets.st-note.com/img/1685616107524-jLmn1kLrJt.png?width=1200)
3 デプロイしよう
では、テストトークンが手に入ったので、デプロイしてみましょう。
thirdwebのデプロイの箇所に戻り、「Deploy now」
![](https://assets.st-note.com/img/1685660823173-qsDzT1BV34.png?width=1200)
メタマスクの処理を進めていくと、このように、コントラクトが作成されたことが確認できました。
![](https://assets.st-note.com/img/1685616477652-PAsyXGreSR.png?width=1200)
4 エクスプローラで確認しよう
では、できたものを確認してみましょう。
右の方で、「zkSync Era Testnet」に変えた上で、先ほどのコントラクトを検索します。
![](https://assets.st-note.com/img/1685616634896-qiJAfcz5RV.png?width=1200)
このように、無事にデプロイできていることが確認できました!
![](https://assets.st-note.com/img/1685616711219-d9xEodWow7.png?width=1200)
3 Scrollのテストネット
では、次はScrollをやっていきましょう。
やることは先ほどと同じです。
1 テストネットの選択
「Testnets」から「Scroll Alpha Testnet」を選択しましょう。
![](https://assets.st-note.com/img/1685614604860-AG2SWohQ9t.png?width=1200)
このように、設定できました。
テストトークンを取得したら、デプロイしていきましょう。
![](https://assets.st-note.com/img/1685662007557-A1stPETKf2.png?width=1200)
2 テストトークンの取得
ここでは、「ブリッジ」でトークンを取得することになります。
そのために、事前に「Goerli」トークンの取得が必要です。
注意
ただし現在、「Goerli」はETHが0.001 ETH以上入っているウォレットからしかこのサイトからは取得できなくなっています。
「Goerli」がある場合は、こちらから「ブリッジ」を行っていきます。
ブリッジしたい量を入れて、「Send ETH to Scroll Alpha Testnet」を選択
![](https://assets.st-note.com/img/1685614529053-29zNTxWtsv.png?width=1200)
すると、このように、処理が始まります。
7分くらい時間がかかると思います。
![](https://assets.st-note.com/img/1685614801755-lur7wyG4yD.png?width=1200)
このように、「From」、「To」の両方が「Success」になれば成功です。
![](https://assets.st-note.com/img/1685614923704-0y9lkb4mXC.png?width=1200)
メタマスクを確認すると、このように、確認することができます。
![](https://assets.st-note.com/img/1685615024227-O6uQTey77C.png?width=1200)
3 デプロイしよう
では、テストトークンが手に入ったので、デプロイしてみましょう。
thirdwebのデプロイの箇所に戻り、「Deploy now」
![](https://assets.st-note.com/img/1685662059331-FXPWY8qDfB.png?width=1200)
すると、このように、Scrollでデプロイができました。
![](https://assets.st-note.com/img/1685615533165-bykZRIeFgl.png?width=1200)
4 エクスプローラで確認しよう
では、できたものを確認してみましょう。
「Scroll Alpha Testnet」になっていることを確認の上、検索してみましょう。
![](https://assets.st-note.com/img/1685615777319-K4bp5euyXq.png?width=1200)
このように、確認することができました!
![](https://assets.st-note.com/img/1685615687763-75c3Loeg1a.png?width=1200)
4 Polygon zkEVMのテストネット
では、最後にPolygon zkEVMをやっていきましょう。
やることは先ほどと同じです。
1 テストネットの選択
「Testnets」から「Polygon zkEVM Testnet」を選択しましょう。
![](https://assets.st-note.com/img/1685654061962-b1j8cI0Xl9.png?width=1200)
このように、「Polygon zkEVM Testnet」になりました。
![](https://assets.st-note.com/img/1685662280813-g4vmOK8kLd.png?width=1200)
2 テストトークンの取得
Scrollと同様、「ブリッジ」でトークンを取得することになります。
そのために、事前に「Goerli」トークンの取得が必要です。
注意
ただし現在、「Goerli」はETHが0.001 ETH以上入っているウォレットからしかこのサイトからは取得できなくなっています。
「Goerli」がある場合は、こちらから「ブリッジ」を行っていきます。
「Testnet Products」を選択した上で、「Bridge」を選択します。
![](https://assets.st-note.com/img/1685653331821-5rvS2tzcyZ.png?width=1200)
「Continue with the Testnet」を選択します。
![](https://assets.st-note.com/img/1685653376026-cABaRquEJa.png?width=1200)
「Add to Wallet」を選択します。
もしかしたら、追加済みの場合はこのポップアップは出ないかもしれません。
![](https://assets.st-note.com/img/1685653535341-GrqMPdb5Hb.png?width=1200)
ネットワークを「Polygon zkEVM Testnet」に切り替えます。
![](https://assets.st-note.com/img/1685653582880-nmQuyh5BJZ.png?width=1200)
ブリッジしたい量を入れて、「Bridge ETH to zkEVM testnet」を選択
![](https://assets.st-note.com/img/1685653660523-KmRMN7ZuPi.png?width=1200)
いったん、このような画面になります。
ただ、まだ完了はしていません。
![](https://assets.st-note.com/img/1685653703164-ChsOH3teHJ.png?width=1200)
下のように、最大15分程度かかることが表示されています。
私もそこそこ時間がかかりました。
![](https://assets.st-note.com/img/1685653742870-CTfmCLo5kp.png?width=1200)
完了すると、このように、「Completed」となります。
![](https://assets.st-note.com/img/1685653892773-7iwZai474y.png?width=1200)
このようにトークンが取得できたことが確認できました。
![](https://assets.st-note.com/img/1685653937585-wEQv5Ea0p9.png?width=1200)
3 デプロイしよう
では、テストトークンが手に入ったので、デプロイしてみましょう。
thirdwebのデプロイの箇所に戻り、「Deploy now」
![](https://assets.st-note.com/img/1685654151261-ku1u8Ivr7O.png?width=1200)
下のように、デプロイができました!
![](https://assets.st-note.com/img/1685654365738-zRPh9sRNMU.png?width=1200)
4 エクスプローラで確認しよう
では、できたものを確認してみましょう。
検索を行うと、このようにできていることが確認できました。
(その後、個人的にトランスファーなどを行ったため下のように出ています。)
![](https://assets.st-note.com/img/1685654911060-9cQ889kGwI.png?width=1200)
5 最後に
今回は、これで以上になります。
やってみると、しっくりくることもあると思いますので、ぜひやってみてください!
サポートをしていただけたらすごく嬉しいです😄 いただけたサポートを励みに、これからもコツコツ頑張っていきます😊