デモ

TensorFlow.js で作成されたデモとコード例をご覧ください。

Holobooth

ウェブ ML を活用することで、熱帯のビーチや宇宙空間など、好きな場所に移動できます。

デモを見る コードを見る

LipSync by YouTube

ヒット曲「ダンス・モンキー」の歌詞にうまく口パクを合わせられるか試してみましょう。このブラウザ上のエクスペリエンスには facemesh モデルが使用されています。唇の周囲にある主要なポイントを推定し、口パクの精度を評価します。

デモを見る コードを見る

Emoji Scavenger Hunt

スマートフォンのカメラを使って、身の回りの隠れた絵文字を探します。制限時間内にすべての絵文字を見つけましょう。

デモを見る コードを見る

ウェブカメラ コントローラ

ブラウザでトレーニングした画像を使って、パックマンをプレイしましょう。

デモを見る コードを見る

Teachable Machine

画像を認識して音を出すよう機械に教えましょう。コーディングは不要です。

デモを見る コードを見る

Move Mirror

体を動かすだけで画像を見つけることができる、今までにない楽しい方法です。

デモを見る コードを見る

Performance RNN

ニューラル ネットワークによるリアルタイムのピアノ演奏をお楽しみください。

デモを見る コードを見る

Node.js での投球予測

Node.js を使用して、野球の投球の種類を分類するサーバー側モデルをトレーニングします。

コードを見る

モデル トレーニングの可視化

tfjs-vis を使用して、ブラウザ内のトレーニング、およびモデルの動作とトレーニングを可視化する方法をご覧ください。

デモを見る コードを見る

コミュニティのデモ

まずは公式テンプレートから始めましょう。コミュニティのおすすめから、アイデアを得られます。

Glitch

Glitch コミュニティをチェックして、TensorFlow.js を利用した独自プロジェクトを作成しましょう。

Glitch の詳細

CodePen

ボイラープレート テンプレートをフォークして、コミュニティで実例をご確認ください。

CodePen の詳細

GitHub Community Projects

TensorFlow.js のギャラリー ページに投稿されたコミュニティのメンバーによる作品をご覧ください。

GitHub を調べる

#MadewithTFJS on Twitter

このハッシュタグで、TensorFlow.js を使って作成された新しいプロジェクトに関する最新情報を確認するとともに、自分の持っている情報を共有しましょう。

Twitter を見る

Browser Node.js Python Browser Node.js Image Numeric Sequence テキスト Convolutional neural network Long short-term memory Multilayer perceptron Recurrent neural network Shallow neural network Attention mechanism Deep Q-Network Gated recurrent unit Generative adversarial network Policy gradient t-Distributed stochastic neighbor embedding Variational autoencoder Core (Ops) Layers

Has demo

Example	Input data type	Task type	Model type	Training environment	Inference environment	API type	Demo
abalone-node	Numeric	Loading data from local file and training in Node.js	Multilayer perceptron	Node.js	Node.js	Layers	No demo
addition-rnn	テキスト	Sequence-to-sequence	RNN: SimpleRNN, GRU and LSTM	Browser	Browser	Layers	View Demo
addition-rnn-webworker	テキスト	Sequence-to-sequence	RNN: SimpleRNN, GRU and LSTM	Browser: Web Worker	Browser: Web Worker	Layers	No demo
angular-predictive-prefetching	Numeric	Multiclass predictor	Deep Neural Network	Browser: Service Worker	Browser: Service Worker	Layers	No demo
baseball-node	Numeric	Multiclass classification	Multilayer perceptron	Node.js	Node.js	Layers	No demo
boston-housing	Numeric	Regression	Multilayer perceptron	Browser	Browser	Layers	View Demo
cart-pole		強化学習	Policy gradient	Browser	Browser	Layers	View Demo
chrome-extension	Image	(Deploying TF.js in Chrome extension)	Convolutional neural network		Browser		No demo
custom-layer		(Defining a custom Layer subtype)			Browser	Layers	View Demo
data-csv		Building a tf.data.Dataset from a remote CSV					View Demo
data-generator		Building a tf.data.Dataset using a generator	Regression	Browser	Browser	Layers	View Demo
date-conversion-attention	テキスト	Text-to-text conversion	Attention mechanism, RNN	Node.js	Browser and Node.js	Layers	View Demo
electron	Image	(Deploying TF.js in Electron-based desktop apps)	Convolutional neural network		Node.js		No demo
fashion-mnist-vae	Image	生成	Variational autoencoder	Node.js	Browser	Layers	No demo
interactive-visualizers	Image	Multiclass classification, object detection, segmentation			Browser		No demo
iris	Numeric	Multiclass classification	Multilayer perceptron	Browser	Browser	Layers	View Demo
iris-fitDataset	Sequence-to-sequence	Multiclass classification	Multilayer perceptron	Browser	Browser	Layers	View Demo
jena-weather	テキスト	Sequence-to-prediction	MLP and RNNs	Browser and Node.js	Browser	Layers	View Demo
lstm-text-generation	Image	Sequence-to-prediction	RNN: LSTM	Browser	Browser	Layers	View Demo
mnist	Image	Multiclass classification	Convolutional neural network	Browser	Browser	Layers	View Demo
mnist-acgan	Image	Generative adversarial network	Convolutional neural network; GAN	Node.js	Browser	Layers	View Demo
mnist-core	Image	Multiclass classification	Convolutional neural network	Browser	Browser	Core (Ops)	View Demo
mnist-node	Image	Multiclass classification	Convolutional neural network	Node.js	Node.js	Layers	No demo
mnist-transfer-cnn	Image	Multiclass classification (transfer learning)	Convolutional neural network	Browser	Browser	Layers	No demo
mobilenet	Image	Multiclass classification	Convolutional neural network		Browser	Layers	View Demo
polynomial-regression	Numeric	Regression	Shallow neural network	Browser	Browser	Layers	View Demo
polynomial-regression-core	Numeric	Regression	Shallow neural network	Browser	Browser	Core (Ops)	View Demo
quantization	Various	Demonstrates the effect of post-training weight quantization	Various	Node.js	Node.js	Layers	No demo
sentiment	テキスト	Sequence-to-binary-prediction	LSTM, 1D ConvNet	Node.js	Node.js or Python	Layers	View Demo
simple-object-detection	Image	オブジェクト検出	Convolutional neural network (transfer learning)	Node.js	Browser	Layers	View Demo
snake-dqn		オブジェクト検出	Deep Q-Network	Node.js	Browser	Layers	View Demo
translation	テキスト	Sequence-to-sequence	LSTM encoder and decoder	Node.js or Python	Browser	Layers	View Demo
tsne-mnist-canvas		Dimension reduction and data visualization	tSNE	Browser	Browser	Core (Ops)	No demo
webcam-transfer-learning	Image	Multiclass classification (transfer learning)	Convolutional neural network	Browser	Browser	Layers	View Demo
website-phishing	Numeric	Binary classification	Multilayer perceptron	Browser	Browser	Layers	View Demo

Learn how to use and contribute

TensorFlow.js を使ってみる

チュートリアルを見る