【初心者向け】LowCodeでwebアプリ開発!Noodl バージョン2.1 ハンズオン@オンライン

イベント内容

今回のイベントは、Noodl バージョン2.1.0 ビルド30 以降のご使用を推奨しています。必ず下記の「事前準備」をお読みになった上でご参加ください。

Noodl バージョン2.1のハンズオンをYouTubeでライブ配信します!

YouTubeのライブストリーミングで、Noodlの基本操作を学びます。Noodlを使ってUIデザインを作ったり、APIを繋いだり。この爆速感をぜひ一度体験してみてください。
※ 内容が変更になる場合がございます。
※ アーカイブを残しますので、後日、いつでもご視聴いただけます。

受講方法

こちらのURLからご参加ください。

本イベントは配信動画を視聴しながら、PC上でNoodlを操作する必要があります。
例として、3通りの受講方法をご紹介しますが、ご自身の受講しやすい方法であれば何でもOKです。
方法1:スマートフォンやタブレットを動画視聴用デバイスとして使用する
方法2:PCのディスプレイをもう1つ用意する
方法3:PCにChrome拡張機能をインストール↓
https://chrome.google.com/webstore/detail/floating-player/ekajjllcmeckibblgckgoceinmmgnfop?hl=ja

対象者

  • Noodlを初めて使う方
  • Noodlがどんなものなのかを知りたい方

※ 今回のイベントは初心者向けであり、以前のハンズオンと同じような内容になっております。既にNoodlを使っていただいている方にとっては物足りない内容かもしれません、あらかじめご了承ください。

スケジュール

時間 内容
19:30 イントロダクション
19:50 カード型のUIをつくってみよう!
20:30 天気(OpenWeatherMap)のAPIを利用して気温を表示してみよう!
20:50 質疑応答・まとめ
21:00 終了

※スケジュールは変更になる可能性があります

Noodlとは

Noodlは、webアプリケーションをLow-codeで開発できるプラットフォームです。ブラウザで動くwebアプリケーション(HTML / CSS / JavaScript / React で構築されたもの)が、「少ないコード記述」or「コード記述なし」で開発できます。

既にNoodlを知っている方からすれば「Noodl = プロトタイピングツール」という認識かと思いますが、最近Noodlの開発はどんどん進んでおり、プロトタイプから本番のアプリケーションまでシームレスな開発が可能なプラットフォームへと成長しています。

機能

  • UI/UXのビジュアルデザイン
  • ノードと呼ばれるブロックを繋ぐだけでプロトタイプが作成可能
  • JavaScriptのコードを書くことでさらに高度なプロトタイプも作成可能
  • プロトタイプから本番のアプリケーションまでシームレスに開発可能
  • API、リアルデータ、機械学習との連携が可能
  • IoT(マイコン接続)も可能
  • ウェブアプリケーションまたはハイブリッドアプリとしてデプロイ可能

事前準備

  1. Noodl2.1の最新ビルドをインストール
    今回はバージョン2.1.0 ビルド30 のNoodlを使用しますので、ビルド30以降でのご参加を推奨します。
    ※ バージョン確認方法:Noodlを起動し、メニューバーの Noodl > About Application へ
    ※ プロキシ設定についてはこちらをご参照ください

    【既にバージョン2.1をインストールしたことがある方】
    バージョン2.1.0 ビルド30より前のNoodlを使っている方は、お手数ですが最新版のダウンロードをお願いいたします。
    ※ ダウンロードページへのURLは、クローズドなURLのためイベント前日にメールでご案内します。ダウンロードページの「Download」ボタンのリンク先データは定期的に更新されているので、常に最新版をダウンロードできます。

  2. ワークスペースを作成(リンク先connpassページの手順3-4)
    WebブラウザでNoodlコンソールにSign Inし、ご自身のワークスペースを作成しておいてください。

  3. OpenWeatherMap の API Key を控えておく
    ハンズオンでは、ご自身のアカウントのAPI Keyをコピー&ペーストして利用します。
    OpenWeatherMapのアカウント登録 & APIキー確認方法はこちら

  4. 資料にアクセス
    このページの下にある「資料」から、プロジェクトファイルをダウンロードしてください。
    ※ イベント当日に資料をアップロードします

当日ご用意いただくもの

  • ネット環境
  • 事前準備を済ませたノートパソコン
  • ノートパソコンの電源アダプタ(充電用)
  • スマートフォン(リアルタイムでプレビュー表示させることができます)

その他、Noodl関連のオススメイベント

Noodlもくもく会
Noodl好きで集まってゆるゆると楽しむもくもく会です!
初心者大歓迎です!Noodlで作ったものを共有したりしてます。
※ 次回開催日が決定し次第、更新します。

当日の問い合わせ

主 催:株式会社テイ・デイ・エス
メール:noodl_tokyo@tds-g.co.jp
担 当:加藤

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

類似しているイベント