FlowForgeアカウントの作成とNode-REDのインストール

この記事は[こちらの記事](https://zenn.dev/protoout/articles/67-nodered-flowforge-setup)のコピーです

# FlowForgeとは
FlowForgeは、複数人のチームでNode-REDが扱える環境を、あらゆる環境に対してシームレスに提供してくれるサービスです。

- ローカル（自分のPC）上で動かす場合には、オープンソースとして無料でインストールすることができます。DockerやKubernetesといった仮想環境での提供もなされています。
- パブリッククラウド上での提供もされており、こちらは基本有償ですが自分のPCにインストールする手間がありません。ユーザー登録後30日間は、クレジットカード情報の入力も必要なく無償試用ができます。

## FlowForgeアカウントの作成をする

1. https://flowforge.com/ にアクセスし、`BUILD YOUR FIRST APPLICATION`からアカウントを作成してください。  
![スクリーンショット 2023-09-23 22.17.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/b91dccd7-a9bd-5a25-9485-ef2184baeba6.png)

2. 必要な情報を入力してアカウントを作成しましょう。  
  記事執筆時点ではソーシャルログインに対応していないため、1つずつ入力する必要があります。  
  [![Image from Gyazo](https://i.gyazo.com/c30a9c0d53159be0285bbb0b13ae5687.png)](https://gyazo.com/c30a9c0d53159be0285bbb0b13ae5687)
3. メールが届きますので、メールの中のリンクをクリックします。  
  [![Image from Gyazo](https://i.gyazo.com/0cc5546fb634b901d425cb5be0498e2f.png)](https://gyazo.com/0cc5546fb634b901d425cb5be0498e2f)
4. クリックして新しいページを開き、真ん中にあるボタン `VERIFY MY EMAIL` をクリックします。そのあと、先ほど登録したユーザーIDかメールアドレスをクリックして `LOGIN` ボタンをクリックすると、パスワードを入力する欄が追加で出てくるので、パスワード入力してログインしましょう。  
  [![Image from Gyazo](https://i.gyazo.com/ad5b16d783abd56177c78c461e68b682.png)](https://gyazo.com/ad5b16d783abd56177c78c461e68b682)
  
5. 以下のような画面になっていればOKです。
![make_account_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/dff134ba-0f92-632d-9663-0b25df390230.png)

6. 作成直後は「インストール中です」のような表示が出ますが、完了すると以下のように `running` という表示になります。それが確認できたら `Open Editor` をクリックしてください。  
  [![Image from Gyazo](https://i.gyazo.com/d4d93e240bcb8f58ed3ba971076943a5.png)](https://gyazo.com/d4d93e240bcb8f58ed3ba971076943a5)
7. 新しいタブが開いて、Node-REDが表示されたら完了です。URLを控えておきましょう。  
  [![Image from Gyazo](https://i.gyazo.com/712532fd37c0a7d363a074a5e6308f50.png)](https://gyazo.com/712532fd37c0a7d363a074a5e6308f50)

以上で、FlowForgeのクラウド上でNode-REDを利用することができるようになりました。

無償で使えるのは登録後30日間までなので、それが過ぎたら課金するか、自分のPC上にインストールして利用することを検討しましょう。
<details>
<summary>
その他の選択肢について
</summary>	

- [KoyebでNode-REDを動かしてみた](https://qiita.com/kitazaki/items/570a5fc359c4928473b3)
一番下のプランで月当たり$5.5のクレジットが付与されるため、使い方によっては無償で継続可能です（アカウント登録時にカード登録は必須）

- [enebular](https://www.enebular.com/ja/)
Node-REDがプリインストールされてるサービス・使い方: [【超入門】初めてのenebular!](https://qiita.com/TakedaHiromasa/items/5f89451b041e5674e378)
	
- [Node-RED デスクトップ](https://sakazuki.github.io/node-red-desktop/ja/)
ご自身のPC上で動作するアプリケーション・Node-REDバージョンが古めなので非推奨

- [Node-REDのインストールと起動](https://zenn.dev/protoout/articles/57-nodered-installation)
Node-REDを自分のPCで使うときの最も一般的な方法・難易度は高め（個別に教えることも可能なので遠慮なくお声がけください）
	
- [その他、Node-REDが動きそうな環境について…](https://qiita.com/kitazaki/items/970a10cbd1059c89aca5)

:::note
※Node-REDそのものは完全フリーのソフトウェアですが、どのサーバー（≒ PC）にインストールするか？　という点において、そのサーバーの利用料金の要不要によって有償か無償か試用期間フリーか、が決まるようなかたちになっております。

※enebularが最も簡単ではありますが、クラス終了後も利用継続することはプロトアウトとしては推奨しておりません。（enebularの運営社がいわゆるSIerであり、みなさんがご自身の力で作り続けることを妨げてしまう可能性があるため）
:::

</details>

## TeachableMachineの授業を受ける方へ

![detail_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/1568ae7a-40e7-e2c1-6da6-c6ea2aa6f654.png)
![スクリーンショット 2023-09-23 23.10.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/51ab9bae-0517-2599-e750-993e7890c3fb.png)

授業中にパレットからモジュールを追加する箇所がありますが、現時点では **node-red-contrib-teachable-machine** についてはバージョンを指定してインストールするしかないので、以下のようにバージョンを1.3.1を指定して設定を行います。
![detail_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/485121f8-4b08-14d8-63ae-8f4bb212687c.png)
![detail_4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/b1cdde4a-2b7e-75ba-d172-4d4e54b330d2.png)

running状態になるまでしばらく待機しましょう。

エラーが出ることがありますがRestartを繰り返すことで解消されます。

以上となります。お疲れ様でした。