毎日使う開発者ツールを、すべて一か所に。

コンバーター、フォーマッター、ハッシュ、バリデーター、そして何度も開き直す小さなユーティリティが、タブの海に散らばることなく一か所にまとまります。

/ ツール

■

/ ツールファインダー

109 個のツール

/ トランザクショントレースビジュアライザー

入力方法

Trace JSON (debug_traceTransaction から)

トランザクショントレース: すべての内部呼び出し、gas 使用量、戻り値を含む、トランザクションの完全な呼び出しグラフを可視化します。

使用 debug_traceTransaction と callTracer で trace データを取得します。ノードをクリックすると展開／折りたたみでき、詳細な呼び出し情報を確認できます。

/ 選択中のツール

■

トランザクショントレースビジュアライザー - 無料のWeb3ツール

トランザクションの実行トレースを呼び出し階層とともに可視化します

■ 01

トランザクショントレースとは?

トランザクショントレースは、コントラクト間のすべての内部呼び出しを含む、トランザクションの完全な実行経路を捉えます。これは複雑なトランザクションのデバッグやコントラクトのやり取りの把握に不可欠です。

■ 02

どのように動作するのか?

トランザクショントレースは、callTracer とともに debug_traceTransaction RPC メソッドを使い、すべての内部呼び出し、ガス使用量、入出力データ、状態変化を記録します。トレースは…を示す階層的なツリー構造として返されます…

■ 03

サンプルケース

ERC-20 Transfer - シンプルな CALL、Uniswap V3 スワップ - 複雑なマルチコールチェーン、Aave フラッシュローン - CALL + DELEGATECALL パターンをカバーしているので、一般的な入力と出力をすばやく比較できます。

/ 関連ツール

/ コード

■

選択したツールのソースコード。右側のライブ版と並べて表示されます。

/ ソースコード

TypeScript

typescript

// npm install viem

import { createPublicClient, http } from 'viem';
import { mainnet } from 'viem/chains';

const client = createPublicClient({
  chain: mainnet,
  transport: http("https://eth-mainnet.g.alchemy.com/v2/YOUR_KEY")
});