- Welcome to Tokyo Sauna Collective !! -
+Welcome to Tokyo Sauna Collective !!
@@ -318,12 +312,12 @@ const Home: NextPage = () => {
}
// ユーザーがすでに NFT を要求している場合は、内部 DAO ページを表示します
// これは DAO メンバーだけが見ることができ、すべてのメンバーとすべてのトークン量をレンダリングします
- else if (hasClaimedNFT){
+ else if (hasClaimedNFT) {
return (
-
@@ -489,43 +483,44 @@ export default Home;
### 🧙♂️ テストを作成・実行する
ここまでの作業でコントラクトには基本機能として以下の機能が追加されました。
-* NFTをmintする機能
-* トークン,ガバナンストークンをデプロイする機能
-* NFT,トークン,ガバナンストークンの情報を取得する機能
-* NFT,トークン,ガバナンストークンに操作を加える機能
+
+- NFTをmintする機能
+- トークン,ガバナンストークンをデプロイする機能
+- NFT,トークン,ガバナンストークンの情報を取得する機能
+- NFT,トークン,ガバナンストークンに操作を加える機能
これらの基本機能をテストスクリプトとして記述していきましょう。
ではsrcディレクトリの中に`test`ディレクトリを作成し、その中に`test.ts`という名前でファイルを作成して、以下のように記述しましょう。
-```typescript
-import { AddressZero } from '@ethersproject/constants';
-import { ThirdwebSDK } from '@thirdweb-dev/sdk';
-import assert from 'assert';
-import ethers from 'ethers';
-import { describe, it } from 'node:test';
+```ts
+import { AddressZero } from "@ethersproject/constants";
+import { ThirdwebSDK } from "@thirdweb-dev/sdk";
+import assert from "assert";
+import ethers from "ethers";
+import { describe, it } from "node:test";
import {
editionDropAddress,
ERCTokenAddress,
governanceAddress,
ownerWalletAddress,
-} from '../scripts/module.js';
+} from "../scripts/module.js";
-describe('ETH-DAO test', function () {
+describe("ETH-DAO test", function () {
// テスト用のウォレットを作成
const demoWallet = ethers.Wallet.createRandom();
// テスト用のPublic RPC Endpointを設定
- const demoAlchemyRPCEndpoint = 'https://eth-sepolia.g.alchemy.com/v2/demo';
+ const demoAlchemyRPCEndpoint = "https://eth-sepolia.g.alchemy.com/v2/demo";
const sdk = new ThirdwebSDK(
new ethers.Wallet(
demoWallet.privateKey,
- ethers.getDefaultProvider(demoAlchemyRPCEndpoint),
- ),
+ ethers.getDefaultProvider(demoAlchemyRPCEndpoint)
+ )
);
// 1-initialize-sdk.tsのテスト
- it('sdk is working', async function () {
+ it("sdk is working", async function () {
// sdkからアドレスを取得
const address = await sdk.getSigner()?.getAddress();
@@ -534,12 +529,12 @@ describe('ETH-DAO test', function () {
});
// edition-drop, ERC1155-token, governance-tokenの3つのコントラクトを取得
- const editionDrop = sdk.getContract(editionDropAddress, 'edition-drop');
- const token = sdk.getContract(ERCTokenAddress, 'token');
- const vote = sdk.getContract(governanceAddress, 'vote');
+ const editionDrop = sdk.getContract(editionDropAddress, "edition-drop");
+ const token = sdk.getContract(ERCTokenAddress, "token");
+ const vote = sdk.getContract(governanceAddress, "vote");
// 2-deploy-drop.tsのテスト
- it('metadata is set', async function () {
+ it("metadata is set", async function () {
// メタデータを取得
const metadata = await (await editionDrop).metadata.get();
@@ -551,7 +546,7 @@ describe('ETH-DAO test', function () {
});
// 3-config-nft.tsのテスト
- it('NFT is minted', async function () {
+ it("NFT is minted", async function () {
// 最初にmintされたNFTの情報を取得する
const NFTInfo = await (await editionDrop).get(0);
@@ -560,36 +555,36 @@ describe('ETH-DAO test', function () {
});
// 4-set-claim-condition.tsのテスト
- it('NFT condition is set', async function () {
+ it("NFT condition is set", async function () {
// トークンに与えられた条件を取得する
const condition = await (
await editionDrop
- ).erc1155.claimConditions.getActive('0');
+ ).erc1155.claimConditions.getActive("0");
// 条件として与えられたものの一つであるNFTの価格が0であることを確認する
assert.equal(condition.price.toNumber(), 0);
});
// 5-deploy-token.tsのテスト
- it('token contract is deployed', async function () {
+ it("token contract is deployed", async function () {
// トークンに与えられた情報を取得する
const tokenInfo = await (await token).balance();
// トークンのシンボルがTSCとなっているか確認する
- assert.equal(tokenInfo.symbol, 'TSC');
+ assert.equal(tokenInfo.symbol, "TSC");
});
// 6-print-money.tsのテスト
- it('token is minted', async function () {
+ it("token is minted", async function () {
// トークンの情報を取得する
const tokenInfo = await (await token).totalSupply();
// トークンの合計が1e+24となっているか確認する
- assert.equal(Number(tokenInfo.value).toString(), '1e+24');
+ assert.equal(Number(tokenInfo.value).toString(), "1e+24");
});
// 7-airdrop-token.tsのテスト
- it('token is transfered', async function () {
+ it("token is transfered", async function () {
// このコントラクトのオーナーに与えられているトークンの合計を確認する
const balance = await (await token).balanceOf(ownerWalletAddress);
@@ -597,20 +592,20 @@ describe('ETH-DAO test', function () {
const fixedBalance = Number(balance.value).toString();
// コントラクトのトークンの合計が1e+22となっているか確認
- assert.equal(fixedBalance, '1e+22');
+ assert.equal(fixedBalance, "1e+22");
});
// 8-deploy-vote.tsのテスト
- it('vote contract has right info', async function () {
+ it("vote contract has right info", async function () {
// 投票コントラクトのメタデータを取得
const metadata = await (await vote).metadata.get();
// 投票コントラクトに正しく情報が入っているか確認
- assert.equal(metadata.name, 'My amazing DAO');
+ assert.equal(metadata.name, "My amazing DAO");
});
// 9-setup-vote.tsのテスト
- it('vote contract has as 9 times much tokens as owner has', async function () {
+ it("vote contract has as 9 times much tokens as owner has", async function () {
// ウォレットのトークン残高を取得します
const ownedTokenBalance = (
await (await token).balanceOf(ownerWalletAddress)
@@ -626,19 +621,19 @@ describe('ETH-DAO test', function () {
});
// 10-create-vote-proposals.tsのテスト
- it('vote contract has proposal', async function () {
+ it("vote contract has proposal", async function () {
// 投票コントラクトに挙げられた提案を取得します
const proposal = (await (await vote).getAll())[0];
// 投票コントラクトへ提案がされているか確認する
assert.equal(
proposal.description,
- 'Should the DAO mint an additional 420000 tokens into the treasury?',
+ "Should the DAO mint an additional 420000 tokens into the treasury?"
);
});
// 11-revoke-roles.tsのテスト
- it('token role is passed to contract', async function () {
+ it("token role is passed to contract", async function () {
// 投票コントラクトに挙げられた提案を取得します
const roles = await (await token).roles.getAll();
@@ -646,7 +641,7 @@ describe('ETH-DAO test', function () {
assert.equal(roles.admin, [].toString());
});
- console.log('test');
+ console.log("test");
});
```
diff --git "a/docs/ETH-DAO/ja/section-4/lesson-2_\343\202\242\343\203\203\343\203\227\343\202\260\343\203\254\343\203\274\343\203\211\343\201\227\343\201\237WEB\343\202\242\343\203\227\343\203\252\343\202\222Vercel\343\201\253\343\203\207\343\203\227\343\203\255\343\202\244\343\201\227\343\202\210\343\201\206.md" "b/docs/ETH-DAO/ja/section-4/lesson-2_\343\202\242\343\203\203\343\203\227\343\202\260\343\203\254\343\203\274\343\203\211\343\201\227\343\201\237WEB\343\202\242\343\203\227\343\203\252\343\202\222Vercel\343\201\253\343\203\207\343\203\227\343\203\255\343\202\244\343\201\227\343\202\210\343\201\206.md"
index e2c44085c..2c2397a15 100644
--- "a/docs/ETH-DAO/ja/section-4/lesson-2_\343\202\242\343\203\203\343\203\227\343\202\260\343\203\254\343\203\274\343\203\211\343\201\227\343\201\237WEB\343\202\242\343\203\227\343\203\252\343\202\222Vercel\343\201\253\343\203\207\343\203\227\343\203\255\343\202\244\343\201\227\343\202\210\343\201\206.md"
+++ "b/docs/ETH-DAO/ja/section-4/lesson-2_\343\202\242\343\203\203\343\203\227\343\202\260\343\203\254\343\203\274\343\203\211\343\201\227\343\201\237WEB\343\202\242\343\203\227\343\203\252\343\202\222Vercel\343\201\253\343\203\207\343\203\227\343\203\255\343\202\244\343\201\227\343\202\210\343\201\206.md"
@@ -34,7 +34,7 @@ Vercelに関する詳しい説明は、[こちら](https://zenn.dev/lollipop_onl
`next.config.js`では、全てのコードを以下のとおり更新します。
-```javascript
+```js
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true,
diff --git "a/docs/ETH-NFT-Collection/ja/section-1/lesson-3_\343\203\255\343\203\274\343\202\253\343\203\253\347\222\260\345\242\203\343\201\247NFT\343\202\222mint\343\201\227\343\202\210\343\201\206.md" "b/docs/ETH-NFT-Collection/ja/section-1/lesson-3_\343\203\255\343\203\274\343\202\253\343\203\253\347\222\260\345\242\203\343\201\247NFT\343\202\222mint\343\201\227\343\202\210\343\201\206.md"
index f47ebcd24..964d1e7ca 100644
--- "a/docs/ETH-NFT-Collection/ja/section-1/lesson-3_\343\203\255\343\203\274\343\202\253\343\203\253\347\222\260\345\242\203\343\201\247NFT\343\202\222mint\343\201\227\343\202\210\343\201\206.md"
+++ "b/docs/ETH-NFT-Collection/ja/section-1/lesson-3_\343\203\255\343\203\274\343\202\253\343\203\253\347\222\260\345\242\203\343\201\247NFT\343\202\222mint\343\201\227\343\202\210\343\201\206.md"
@@ -122,7 +122,7 @@ classの概念については、[ここ](https://aiacademy.jp/media/?p=131)を
`scripts/deploy.js`ファイルを、以下の内容に書き換えてください。
-```javascript
+```js
// deploy.js
async function main() {
// コントラクトがコンパイルします
@@ -133,7 +133,7 @@ async function main() {
// コントラクトが Mint され、ローカルのブロックチェーンにデプロイされるまで待ちます。
await nftContract.deployed();
console.log("Contract deployed to:", nftContract.address);
-};
+}
main().catch((error) => {
console.error(error);
@@ -143,7 +143,7 @@ main().catch((error) => {
一行ずつコードを見ていきましょう。
-```javascript
+```js
// deploy.js
const nftContractFactory = await hre.ethers.getContractFactory("MyEpicNFT");
```
@@ -164,7 +164,7 @@ const nftContractFactory = await hre.ethers.getContractFactory("MyEpicNFT");
>
> つまり、`hre.ethers.getContractFactory("MyEpicNFT")`の処理が終わるまで、`main`関数の中に記載されている他の処理は実行されないということです。
-```javascript
+```js
// deploy.js
const nftContract = await nftContractFactory.deploy();
```
@@ -175,7 +175,7 @@ HardhatがローカルのEthereumネットワークを、コントラクトの
- 常にゼロリセットとなるので、エラーのデバッグがしやすくなります。
-```javascript
+```js
// deploy.js
await nftContract.deployed();
```
@@ -185,7 +185,7 @@ Hardhatは実際にあなたのマシン上に「マイナー」を作成し、
最後に、デプロイされると、`nftContract.address`はデプロイされたコントラクトのアドレスを出力します。
-```javascript
+```js
console.log("Contract deployed to:", nftContract.address);
```
diff --git "a/docs/ETH-NFT-Collection/ja/section-1/lesson-4_NFT\343\202\222\347\231\272\350\241\214\343\201\231\343\202\213\343\202\271\343\203\236\343\203\274\343\203\210\343\202\263\343\203\263\343\203\210\343\203\251\343\202\257\343\203\210\343\202\222\344\275\234\343\202\215\343\201\206.md" "b/docs/ETH-NFT-Collection/ja/section-1/lesson-4_NFT\343\202\222\347\231\272\350\241\214\343\201\231\343\202\213\343\202\271\343\203\236\343\203\274\343\203\210\343\202\263\343\203\263\343\203\210\343\203\251\343\202\257\343\203\210\343\202\222\344\275\234\343\202\215\343\201\206.md"
index 57985e940..d6d60665c 100644
--- "a/docs/ETH-NFT-Collection/ja/section-1/lesson-4_NFT\343\202\222\347\231\272\350\241\214\343\201\231\343\202\213\343\202\271\343\203\236\343\203\274\343\203\210\343\202\263\343\203\263\343\203\210\343\203\251\343\202\257\343\203\210\343\202\222\344\275\234\343\202\215\343\201\206.md"
+++ "b/docs/ETH-NFT-Collection/ja/section-1/lesson-4_NFT\343\202\222\347\231\272\350\241\214\343\201\231\343\202\213\343\202\271\343\203\236\343\203\274\343\203\210\343\202\263\343\203\263\343\203\210\343\203\251\343\202\257\343\203\210\343\202\222\344\275\234\343\202\215\343\201\206.md"
@@ -214,7 +214,7 @@ _setTokenURI(newItemId, "Valuable data!");
最後に、下記のコードを見ていきましょう。
-```javascript
+```js
console.log("An NFT w/ ID %s has been minted to %s", newItemId, msg.sender);
```
@@ -296,7 +296,7 @@ _setTokenURI(
`scripts/deploy.js`ファイルを下記のように変更しましょう。
-```javascript
+```js
// deploy.js
async function main() {
const nftContractFactory = await hre.ethers.getContractFactory("MyEpicNFT");
@@ -461,7 +461,7 @@ contracts test
下記のように、`hardhat.config.js`の中身を更新します。
-```javascript
+```js
// hardhat.config.js
require("@nomicfoundation/hardhat-toolbox");
diff --git "a/docs/ETH-NFT-Collection/ja/section-2/lesson-3_\343\203\226\343\203\255\343\203\203\343\202\257\343\203\201\343\202\247\343\203\274\343\203\263\344\270\212\343\201\247\345\213\225\347\232\204\343\201\252SVG\343\202\222\344\275\234\343\202\215\343\201\206.md" "b/docs/ETH-NFT-Collection/ja/section-2/lesson-3_\343\203\226\343\203\255\343\203\203\343\202\257\343\203\201\343\202\247\343\203\274\343\203\263\344\270\212\343\201\247\345\213\225\347\232\204\343\201\252SVG\343\202\222\344\275\234\343\202\215\343\201\206.md"
index 2374ad612..9d8694ad2 100644
--- "a/docs/ETH-NFT-Collection/ja/section-2/lesson-3_\343\203\226\343\203\255\343\203\203\343\202\257\343\203\201\343\202\247\343\203\274\343\203\263\344\270\212\343\201\247\345\213\225\347\232\204\343\201\252SVG\343\202\222\344\275\234\343\202\215\343\201\206.md"
+++ "b/docs/ETH-NFT-Collection/ja/section-2/lesson-3_\343\203\226\343\203\255\343\203\203\343\202\257\343\203\201\343\202\247\343\203\274\343\203\263\344\270\212\343\201\247\345\213\225\347\232\204\343\201\252SVG\343\202\222\344\275\234\343\202\215\343\201\206.md"
@@ -274,7 +274,7 @@ packages/
続いて、作成した`MyEpicNFT.js`に以下のコードを書き込みます。
-```javascript
+```js
const { loadFixture } = require("@nomicfoundation/hardhat-network-helpers");
const { ethers } = require("hardhat");
const { expect } = require("chai");
@@ -351,7 +351,7 @@ describe("MyEpicNFT", function () {
その中で定義している文字列の配列は、ご自身が`MyEpicNFT`コントラクト内で定義したものと一致するように適宜変更してください。
-```javascript
+```js
// コントラクト内で使用する単語の配列を定義します。
const firstWords = [
"Epic",
@@ -367,7 +367,7 @@ const thirdWords = ["Kitten", "Puppy", "Monkey", "Bird", "Panda", "Elephant"];
`deployMyEpicNFTFixture`関数の後に続く3つの`describe`ブロックが、実際に`MyEpicNFT`コントラクト内の各関数を呼び出してテストを行なっている部分になります。
-```javascript
+```js
describe("pickRandomFirstWord", function () {
it("should get strings in firstWords", async function () {
// テストの準備を行います。
@@ -815,7 +815,7 @@ NFT Previewを使用すれば、テストネットにデプロイしなくても
- 変更点は、2つ目のNFT発行を削除しているだけです。
-```javascript
+```js
// deploy.js
async function main() {
// コントラクトがコンパイルします
diff --git "a/docs/ETH-NFT-Collection/ja/section-3/lesson-2_\343\202\246\343\202\251\343\203\254\343\203\203\343\203\210\343\202\222WEB\343\202\242\343\203\227\343\203\252\343\201\253\346\216\245\347\266\232\343\201\227\343\202\210\343\201\206.md" "b/docs/ETH-NFT-Collection/ja/section-3/lesson-2_\343\202\246\343\202\251\343\203\254\343\203\203\343\203\210\343\202\222WEB\343\202\242\343\203\227\343\203\252\343\201\253\346\216\245\347\266\232\343\201\227\343\202\210\343\201\206.md"
index dcc674cf2..804ce5b89 100644
--- "a/docs/ETH-NFT-Collection/ja/section-3/lesson-2_\343\202\246\343\202\251\343\203\254\343\203\203\343\203\210\343\202\222WEB\343\202\242\343\203\227\343\203\252\343\201\253\346\216\245\347\266\232\343\201\227\343\202\210\343\201\206.md"
+++ "b/docs/ETH-NFT-Collection/ja/section-3/lesson-2_\343\202\246\343\202\251\343\203\254\343\203\203\343\203\210\343\202\222WEB\343\202\242\343\203\227\343\203\252\343\201\253\346\216\245\347\266\232\343\201\227\343\202\210\343\201\206.md"
@@ -12,7 +12,7 @@ Webアプリケーション上で、ユーザーがイーサリアムネット
- `App.js`はあなたのWebアプリケーションのフロントエンド機能を果たします。
-```javascript
+```js
// App.js
import React, { useEffect } from "react";
import "./styles/App.css";
@@ -73,7 +73,7 @@ export default App;
新しく追加したコードを見ていきましょう。
-```javascript
+```js
// App.js
// ユーザーがMetaMaskを持っているか確認します。
const { ethereum } = window;
@@ -117,7 +117,7 @@ Consoleに`We have the ethereum object`と表示されているでしょうか
以下の通り、`App.js`を修正してください。
-```javascript
+```js
// App.js
// useEffect と useState 関数を React.js からインポートしています。
import React, { useEffect, useState } from "react";
@@ -200,7 +200,7 @@ export default App;
新しく追加したコードを見ていきましょう。
-```javascript
+```js
// App.js
// ユーザーのウォレットアドレスを格納するために使用する状態変数を定義します。
const [currentAccount, setCurrentAccount] = useState("");
@@ -212,7 +212,7 @@ console.log("currentAccount: ", currentAccount);
以下で`currentAccount`を更新しています。
-```javascript
+```js
// App.js
// accountsにWEBサイトを訪れたユーザーのウォレットアカウントを格納する（複数持っている場合も加味、よって account's' と変数を定義している）
const accounts = await ethereum.request({ method: "eth_accounts" });
@@ -236,7 +236,7 @@ if (accounts.length !== 0) {
下記の通り`App.js`を更新していきましょう。
-```javascript
+```js
// App.js
// useEffect と useState 関数を React.js からインポートしています。
import React, { useEffect, useState } from "react";
@@ -358,7 +358,7 @@ export default App;
**1 \. `connectWallet`メソッドを実装**
-```javascript
+```js
// App.js
const connectWallet = async () => {
try {
@@ -382,7 +382,7 @@ const connectWallet = async () => {
**2 \. `renderNotConnectedContainer`メソッドを実装**
-```javascript
+```js
// App.js
const renderNotConnectedContainer = () => (
🍪DAO Member Page
-Congratulations on being a member
+🍪DAO Member Page
+Congratulations on being a member
■ Member List
@@ -364,7 +358,7 @@ const Home: NextPage = () => { }; proposal.votes.forEach((vote) => { const elem = document.getElementBychainId( - proposal.proposalId + '-' + vote.type + proposal.proposalId + "-" + vote.type ) as HTMLInputElement; if (elem!.checked) { @@ -410,15 +404,15 @@ const Home: NextPage = () => { ); // 投票成功と判定する setHasVoted(true); - console.log('successfully voted'); + console.log("successfully voted"); } catch (err) { - console.error('failed to execute votes', err); + console.error("failed to execute votes", err); } } catch (err) { - console.error('failed to vote', err); + console.error("failed to vote", err); } } catch (err) { - console.error('failed to delegate tokens'); + console.error("failed to delegate tokens"); } finally { setIsVoting(false); } @@ -432,13 +426,13 @@ const Home: NextPage = () => {
-
@@ -449,16 +443,16 @@ const Home: NextPage = () => {
{!hasVoted && (
- This will trigger multiple transactions that you will need to
- sign.
+ This will trigger multiple transactions that you will need
+ to sign.
)}
@@ -475,7 +469,7 @@ const Home: NextPage = () => {