NoodlのVer2を使って作成した機能デモとなります
- Noodl2 Lib Demo:UI/UXデザイン、ノンコーディングの機能
- Noodl2 CSS Demo:CSS Styleを使った影、塗りつぶしのサンプル
- Noodl2 CanvasDemo:Canvasを使ったサンプル
- Noodl2 MicrobitThreeDemo:Microbitを使ったCanvasの操作
- /Noodlを対象PCにCloneしてください
- Noodl2を起動しProjects>Import exsisting projectから対象のプロジェクトNoodl2_libDemo/Noodl2_CSSDemo/Noodl2_CanvasDemoを選択してください
- Material UI Kitを使ったデモではLibraryからMaterial UI KitをAddしてください
- image表示のサンプルとしてユメヒコさんが生み出し、フリー素材化された清水さんを使用しています
NoodlとはIoT、API、ビジュアルデザインを同一プラットフォーム上で連携させるプロトタイピングツールの一つです。
アジャイルな開発プロセスを実現することを目的としています。
日本ではローカルパートナーの株式会社tensorXによって展開され、 スウェーデンのデザインファームTOPP(本社:Malmo,Sweden)が開発しています。
Ver1.3が公開されているほか、Ver2.0βが昨年末より公開されています。
- UI/UXのビジュアルデザイン
- コーディング不要
- API、リアルデータ連携可
- IoT(マイコン接続)も可能
- ウェブアプリケーションまたはハイブリッドアプリとしてデプロイ可能
各デモの解説をQiitaに公開しています。