LoginSignup
5
2

More than 3 years have passed since last update.

Noodl 2.0β版が公開されたので使ってみた! ~チュートリアル:Mars Rover Gallery~

Last updated at Posted at 2019-12-27

概要

 2019年 Noodl Advent Calender 25日目で、Noodl 2.0β版が公開されました!!!
詳細はこちら。
【Noodl開発者からクリスマスプレゼント!?】 Noodl 2.0ベータ版に参加しよう!

特徴

元記事から引用しています。

image.png

 Reactは使ったことないので、これから勉強していこう。

image.png

今までレイアウトを変えるために別々のノードを使う必要がありましたが、Groupノードに統合されたことでノードの使い方を覚える量が減ったかも。
 imageノードにgif追加!!嬉しい!! 

image.png

 Reactベースになった弊害。今後のハンズオンはこちらで行うのかな。
今までのプロジェクトを継続開発するとしたら大変だ...。新規でプロジェクト作るならver2.0がいいかも。
 

使ってみた

サインイン後の画面

image.png

チュートリアルのMars Rover Gallery

 火星探査機の管理画面のサンプルです。

Textノードのプロパティに変更が!!

 Paddingの設定方法が分かりやすくなっている。
今まで数値しかなかったので初見だと不明なプロパティでした。

image.png
image.png
CSSが記述できるようになっていました。
image.png

コンポーネントの追加がしやすくなった!

 画面左上のボタンから追加できるようになっていました。
image.png
 追加したいコンポーネントのあるプロジェクトを選択し、その中からコンポーネントを選ぶようです。次の図では、ver1.3.1で作成したプロジェクトを選択した時の画面です。画像ファイルやフォントファイルも読み込めるみたいです。
image.png

おわりに

 次は新規プロジェクト作成からIoT連携まで試してみようと思います。

5
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
2