Noodl 2 Demo

NoodlのVer2を使って作成した機能デモとなります

• Noodl2 Lib Demo:UI/UXデザイン、ノンコーディングの機能
• Noodl2 CSS Demo:CSS Styleを使った影、塗りつぶしのサンプル
• Noodl2 CanvasDemo:Canvasを使ったサンプル
• Noodl2 MicrobitThreeDemo:Microbitを使ったCanvasの操作

使用方法

1. /Noodlを対象PCにCloneしてください
2. Noodl2を起動しProjects>Import exsisting projectから対象のプロジェクトNoodl2_libDemo/Noodl2_CSSDemo/Noodl2_CanvasDemoを選択してください
3. Material UI Kitを使ったデモではLibraryからMaterial UI KitをAddしてください

使用素材

1. image表示のサンプルとしてユメヒコさんが生み出し、フリー素材化された清水さんを使用しています

---

Noodlとは

NoodlとはIoT、API、ビジュアルデザインを同一プラットフォーム上で連携させるプロトタイピングツールの一つです。

アジャイルな開発プロセスを実現することを目的としています。

日本ではローカルパートナーの株式会社tensorXによって展開され、 スウェーデンのデザインファームTOPP（本社：Malmo,Sweden）が開発しています。

Ver1.3が公開されているほか、Ver2.0βが昨年末より公開されています。

Noodlの特徴

1. UI/UXのビジュアルデザイン
2. コーディング不要
3. API、リアルデータ連携可
4. IoT（マイコン接続）も可能
5. ウェブアプリケーションまたはハイブリッドアプリとしてデプロイ可能

解説

各デモの解説をQiitaに公開しています。