最小限のobnizプログラムを記述したHTMLです。
白紙の状態からobnizのプログラムを作成する場合に使用してください。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://unpkg.com/obniz/obniz.js"></script>
<style>
/* 必要に応じてここにCSSを記述する */
</style>
</head>
<body>
<div class="container">
<div id="obniz-debug"></div>
<h3>はじめてのobniz</h3>
<!-- ここにHTMLを記述する -->
<!-- ここからJavaScriptのプログラムコード -->
<script>
const obniz = new Obniz("OBNIZ_ID_HERE"); // ← 自分のobniz IDに変更する
// obnizがオンラインになったら
obniz.onconnect = async function() {
// ここに obnizのプログラムをJavaScriptで記述する
}
</script>
</body>
</html>