# IC基礎勉強1 **Published by:** [fairyland.eth](https://paragraph.com/@fairyland/) **Published on:** 2022-08-30 **URL:** https://paragraph.com/@fairyland/ic-1 ## Content ICの基礎勉強のノートになります。もしご参考になれたら嬉しいです。 ちなみに、MacOSにおける操作になります。 まずは、第一歩としてICの開発キット、dfxをインストールします。 sh -ci "$(curl -fsSL https://smartcontracts.org/install.sh)" インストール完了後、dfxのバージョンの確認をします。 dfx -V 現時点のdfxバージョンは0.11.1になります。 最新でない場合は、コメントでdfxのアップグレードもできます。 dfx upgrade 以下のコメントでdfxのPATHを確認できます。 which dfx コマンド検索パスの優先度を高く設定することができます。 export PATH=/usr/local/bin:$PATH 最初に作りたいのはmysiteというプロジェクトです。 dfx new mysite ここでメッセージの中に、npmが最新ではなかったことを確認したので、コメントでアップグレードしました。アップグレードしなくても大丈夫そうだと思います。 npm install -g npm@8.18.0 新しく作ったmysiteの中身を見てみます。 cd mysite ls -R src 結構詳しく中身を説明されていますね。以下は上記コメントを実行した結果です。 src/mysite_backend: main.mo src/mysite_frontend: assets src src/mysite_frontend/assets: favicon.ico logo2.svg main.css sample-asset.txt src/mysite_frontend/src: index.html index.js これから、ローカルで実行環境を走ってみます。 backgroundで実行できます。 dfx start --background 実行の状況を確認したいときには、backgroundなしでstartします。 dfx start これが出たら、ローカルの実行環境ができました。新しいターミナルを開きます。先作ったウェブページをデプロイします。 dfx deploy 初めてデプロイする時に、色々システムに必要なキャニスター(canister)が生成されます。例えば、wallet canister、backend canister、frontend canister などですね。緑色のがURLになります。ChromeかSafariでURLを開けば、自動生成したサンプルサイトが見れます。Worldを入力すれば、Hello, World!が帰ってきます。また、バックエンドのURLを開けば、バックエンドも見れます。続いて、自分のPrincipal IDを確認してみます。 dfx identity get-principal 出力結果で自分のPrincipal IDがわかります。後でwalletをチャージする時に使います。このコメントを使えば、private keyも確認できます。 ls -l ~/.config/dfx/identity/default 上はprivate keyであり、下がpublic keyですね。ICのネットワーク上にサイトをデプロイするにはcycles(ETHのGasみたいなもの)というものが必要です。 今回はここまでにします。またまた勉強することがたくさんあります。 最新の情報を確認するために、開発のオフィシャルサイトがあります。困る時にいつも参考しています。 ## Publication Information - [fairyland.eth](https://paragraph.com/@fairyland/): Publication homepage - [All Posts](https://paragraph.com/@fairyland/): More posts from this publication - [RSS Feed](https://api.paragraph.com/blogs/rss/@fairyland): Subscribe to updates