Help us understand the problem. What is going on with this article?

Nefry Cloud Appつくってみた

こんにちは、わみです。

2年前につくったNefryクラウド(仮)のアップデートをしてみたので、記事をまとめてみようと思います。

https://qiita.com/wamisnet/items/38d6a5ac8332b090d0c2

なにを作ったか

こんな感じのコードでNefryを動かせるようにしました。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Nefry Cloud App</title>
    <script src="NefryCloudApp.js"></script>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <!-- UIkit CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.3/dist/css/uikit.min.css" />
</head>
<body>
    <H1>Nefry Cloud App</H1>

    <button class="uk-button uk-button-default" id="red">LED Red</button>
    <button class="uk-button uk-button-default" id="blue">LED Blue</button>

    <script>
        let nefry = new NefryCloudApp("NefryCloud user","NefryCloud Key","Device ID");

        $("#red").on("click", function(){
            nefry.setLed(255,0,0);
        });

        $("#blue").on("click", function(){
            nefry.setLed(0,0,255);
        });
    </script>
</body>
</html>

どうしてつくったのか

Nefryを専門学校の授業で使用するにあたって授業の難易度的にC言語から始めるのは難しくそのつなぎとして始めるのがJavaScriptでできると非常に導入しやすい。

開発環境を整えなくても使えるのは非常に便利。

技術構成

Nefry <--> Nefry Cloud <--> JavaScript

基本的な構成はNefry Cloudの拡張になります。

Nefry Cloudの仕組みを拡張して、データにそれぞれのLEDの制御だったりを入れてやり取りするようにしています。

ハードウエア側はディスプレイにDeviceIDを表示するようにして、一意に扱えるようにしています。

まとめ

簡単にNefryCloudAppの紹介をしてみました。

もし使ってみたい方がいたら、私のTwitterにでもメッセージを送ってもらえれば、コードの本体を渡そうかと思いますので、ぜひ!

簡単にIoTの環境を作れるようになったのはいい世の中だなあと思います

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away