CODEraze使い方紹介

CODErazeでは画像のように、
ノードという図形をエッジという線でつなぎ、
プログラムを簡単に作成できます。

![スクリーンショット 2025-02-04 104317.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/cbf187d4-e9b4-93ee-5389-cc6884d10cfa.png)

ここではノードの種類と使い方を解説していきます。

---

入力のノードにはこれらの二つがあります。

![int-str.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/a9e30416-0f90-c637-c815-d8dab09d01b5.png)

これらを配置するとプロパティ欄に以下の画像のようなものが表示されます

![スクリーンショット 2025-02-04 114443.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/5c5d61a5-b5d0-0a3e-2c09-92123153e8cb.png)

値を変える変数では上書きする変数名を入力します。

また単純な出力の場合任意の名前を付けることで、
そのまま変数として使うこともできます。

---

ここでは分岐ノードについて解説していきます。
![条件.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/040772ff-503e-c67a-4c0c-54fcf5ba70d3.png)

![スクリーンショット 2025-02-04 133633.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/be252b69-9717-a585-e4ff-0a6cffdf337d.png)



画像のようにプロパティ欄に比べ方と比較する値を入力することで、
処理の分岐を可能にします。

また変数の値を使用するや配列の値を使用するをクリックし、
変数名を指定することで変数を使った比較が行えます。


---


ここでは変数ノードについて解説していきます。
![Frame 4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/49346b04-9a1e-b35c-7b9d-f9735e817bb3.png)
左側のノードから解説します。

#####   ・変数を作成

このノードを配置すると以下のプロパティが表示されます。

![hennnsuusaku.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/541424c7-b2cb-fd86-628a-c3d96bbdf582.png)



変数名と初期値を指定することで変数の作成が行えます。
またプロパティ欄の各項目をクリックすることで、
変数名では配列や変数の上書きが行え、初期値では変数と配列の値を指定できます。

#####   ・変数を削除

このノードを配置すると以下のプロパティが表示されます。

![sakujyo.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/cdf87bc5-048e-9cff-f0f4-9a3f918437ca.png)


指定した変数名の変数を削除できます。
またプロパティ欄の各項目をクリックすることで変数と配列の値を使用でき、
値と同名の変数を削除できます。


#####   ・配列を作成

このノードを配置すると以下のプロパティが表示されます。

![hairetu.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/d1d75cce-9872-109a-b4c8-fb5275d13914.png)


配列名と初期値を指定することで配列の作成が行えます。
また再度同じ配列名を指定することで値を配列に格納できます。
またプロパティ欄の各項目をクリックすることで変数と配列の値を使用でき、
配列名や初期値に変数や配列の値を指定できます。

---
ここでは演算ノードについて解説していきます。
演算ノードでは足し算以外で文字列の使用はできません。

![Frame 5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/3814a0eb-996b-bf11-6262-56074599bc34.png)

左上から順に解説します。

#####   ・足し算

このノードを配置すると以下のプロパティが表示されます。

![add.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/0408cfb6-57e6-c290-2932-b51e8a83f9c6.png)

値を指定することで文字の連結や数値の足し算が行えます。
またプロパティ欄の各項目をクリックすることで変数と配列の値を使用でき、
配列名や初期値に変数や配列の値の足し算が行えます。

#####   ・引き算

このノードを配置すると以下のプロパティが表示されます。

![sub.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/546ed89b-b3ea-0045-178b-7aff40f15efd.png)

値を指定することで数値の引き算が行えます。
またプロパティ欄の各項目をクリックすることで変数と配列の値を使用でき、
配列名や初期値に変数や配列の値の引き算が行え処理結果が格納でき、
指定した変数名で呼び出せます。


#####   ・掛け算

このノードを配置すると以下のプロパティが表示されます。

![mul.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/1620634c-1ead-5481-01ba-ae6a7d7b160a.png)

値を指定することで数値の掛け算が行えます。
またプロパティ欄の各項目をクリックすることで変数と配列の値を使用でき、
配列名や初期値に変数や配列の値の掛け算が行え処理結果が格納でき、
指定した変数名で呼び出せます。



#####   ・割り算

このノードを配置すると以下のプロパティが表示されます。

![div.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/b51b8f4f-328e-74ba-c5b9-da38844a618f.png)

値を指定することで数値の割り算が行えます。
またプロパティ欄の各項目をクリックすることで変数と配列の値を使用でき、
配列名や初期値に変数や配列の値の割り算が行え処理結果が格納でき、
指定した変数名で呼び出せます。


#####   ・累乗

このノードを配置すると以下のプロパティが表示されます。

![exp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/ae53ac40-1938-6b22-c276-780acb92e0cc.png)

値1に指定した値を値2に指定した値で累乗した結果を格納でき、
指定した変数名で呼び出せます。
プロパティ欄の各項目をクリックすることで変数と配列の値を使用し指定した値の累乗を求めることができます。


#####   ・余剰

このノードを配置すると以下のプロパティが表示されます。

![rem.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/96237a59-4e2c-cb84-d458-d316d14d9184.png)

値1に指定した値を値2で割り算した余りを格納でき、
指定した変数名で呼び出せます。
プロパティ欄の各項目をクリックすることで変数と配列の値を使用し指定した値の余剰を求めることができます。

#####   ・四捨五入

このノードを配置すると以下のプロパティが表示されます。

![round.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/b54656b6-5a55-f9a3-c183-c00306dbe43b.png)

四捨五入したい値を入力し、丸める桁数で指定した値までを四捨五入した結果を格納でき、
指定した変数名で呼び出せます。
プロパティ欄の各項目をクリックすることで変数と配列の値を使用し指定した小数点以下の値を四捨五入できます。


