このページについて

  • Monaca本体及び参考資料へのリンクを公開しています
  • ログインIDのドメイン部分を公開しています
  • 『ダイレクトインポート』方式でプロジェクトをインポートするためのリンクを公開しています。
  • 良くある質問と回答(入門者向け)を公開しています

リンク集

Monacaログインページ

追加教材

図鑑

完成版

DX図鑑

完成版

貯金シミュレーション

完成版

おみくじアプリ

完成版

ログインID(ドメイン部)

青本・サンプルプロジェクト・1~12章

第1章:HTML入門

最小限のテンプレートを利用します
『新しいプロジェクトを作る』>『No Framework』 > 『最小限のテンプレート』

第2章:HTML入門

第3章:CSS入門

第2章の続きとして実習します。2章の完成版を実習のタイミングまでに用意して下さい。

第4章:JavaScript入門

最小限のテンプレートを利用します
『新しいプロジェクトを作る』>『No Framework』 > 『最小限のテンプレート』
プロジェクト名の例:今日は何日?

第5章:条件分岐

第6章:関数

第7章:イベント

第8章:DOM

第9章:フォーム

第10章:いろいろな演算子

第11章:配列

第12章:繰り返し

スライド資料

Monaca青本スライド20190401

動画教材

クラウドデータベース教材

チャットアプリ

Lv0
Lv1
Lv2
Lv3
Lv4
Lv5
Lv6
Lv7

ニフクラのキー

アプリケーションキー

※別途取得して下さい

クライアントキー

※別途取得して下さい

Raspberry Pi

接続テスト用プログラムの設置

管理者コマンドで管理者になってください。

sudo su -

エディターコマンドでテスト用のプログラムを実行してください。

nano ncmbtest.js

エディターコマンドが起動したら以下の記述をコピペしてください。

var NCMB = require("ncmb");
var ncmb = new NCMB("f5c727620b64dc98a8dda89fe8e89071d3efb980511b705845efe70f1de08f09","2932fb0b53c6922a0b04d40cb75378ec3f3866d7c72c5681c49d617dfcaa5f80");
// チャットテーブルのオブジェクトを作成(chatTableは変数で,オブジェクトが入っている)
var chatTable = ncmb.DataStore("chat");
// チャットで表示するレコードの件数を設定
var limit = 5;

chatTable
.order("createDate",true)
.limit(limit)
.fetchAll()
.then(function(records){
console.log(records);
});

設置したテストプログラムを実行して結果を確認してください

node ncmbtest.js

データベースの内容が表示されれば成功です

nano sensor.js
//ncmb config
var NCMB = require("ncmb");
var APIKEY = '自分のAPIキー';
var CLIENTKEY = '自分のクライアントキー';
var ncmb = new NCMB(APIKEY, CLIENTKEY);
var weather = ncmb.DataStore("weather");

//sensor congfig
var sensor = require('node-dht-sensor');
var deviceID = 22;
var sensorPin = 4;

sensor.read(deviceID, sensorPin, function(error, temperature, humidity) {
console.log(temperature.toFixed(1));
console.log(humidity.toFixed(1));
var record = new weather();
record.set("temperature", temperature.toFixed(1));
record.set("humidity", humidity.toFixed(1));
record.save()
.then(function() {
console.log("saved");
})
});

アプリ

農業IoTアプリv1

講師用・スライド教材(PDF)

2019xxxx_農業高校_IoT教材

青本スライド2019

チャットアプリ2019

node sensor.js