リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

この記事で解決できるお悩み

  • Web3上でリンクツリーと同等のサービスってあるの?
  • ICNSってなに?
  • TwitterにICNSのリンクを張ることができるの?
  • ICNSの操作方法ってどんな感じ?
  • 簡単にWeb3を体験できるの?

ここではICNSでドメインを購入し

Twitter上にリンクを張り付けることを

目的に記事を書いています。

もしわかりにくい表現や、言葉、作業方法がありましたら

お気軽にコメントやTwitterで質問ください

Twitterリンク :@coffeemame_nft

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

まずICNSが何かわからない人が

いると思うので説明します。

ICNSは、Internet Computer Name Serviceの略で、インターネットコンピュータ上に構築され、将来のWeb3エコシステムの中核となることを目的としています。ICNSは、カスタマイズされたユーザーメタデータにマッピングし、あなたが好きなユニークな名前でICエコシステムに参加することができるようになります。

引用元 : https://icns.id/faq

ようするに

ブロックチェーン上のドメインをとれますよってこと。

さらに、そのドメインの中に

リンクツリーのように

あなたがおススメするリンクへ

誘導することかできます。

こちらがドメインを所得し

各設定を済ませたcoffee-mame専用のリンクツリーです。

ブロックチェーン上で動いています

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法
coffee-mame 専用 ICNS 画面

coffee-mameリンク集 : https://coffee-mame.icp.page/

リンクを作るまえに行う作業は以下の通り

やっておくべき作業

  • $ICPを準備
  • plugwalletの拡張機能をダウンロード
  • 欲しいドメインの名前を考える

$ICPを初めて触る人は

こちらの記事を参考に進めてみてください。

ICNSの独自ドメインを所得し

リンクを自由に作成し

Twitterに乗せる方法を説明します。

ICNSでお目当てのドメインを見つけ購入するまでの 3ステップ

公式ICNSサイト : https://icns.id/

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法
ICNSサイトページ

ドメインを購入するまでの3ステップはこちら

ステップ

  • plugwalletを接続
  • WICPを購入
  • 好きなドメインを購入

ステップ1 plugwallet を接続

公式サイトに入り

ウォレットの接続をしてください。

Connectボタンを押し

plugwalletの認証を行います。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

Allowを選択し認証。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

ステップ2 WICP を購入

ICNSではWICPという

wrapされたトークンで購入します。

Get WICPのタブを選択するとSonicという取引所へ

自動で移動してくれます。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法
Get WICP 選択

Sonic公式サイト : https://app.sonic.ooo/swap

ここでもplugwalletを接続します。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

接続後

ICP⇒WICPのWarpを選択

金額を入力

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

Wrapを押し認証。

手数料が0.0001ICPかかります。

ガス代はかかりません。

ICPではガス代がかからないからうれしいよね。

【ICPとは?】暗号資産インターネットコンピューターを分かり易く解説。購入方法も紹介(初心者向け)

ステップ3 ICNS で好きなドメインを購入

ICNSでは文字数で購入金額が変わります。

  • 4文字・・・4WICP
  • 5文字・・・1WICP
  • 6文字・・・0.25WICP
  • 7文字・・・0.25WICP...
リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法
4文字では4WICP
リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法
5文字では1WICP
リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法
6文字以上で0.25WICP

今回はcoffee-mameを購入します。

あなたも好きな名前を見つけてやってみてください

Homeにある検索窓にお気に入りのドメインを入力

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法
リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法
この場合は購入できません

もし欲しいドメインが上記のように

購入済みの場合は購入できません。

違うドメインを探してください。

購入されていなかった場合は

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法
この画面が開いたら購入できる

Registerボタンが押せるようになります。

選択し購入画面へ。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

coffee-mameのドメインは1年間有効で、0.25WICPかかることになります。

問題がなかったらConfirm(認証)を押す。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

plugwalletに認証を確認されるので、再度 Confirm (認証)します。

これでドメインの購入が完了です。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

My Account からあなたが所持しているドメインを確認することができます。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

何個も所持している理由はとくにはありません。

いずれ使うかもしれませんが、

今のところ使ってはいないので、もしほしかったら連絡ください。

ドメインの設定

ドメインの設定

先ほど購入したドメインを正式に使えるように認証します。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

Set your reverse record(ICNS Name) のタブを開くと

購入したドメインが表示されるのでクリック⇒

Save change(登録)⇒plugwalletの認証を行えば完了。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

編集者であるHOSTの設定

ドメインの編集者が決定していないので、

HOSTにアドレスを入力。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

ここでHOSTの設定を行っていないと

うまく編集ができません。

Ownerと同じアドレスを入力するようにしてください。

HOSTの設定が完了したら、

実際にサイトが出来上がりです。

確認するには

検索窓にurlを打ち込むと表示されます。

URL https:〈your-username〉.icp.page

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法
urlを入力 ()内はご自身のドメイン。
リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

実際にWeb3を体験しましょう。

リンク設定

なにも設定していないTextだと表示されません。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

表示させたい

リンクを設定していきます。

リンクを設定するうえで必要なもの

  • 題名
  • リンク先のアドレス

標準で設定できるもの

  • Twitter(アイコン)url 入力
  • Github(アイコン)url入力
  • Discord(アイコン)url入力
  • Telegram(アイコン)url入力
  • Email(うまく連携できませんでした)
  • Url(リンク)url入力
  • Avatar(プロフィール画像)url入力
  • Description(まだ触ってません)

Avatar はICPNFTの場合

キャニスターIDを入力すると反映されます。

オススメサイト:https://dab.ooo/

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

他チェーンの場合は画像を右クリックし

画像のアドレスをコピーで問題ありません。

ここからは乗せたいリンクを張っていきます。

※私が設定した並び順番通りにうまくせっていができませんでした。

特に問題はないのですが、もう少し調べわかり次第更新します。

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

操作方法 Add を押し

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

Name #でlinkを挟む。そのあとに題名を入力

例 #link#(Twitter) 

Value urlを入力

例 https://twitter.com/coffeemame_nft

入力が終わったら Confirm

これでリンク設定が完了です。

順番がうまく調整できない場合があるみたいです。

今後フィードバックがあった際に報告しておきます。

残すところはTwitterにリンクを載せて確認。

https://coffee-mame.icp.page/

リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法

どこに入力してもいいですが、

私は目を引く場所にセットしました。

これで完成です。

もしあなたのICNS画面が完成し報告してくれれば

すぐに見に行きますので、コメントお願いします。

ほかの人がどんなリンクを張っているのか結構気になりますw

-Dapps
-, , , ,