この記事で解決できるお悩み
- Web3上でリンクツリーと同等のサービスってあるの?
- ICNSってなに?
- TwitterにICNSのリンクを張ることができるの?
- ICNSの操作方法ってどんな感じ?
- 簡単にWeb3を体験できるの?
ここではICNSでドメインを購入し
Twitter上にリンクを張り付けることを
目的に記事を書いています。
もしわかりにくい表現や、言葉、作業方法がありましたら
お気軽にコメントやTwitterで質問ください
Twitterリンク :@coffeemame_nft
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-24.jpg)
まずICNSが何かわからない人が
いると思うので説明します。
引用元 : https://icns.id/faq
ようするに
ブロックチェーン上のドメインをとれますよってこと。
さらに、そのドメインの中に
リンクツリーのように
あなたがおススメするリンクへ
誘導することかできます。
こちらがドメインを所得し
各設定を済ませたcoffee-mame専用のリンクツリーです。
ブロックチェーン上で動いています
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-5.png)
coffee-mameリンク集 : https://coffee-mame.icp.page/
リンクを作るまえに行う作業は以下の通り
やっておくべき作業
- $ICPを準備
- plugwalletの拡張機能をダウンロード
- 欲しいドメインの名前を考える
$ICPを初めて触る人は
こちらの記事を参考に進めてみてください。
オススメ参考記事
ICNSの独自ドメインを所得し
リンクを自由に作成し
Twitterに乗せる方法を説明します。
ICNSでお目当てのドメインを見つけ購入するまでの 3ステップ
公式ICNSサイト : https://icns.id/
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-6.png)
ドメインを購入するまでの3ステップはこちら
ステップ
- plugwalletを接続
- WICPを購入
- 好きなドメインを購入
ステップ1 plugwallet を接続
公式サイトに入り
ウォレットの接続をしてください。
Connectボタンを押し
plugwalletの認証を行います。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-7.png)
Allowを選択し認証。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/1.jpg)
ステップ2 WICP を購入
ICNSではWICPという
wrapされたトークンで購入します。
Get WICPのタブを選択するとSonicという取引所へ
自動で移動してくれます。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-8.png)
Sonic公式サイト : https://app.sonic.ooo/swap
ここでもplugwalletを接続します。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/2.jpg)
接続後
ICP⇒WICPのWarpを選択
金額を入力
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/3.jpg)
Wrapを押し認証。
手数料が0.0001ICPかかります。
ガス代はかかりません。
ICPではガス代がかからないからうれしいよね。
【ICPとは?】暗号資産インターネットコンピューターを分かり易く解説。購入方法も紹介(初心者向け)
ステップ3 ICNS で好きなドメインを購入
ICNSでは文字数で購入金額が変わります。
- 4文字・・・4WICP
- 5文字・・・1WICP
- 6文字・・・0.25WICP
- 7文字・・・0.25WICP...
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-9.png)
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-10.png)
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-11.png)
今回はcoffee-mameを購入します。
あなたも好きな名前を見つけてやってみてください
Homeにある検索窓にお気に入りのドメインを入力
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-12.png)
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-13.png)
もし欲しいドメインが上記のように
購入済みの場合は購入できません。
違うドメインを探してください。
購入されていなかった場合は
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-14.png)
Registerボタンが押せるようになります。
選択し購入画面へ。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/4.jpg)
coffee-mameのドメインは1年間有効で、0.25WICPかかることになります。
問題がなかったらConfirm(認証)を押す。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/5.jpg)
plugwalletに認証を確認されるので、再度 Confirm (認証)します。
これでドメインの購入が完了です。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/6.jpg)
My Account からあなたが所持しているドメインを確認することができます。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-15.png)
何個も所持している理由はとくにはありません。
いずれ使うかもしれませんが、
今のところ使ってはいないので、もしほしかったら連絡ください。
ドメインの設定
ドメインの設定
先ほど購入したドメインを正式に使えるように認証します。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-20.png)
Set your reverse record(ICNS Name) のタブを開くと
購入したドメインが表示されるのでクリック⇒
Save change(登録)⇒plugwalletの認証を行えば完了。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/12.jpg)
編集者であるHOSTの設定
ドメインの編集者が決定していないので、
HOSTにアドレスを入力。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-23.png)
ここでHOSTの設定を行っていないと
うまく編集ができません。
Ownerと同じアドレスを入力するようにしてください。
HOSTの設定が完了したら、
実際にサイトが出来上がりです。
確認するには
検索窓にurlを打ち込むと表示されます。
URL https:〈your-username〉.icp.page
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/13.jpg)
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/14.jpg)
実際にWeb3を体験しましょう。
リンク設定
なにも設定していないTextだと表示されません。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/15.jpg)
表示させたい
リンクを設定していきます。
リンクを設定するうえで必要なもの
- 題名
- リンク先のアドレス
標準で設定できるもの
- Twitter(アイコン)url 入力
- Github(アイコン)url入力
- Discord(アイコン)url入力
- Telegram(アイコン)url入力
- Email(うまく連携できませんでした)
- Url(リンク)url入力
- Avatar(プロフィール画像)url入力
- Description(まだ触ってません)
Avatar はICPNFTの場合
キャニスターIDを入力すると反映されます。
オススメサイト:https://dab.ooo/
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/19.jpg)
他チェーンの場合は画像を右クリックし
画像のアドレスをコピーで問題ありません。
ここからは乗せたいリンクを張っていきます。
※私が設定した並び順番通りにうまくせっていができませんでした。
特に問題はないのですが、もう少し調べわかり次第更新します。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-18.png)
操作方法 Add を押し
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-19.png)
Name #でlinkを挟む。そのあとに題名を入力
例 #link#(Twitter)
Value urlを入力
例 https://twitter.com/coffeemame_nft
入力が終わったら Confirm
これでリンク設定が完了です。
順番がうまく調整できない場合があるみたいです。
今後フィードバックがあった際に報告しておきます。
残すところはTwitterにリンクを載せて確認。
![リンクツリーをWeb3上【ICNS】で作成しTwitterに載せる方法](https://motokomottoko.site/wp-content/uploads/2022/09/image-24-1.jpg)
どこに入力してもいいですが、
私は目を引く場所にセットしました。
これで完成です。
もしあなたのICNS画面が完成し報告してくれれば
すぐに見に行きますので、コメントお願いします。
ほかの人がどんなリンクを張っているのか結構気になりますw