TensorFlow.js
をテンプレートにして作成
LECTURE
担当科目一覧
コンピュータ概論/2024
データサイエンス/2024
3DCG演習/2024
情報デザイン研究/2024
卒業研究/2024
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
開始行:
*TensorFlow.js
https://www.tensorflow.org/js/?hl=ja
~
TensorFlow.jsとは、Googleが公開した JavaScript ライブラリ...
一般に[[機械学習（ML）>MachineLearning]]による推論はサ...
学習済みモデルをダウンロードする必要があるため、その容...
~
***CONTENTS
#contents2_1
~
**はじめに
***概要
TensorFlow.jsでは、以下のようなことが可能です。
-[[既存のモデルを実行する>https://www.tensorflow.org/js/m...
--画像の分類
--オブジェクトの検出
--人体の部位を分割
--姿勢推定
--コメントが会話に与える影響（有害＜＞無害）のスコアリング
-既存のモデルを再トレーニングする
--画像分類器を元にした転移学習
--音声認識を元にした転移学習
-JavaScript を使用して ML モデルを開発する
~
***導入方法
ブラウザベースのプロジェクトで TensorFlow.js を利用するに...
-scriptタグを使用する
-NPMからインストールして、ビルドツールを使用する
ここでは、簡単に試せる scriptタグの利用を前提とします。以...
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tf...
~
~
**サンプルプログラム
以下、MobileNetの学習済みモデルを利用して、画像の対象物を...
尚、結果はコンソールに表示されるので、ブラウザの開発ツ...
&color(red){サーバーにアップしてお試し下さい。};
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<script src="https://cdn.jsdelivr.net/npm/@tensorflo...
<script src="https://cdn.jsdelivr.net/npm/@tensorflo...
<title>MobileNet｜TensorFlowJS</title>
</head>
<body style="text-align:center">
<h1>MobileNet｜TensorFlowJS</h1>
<img id="image" src="sample.jpg"></img>
<script>
const img = document.getElementById('image');
// Loading the model.
mobilenet.load().then(model => {
// Classify the image.
model.classify(img).then(predictions => {
console.log(predictions);
});
});
</script>
</body>
</html>
~
~
**デモプログラム
手元の画像のドラッグ＆ドロップで、対象を推論するサンプル...
-CODE：https://github.com/koichi-inoue/TensorFlowJS_Mobil...
-DEMO：https://koichi-inoue.github.io/TensorFlowJS_Mobile...
-WebGL経由でGPUを利用するので、古い環境では動かない場合が...
-認識できる物体のラベル一覧は以下の検索でヒットします。
[[Google:imagenet 1000 classes list]]
~
~
**APPENDIX
***TensorFlow.js Examples
TensorFlow.jsを使用したMLタスクを実装したコード例
https://github.com/tensorflow/tfjs-examples
~
***A Neural Network Playground
ニューラルネットワークの動きを直感的に可視化する遊び場で...
https://playground.tensorflow.org/
~
***関連ページ
//-[[BrainScience]]
-[[DataScience]]
//-[[Data]]
//-[[Statistics]]
-[[MachineLearning]]
-[[NeuralNetwork]]
//-[[DataMining]]
-[[ArtificialIntelligence]]
//-[[ArtificialIntelligence/Links]]
~
~
終了行:
*TensorFlow.js
https://www.tensorflow.org/js/?hl=ja
~
TensorFlow.jsとは、Googleが公開した JavaScript ライブラリ...
一般に[[機械学習（ML）>MachineLearning]]による推論はサ...
学習済みモデルをダウンロードする必要があるため、その容...
~
***CONTENTS
#contents2_1
~
**はじめに
***概要
TensorFlow.jsでは、以下のようなことが可能です。
-[[既存のモデルを実行する>https://www.tensorflow.org/js/m...
--画像の分類
--オブジェクトの検出
--人体の部位を分割
--姿勢推定
--コメントが会話に与える影響（有害＜＞無害）のスコアリング
-既存のモデルを再トレーニングする
--画像分類器を元にした転移学習
--音声認識を元にした転移学習
-JavaScript を使用して ML モデルを開発する
~
***導入方法
ブラウザベースのプロジェクトで TensorFlow.js を利用するに...
-scriptタグを使用する
-NPMからインストールして、ビルドツールを使用する
ここでは、簡単に試せる scriptタグの利用を前提とします。以...
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tf...
~
~
**サンプルプログラム
以下、MobileNetの学習済みモデルを利用して、画像の対象物を...
尚、結果はコンソールに表示されるので、ブラウザの開発ツ...
&color(red){サーバーにアップしてお試し下さい。};
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<script src="https://cdn.jsdelivr.net/npm/@tensorflo...
<script src="https://cdn.jsdelivr.net/npm/@tensorflo...
<title>MobileNet｜TensorFlowJS</title>
</head>
<body style="text-align:center">
<h1>MobileNet｜TensorFlowJS</h1>
<img id="image" src="sample.jpg"></img>
<script>
const img = document.getElementById('image');
// Loading the model.
mobilenet.load().then(model => {
// Classify the image.
model.classify(img).then(predictions => {
console.log(predictions);
});
});
</script>
</body>
</html>
~
~
**デモプログラム
手元の画像のドラッグ＆ドロップで、対象を推論するサンプル...
-CODE：https://github.com/koichi-inoue/TensorFlowJS_Mobil...
-DEMO：https://koichi-inoue.github.io/TensorFlowJS_Mobile...
-WebGL経由でGPUを利用するので、古い環境では動かない場合が...
-認識できる物体のラベル一覧は以下の検索でヒットします。
[[Google:imagenet 1000 classes list]]
~
~
**APPENDIX
***TensorFlow.js Examples
TensorFlow.jsを使用したMLタスクを実装したコード例
https://github.com/tensorflow/tfjs-examples
~
***A Neural Network Playground
ニューラルネットワークの動きを直感的に可視化する遊び場で...
https://playground.tensorflow.org/
~
***関連ページ
//-[[BrainScience]]
-[[DataScience]]
//-[[Data]]
//-[[Statistics]]
-[[MachineLearning]]
-[[NeuralNetwork]]
//-[[DataMining]]
-[[ArtificialIntelligence]]
//-[[ArtificialIntelligence/Links]]
~
~
ページ名:
