Skip to content

Latest commit

 

History

History
39 lines (27 loc) · 1.78 KB

README.md

File metadata and controls

39 lines (27 loc) · 1.78 KB

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に公開しています。