HiÐΞClassic

初心者による初心者のためのInternet Computerチュートリアル備忘録その5「Use integers in calculator functions」

でりおてんちょー
3 years ago
新しいプロジェクトを作成するデフォルト設定を変更するデフォルトのプログラムを変更するローカルネットワークを開始しますアプリケーションを登録、ビルド、およびデプロイするキャニスターの計算機機能を確認しますブラウザで機能をテストするローカルネットワークを停止します


プログラミング(C#)歴半年の私でりおてんちょーが、Internet Computerチュートリアルを進めていく上で

  • 分かりづらかったところ

  • めっちゃ調べたところ

    などを、備忘録としてこちらにまとめていきます。


【目次】
Internet Computerチュートリアル備忘録その1「Explore the default project」
Internet Computerチュートリアル備忘録その2「Query using an actor」
Internet Computerチュートリアル備忘録その3「Pass text arguments」
Internet Computerチュートリアル備忘録その4「Increment a natural number」
Internet Computerチュートリアル備忘録その5「Use integers in calculator functions」
Internet Computerチュートリアル備忘録その6「Import library modules」
Internet Computerチュートリアル備忘録その7「Use multiple actors」
Internet Computerチュートリアル備忘録その8「Customize the front-end」
Internet Computerチュートリアル備忘録その9「Add a stylesheet」
Internet Computerチュートリアル備忘録その10「Make inter-canister calls」
Internet Computerチュートリアル備忘録その12「Add access control with identities」
Internet Computerチュートリアル備忘録その13「Accept cycles from a wallet」
Internet Computerチュートリアルが終わったらやること1「examplesを動かして遊ぶ」


今回は、5つ目のチュートリアル「Use integers in calculator functions 」についてです。

これからInternet Computerチュートリアルを始める方に、少しでも役立てていただけると幸いです。

また、この記事ではMacでの作業となりますこと、あらかじめご了承ください。

新しいプロジェクトを作成する

1. ターミナルシェルをまだ開いていない場合は、ローカルコンピューターで開きます。
まずはターミナルを開きます。

2. 別の作業フォルダーを使用している場合は、インターネットコンピュータープロジェクトに使用しているフォルダーに移動します。
クイックスタートで「ic-projects」というフォルダを作り、私はそこにまとめるようにしたので、『cd ic-projects』で移動します。

ちなみに『pwd』コマンドで、現在の場所が確認できますよ。(pwd:print working directoryの略)

3. 『dfx new calc』のコマンドを実行して、新しいプロジェクトを作成します。
この呪文で∞マークっぽいのが表示されれば、プロジェクトの作成成功です。

4. 『cd calc』のコマンドを実行して、プロジェクトディレクトリに移動しておきます。

デフォルト設定を変更する

今回もデフォルトの設定に変更を加えていきます。

1. テキストエディターでdfx.json構成ファイルを開きます。

  • Xcode
  • Visual Studio (code)
  • テキストエディット
    のどれかで、calcディレクトリ内の「dfx.json」を開きます。

2. メインキーの設定をデフォルトのプログラム名を、「main.mo」から「calc_main.mo」に変更します。


そして、上写真のように変更します。
main.moという名前のファイルが複数あると混乱する可能性があるため、このように変更するみたいです。

2. 変更を保存し、ファイルを閉じて続行します。
「command + S」で保存して終了しましょう。

デフォルトのプログラムを変更する

1. 必要に応じて、プロジェクトディレクトリにいることを確認してください。
『cd』『pwd』コマンドを使って「my_counter」にいることを確認します。

2. 『cp src/calc/main.mo src/calc/calc_main.mo』のコマンドを実行して、テンプレート「main.mo」ファイルをコピーし、「calc_main.mo」という名前の新しいファイルを作成します。
『cp』コマンドにより、「main.mo」というファイルを「calc_main.mo」として、新たにコピペすることができました。

3. テキストエディタで「src / calc / calc_main.mo」ファイルを開き、既存のコンテンツを削除します。

これを全部削除します。

4. 次のサンプルコードをコピーして「calc_main.mo」ファイルに貼り付けます。
チュートリアルのコードをコピペします。

5. 変更を保存し、ファイルを閉じて続行します。
「command + S」で保存して終了しましょう。

ローカルネットワークを開始します

『dfx start --background』のコマンドを実行して、ローカルコンピューターでインターネットコンピューターネットワークを起動しましょう。

--backgroundオプションを使うことで、ローカルコンピューターで別のターミナルシェルを開かずに済みますよ。

アプリケーションを登録、ビルド、およびデプロイする

1. 必要に応じて、プロジェクトのルートディレクトリにいることを確認してください。
「calc」にいることを確認しましょう。

2. 『dfx deploy』のコマンドを実行して、アプリケーションを登録、ビルド、およびデプロイします。

キャニスターの計算機機能を確認します

1. dfxキャニスター呼び出しコマンドを使用してcalcキャニスターadd関数を呼び出し、『dfx canister call calc add '(10)'』のコマンドを実行して入力引数10を渡します。
『dfx canister call』までは呼び出す呪文で、その後に

  1. キャニスターまたはアプリケーションサービスの名(=calc)
  2. 呼び出したい特定のメソッドまたは関数(=add)
  3. 関数に渡す引数(='(10)')
    を打ち込んでいく、でしたね。

あとは2. 〜5. も同様にして、それぞれの関数を試してみてください!

ブラウザで機能をテストする

こちらの1. 〜6. までは、初心者による初心者のためのInternet Computerチュートリアル備忘録その3「Pass text arguments」 記事の「ブラウザで機能をテストする」段落と同じなので、そちらをご参照ください。

うまくいけば、上写真のような画面になります。

あとは先程コマンドラインで行ったことを、ブラウザ上でテストするだけです。

四則演算を試したり、clearallを試してみてください。

右側の「OUTPUT LOG」に結果が表示されていきますので、ご活用ください。

ローカルネットワークを停止します

テストができたら、最後にローカルネットワークを止めておきましょう。

ターミナルが現在稼働中であれば「Control-C」を押して、「%」が表示される状態にします。

最後に『dfx stop』コマンドを入力すれば、5つ目のチュートリアルは終了です。お疲れ様でした。

思っていた以上に多くの反響をいただき、大変ありがたい次第です。よければHiÐΞやTwitterのフォローお願い致します!

需要がありそうであれば、他のチュートリアルも備忘録を残していきますので、何かしらアクションいただけると大変励みになりますし嬉しいです!

次はこちら(↓)をどうぞ
初心者による初心者のためのInternet Computerチュートリアル備忘録その6「Import library modules」


コメント
いいね
投げ銭
最新順
人気順
でりおてんちょー
3 years ago
コメント
いいね
投げ銭
最新順
人気順
トピック
アプリ

Astar Network

DFINITY / ICP

NFT

DAO

DeFi

L2

メタバース

BCG

仮想通貨 / クリプト

ブロックチェーン別

プロジェクト

目次
Tweet
ログイン