#####   ・切り捨て

このノードを配置すると以下のプロパティが表示されます。

![floor.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/0439a497-4afe-ee46-8e31-a9bf103f361d.png)

切り捨てたい値を入力し、丸める桁数で指定した値までを切り捨てた結果を格納でき、
指定した変数名で呼び出せます。
プロパティ欄の各項目をクリックすることで変数と配列の値を使用し指定した小数点以下の値を切り捨てできます。


#####   ・切り上げ

このノードを配置すると以下のプロパティが表示されます。

![ceil.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/969286a3-54d2-446b-7b29-fdc41efe0122.png)

切り上げたい値を入力し、丸める桁数で指定した値までを切り上げた結果を格納でき、
指定した変数名で呼び出せます。
プロパティ欄の各項目をクリックすることで変数と配列の値を使用し指定した小数点以下の値を切り上げできます。


---
ここでは様々な処理を行うノードについて解説していきます。
![Frame 6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/7497230c-8162-093a-4de9-fcbcdd8e7b81.png)
左側のノードから解説します。

#####   ・乱数生成

このノードを配置すると以下のプロパティが表示されます。

![randam.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/de9d3c7c-c80f-796d-a758-3ebd3ebd40ae.png)

最小値と最大値を設定でき、範囲内の乱数を生成し格納します。
プロパティ欄の各項目をクリックすることで変数と配列の値を使用し範囲を指定できます。

#####   ・待機

このノードを配置すると以下のプロパティが表示されます。

![wait.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/ff7214ad-a402-29b4-a115-8185d57a68f0.png)

指定した秒数処理を一時停止します。
プロパティ欄の各項目をクリックすることで変数と配列の値を使用し秒数を指定できます。

#####   ・現在時刻を取得

このノードを配置すると以下のプロパティが表示されます。

![time.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/0c210ff0-ed71-80f6-ee05-8965b7dafd78.png)

現在時刻を取得しプロパティで指定した変数に格納します。

#####   ・日付を取得

このノードを配置すると以下のプロパティが表示されます。

![date.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/4aed3fdd-e4ba-b3c3-7365-818e39f2f70b.png)

現在の日付を取得し指定した変数に格納します。

#####   ・今の年を取得

このノードを配置すると以下のプロパティが表示されます。

![year.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/cfea9ec2-565b-c6aa-6423-a4e22938fe53.png)

今の年を取得し指定した変数に格納します。

#####   ・実行上限変更

![実行条件.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/5548903c-9acc-490b-9e7c-1348c7260a1f.png)

指定した回数を処理の実行上限に指定できます。
プロパティ欄の各項目をクリックすることで変数と配列の値を使用した実行上限の変更も行えます。

#####   ・実行間隔変更

このノードを配置すると以下のプロパティが表示されます。

![実行間隔.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/0d243cd7-738d-6296-46c5-f557eadc60a4.png)

指定した秒数を開けて次の処理を実行します。
プロパティ欄の各項目をクリックすることで変数と配列の値を使用し指定した秒数の指定も行えます。

---
ここでは処理を繰り返す際に使用するループノードについて解説していきます。

![Frame 7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/0731284b-c8fb-6c20-6bcc-86082c36faa6.png)

このノードを配置すると以下のプロパティが表示されます。

![loop.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/65d3401a-8df3-9b5a-bab7-e542ccfebba6.png)

プロパティを上記のように指定した場合 「i <= 7」の間ループするという設定になります。
値や比べ方を自分で指定することができ様々な条件でループ処理を作成できます。

---
ここでは出力ノードについて解説していきます。

![Frame 8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/8e9f5ad4-d040-6b32-6a17-65ab140bec3f.png)

#####   ・出力

このノードを配置すると以下のプロパティが表示されます。

![print.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/38e4ca4a-ca66-5f6f-503c-eb0d5089ee5b.png)

プロパティで指定した内容をターミナルに出力します。
変数の値を出力することができます。

#####   ・改行なしで出力


![no-kaigyou.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/7ad5bedd-5c6d-1d70-f3ba-7e3f7b573b5f.png)

出力ノードと同じですが改行をせずに出力できます。

#####   ・音を鳴らす

このノードを配置すると以下のプロパティが表示されます。

![sound.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/8d124501-76fe-095a-8dd2-6cb48a4f204b.png)

音を鳴らすことができるノードです。
音の高さ（Hertz)と再生時間を指定することができます。


#####   ・話す

このノードを配置すると以下のプロパティが表示されます。

![say.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/c9fe205d-d460-e75d-5f1b-b803b29be765.png)

プロパティにして指定した内容を読み上げる処理をするノードです。


---
簡単な作成例

#### 乱数aの大きさによって出力が変化する機能

![スクリーンショット 2025-02-06 094104.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/80123fe1-643e-43c7-3c53-ad009e528c10.png)






#### 処理を10回繰り返す機能
![スクリーンショット 2025-02-06 093657.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/e079c571-89e1-33a9-1b49-6bc1accdbe7b.png)



#### 配列を作成し順番に中身を取り出す機能

![スクリーンショット 2025-02-06 094637.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/9ce31b98-d4ee-8c47-9527-8a1ab57ba9c1.png)


#### 入力値が奇数か偶数かを判断する機能

![sp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/6a9c9cae-4781-ceb1-9731-250d05ec61e1.png)

#### 西暦から和暦を導く機能

![あいうえお.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/90fde83f-7579-f480-b274-66febc251aa7.png)


#### 簡単な四則演算機能

![スクリーンショット 2025-02-06 100233.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4001647/8319b67f-0c28-03f9-e835-f4ebd478917c.png)