モジュール情報の登録

このページでは、f3.jsが対応しているモジュール(センサやアクチュエータ)の情報を新しく登録できます。

基本情報

追加しようとしているモジュールの情報を入力してください。モジュールの一覧のカードが隣にプレビュー表示されています。

※写真URLは.jpg, .jpeg, .pngのいずれかで終わるもの、またはGyazoへアップロードされたページのURL(https://gyazo.com/hogehogeなど)に対応しています。

関連URL

このモジュールに関連したウェブサイトのURLは、基本情報を登録したあとで追加できます。

カードのプレビュー
モジュール名
作成日時
IoTコンテンツの説明

レイアウト情報

モジュールのレイアウト情報はJavaScriptの関数として記述します。空欄でも構いません。

レイアウト
レイアウト情報の書き方
  • はじめにこのモジュールを表すクラスを function 文を使って定義します。関数名は任意ですが、センサのクラス名がある場合それを使うことをおすすめします。
  • そのなかで、メソッドとして _name, _bounds, _print を定義します。
  • _name メソッドはモジュールが配置されたときに表示する名前を返します。
  • _bounds メソッドはモジュールを囲むバウンディングボックスを Rectangle インスタンスとして返します。
  • _print メソッドはグラフィックコンテキスト Graphics と印刷オプション PrintOptions を引数に取ります。
さらに詳しい書き方の説明は「f3.jsの使い方」をご覧ください。