f3.js
For those who create Internet of Things by code.

Write Code
Customize & Print
Assemble
Enjoy!
日本語?

Create Internet of Things by Code!

f3.js is a web-based IDE for IoT applications. If you can write JavaScript, you can simultaneously define every aspect of the applications - not only programs of microcontrollers and tiny computers but also physical layouts of enclosures of the devices.

Even if you cannot write programs, you can customize IoT applications written by others through intuitive GUI such as sliders and checkboxes. The f3.js IDE tells you which components to purchase and how to print out the device enclosures, assemble the device, and install the programs. It is as easy as assembling plastic models!

α test phase

f3.js is currently testing its α version. Thank you for joining us for our journey to ease the process of making stable IoT prototypes with solid enclosures. You can also refer to the old top page for the project overview.

Below is the list of planned features and known bugs. If you notice something else to improve f3.js, please let me (@junkato) know.

Planned features

  • 複数枚のアクリル板に分けて印刷できるようにする
    v0.1.3
  • エディタカーソル位置の印刷結果をプレビュー上でハイライト
    v0.1.4
  • f3.js CLI(コマンドラインツール)
    v0.2.4
  • 3Dプリンタ用データなど外部URLへのリンクを足せるようにする
    v0.2.6
  • レイアウトマネージャ(BorderLayout, FlowLayoutなど)
    v0.2.7
  • 組み立てガイドの印刷(対応する辺同士に同じラベルを表示)
    v0.2.8
  • 組み立て説明ページ(部品購入から組み立て、実行までの支援)の作成
    v0.2.9
  • 対応するnpmモジュールがないレイアウト情報も登録できるようにする
    v0.3.0
  • 印刷プレビューにコンポーネントをドラッグ & ドロップで配置
    v0.3.0
  • Visual Studio Code用プラグイン
    v0.4.0
  • extrudeした立体の3D表示
    v0.4.0
  • f3.js IDE(ブラウザ不要でf3.jsが使えるようになる実行ファイル)
    v0.5.0
  • レーザーカッター以外(厚紙プリンタ)のサポート
  • SVGデータのインポート

Known bugs

  • Nothing filed at this moment, wow!

Recent updates

v0.2.9 (2016/9/12)
各プロジェクトページ下部の組み立て方説明を拡充した。モジュール同士が筐体上で干渉するとき警告(赤枠)を出せるようにした。
v0.2.8 (2016/9/9)
展開図上で、隣接面の対応する辺にラベルを表示できるようになった。
v0.2.7 (2016/9/7)
v0.2.6 (2016/9/6)
プロジェクトに動画や画像の外部リンクを足せるようにした。文字列定数をエンドユーザがカスタマイズできるようになった。
v0.2.0 (2016/6/16)
α版一般公開。
v0.1.0 (2016/3/7)
α版初公開

これよりも詳細な更新履歴はdocs.f3js.org をご覧ください。

News

東京大学 2016年度「ユーザインタフェース」講義

2016/9/6

プログラミング環境に関する講義を行い、実習としてf3.js(バージョン0.2.x)を用いてIoTアプリケーションの開発を行ってもらいました。

情報処理学会 インタラクション 2016

2016/3/4

登壇発表を行いました。また、招待者限定でf3.jsのα版(バージョン0.1.0)公開を始めることを告知しました。

JS Board Shibuya LTナイト!

2015/12/14

ライトニングトークでf3.jsの概要を紹介しました。

日本ソフトウェア科学会 WISS 2015

2015/12/14

初めて国内でf3.jsを紹介しました。デモ展示を行いました。

国際会議 ACM UIST 2015

2015/11/9

初めて対外的にf3.jsを紹介しました。所内ワークショップの成果を含めデモ展示を行いました。

You can reach more detailed news on Twitter @f3jsorg.