f3js - JS Board Shibuya #6 LT
1 like5,530 views
https://docs.com/jun-kato/9050/f3js-js-board-shibuya-6-lt
f3js - JS Board Shibuya #6 LT
- 2. 加藤 淳 ? 統合開発環境（プログラマ向けユーザインタフェース）の研究をしています ? プログラミング体験研究会 http://sigpx.org 設立に向け暗躍中です ? Intel Edison好きです!!（jsupmにコミットしてみたり） ? 最近作っているJavaScript向け開発環境を紹介します http://junkato.jp/jaarcatdmz PicodeDejaVu VisionSketch TextAlive …
- 11. 思い出せ！俺たちはプログラマだ!!! 画像: NetBeans GUI Builder https://en.wikipedia.org/wiki/NetBeans
- 12. 思い出せ！俺たちはプログラマだ!!! 画像: NetBeans GUI Builder https://en.wikipedia.org/wiki/NetBeans 懐かしのGUIプログラミング jPanel.add(new JButton(), …);
- 13. f3.drawRectangle(20, 30, 200, 50)
- 14. f3.drawRectangle(20, 30, 200, 50) 板が切り出せたぞ！
- 19. f3.js: こんな人に使ってほしい！ ? Node.jsベースのマイコン、IoTデバイス用開発環境 ? 動作要件: npmでドライバをインストールできること ? その他: 各ドライバに対応したレイアウト情報が必要（GitHubで管理予定） ? （とりあえずIntel Edison, Raspberry Pi + 各種Groveモジュールに対応） ? f3js.orgへ行けばブラウザで動作する予定（Electron版も? 配布予定） ? 一部ツールはGitHubでオープンソース化予定 ? 一部ツールはnpmでインストールできるようにする予定 まだ開発中！ ですがデモできます
- 20. f3.js: 筐体設計までできる統合開発環境 ? ソースコード上は var f3 = require(‘fff-print’) を書き足すだけ ? f3pdf “source.js” -o “output.pdf” のようにして印刷用PDFを出力可 ? ブラウザ上またはf3pdf環境でのみPDFを出力する ? マイコン上のインタプリタでは何も出力せずそのまま普通に動作する ポイント① これまでJavaScriptで書いていたコードはそのまま動く
- 21. f3.js: 筐体設計までできる統合開発環境 ? var jg = require(‘jsupm_grove’), button = new jg.GroveButton(2); button.getValue(); と同じスコープで f3.add(button); と書ける！ ? ブラウザ上またはf3pdf環境ではダミードライバが読み込まれる ポイント② npmで読み込んだドライバのインスタンスを渡せば、 そのセンサ?アクチュエータに適した穴が開く
- 25. f3.js: こういうことがしたい ? 安い初期投資で、プラモデルのように作れるIoTを実現したい ? モジュール同士ははんだ付け不要でGroveなどの標準コネクタだけで繋げる ? 筐体は｛厚紙 | アクリル板｝、（レーザー）カッターと接着剤だけあれば組める ? ユーザがハード?ソフト両面をカスタマイズできるIoTを実現したい 誰でもIoT！