モデルの絵を描くには、ml5.js SketchRNNモデルのgenerate()メソッドに指定したコールバック関数(gotStroke)に渡されるstrokesオブジェクトを使用します。strokesは次のプロパティを […]
続きを読むカテゴリー: もっと優しい機械学習 ml5.js JavaScript
11_4：ml5.js SketchRNN 最初の線を描画する ml5.js JavaScript
SketchRNNモデルのgenerate()メソッドに渡したコールバック関数には、第２引数としてモデルの線の情報を持つオブジェクト(strokes)が渡されます。そのオブジェクトをconsole.log()で出力すると […]
続きを読む11_3：ml5.js SketchRNN 描く線の最初のデータを得るまで ml5.js JavaScript
ml5.jsでは、数式で表されるような機械学習の難しい側面が隠されているので、このSketchRNNを扱うときでも、あらかじめ用意された関数やメソッドを適切に操作するだけで、興味をそそる面白い体験を得ることができます。 […]
続きを読む11_2：ml5.js SketchRNNの基本サンプル ml5.js JavaScript
本稿は「ml5-examples/p5js/SketchRNN/SketchRNN_basic」のサンプルを元に、適用するモデルをメニューから変更できるようにしたものです。 次のリンクをクリックすると、サンプルの動作を確 […]
続きを読む11_1：ml5.js SketchRNN ml5.js JavaScript
SketchRNNは、Googleの「Quick Draw!」プロジェクトから集められた手描きのイラストを学習させたRNNモデルで、それのml5.jsバージョンが「ml5-library/src/SketchRNN」で公 […]
続きを読む10_3：mobileNetを使ったWebカメラ画像のKNN分類 ml5.js JavaScript
本稿は「ml5-examples/p5js/KNNClassification/KNNClassification_Video」で公開されているサンプルコードの解説です。 次のリンクをクリックすると、実際の動作を確認する […]
続きを読む10_2：ml5.KNNClassifier()の簡単な例 ml5.js JavaScript
ml5.jsのサンプルページには、ml5.KNNClassifier()の例があがっていないので、以下に簡易化した例を示します。 注意 おそらくじきに解決されるものと思われますが、本稿執筆時点では、ml5.jsの新しいバ […]
続きを読む10_1：KNN クラス分類 ml5.js JavaScript
本稿は、「ml5-examples/p5js/KNNClassification」で公開されているサンプルを元に、k近傍法(k-nearest neighbor algorithm, k-NN）と呼ばれる方法で、クラス分 […]
続きを読む9_5：king – man + woman = queen ml5.js JavaScript
Word2vecの有能性を物語る有名な例として、king – man + woman = queenがあります。これは、(単語の意味の上で)kingからmanを引いて、それにwomanを足したものはqueen […]
続きを読む9_4：ml5.word2vec()サンプル ml5.js JavaScript
ml5.jsのWord2vecサンプルは「ml5-examples/p5js/Word2Vec」にあります。以下はサンプルで使用されているデータ(wordvecs10000.json)を使用した、ml5.word2vec […]
続きを読む9_3：似ているか？ 似ていないか？ ml5.js JavaScript
以下は、「単語の意味をベクトルで表現する」を理解するための、”適切ではないかもしれない”簡易的な例です。 「old woman」と「aunt」は、どちらも同じ女性で年もとっているという点で、「old woman」と「gi […]
続きを読む9_2：Word2vecとは？ ml5.js JavaScript
Word2vecとは、グーグルの研究者であるトマス・ミコロフ氏らが提案した、単語の意味をベクトルで表現する方法で、自然言語処理と呼ばれる技術分野に属します。 そもそも「単語の意味をベクトルで表現する」というのが理解に苦し […]
続きを読む9_1：Word2vec(単語の意味をベクトルで表現する) ml5.js JavaScript
word2vec() Word2vecは、単語の分散表現(Word Embeddings)に使用される、関係性のモデルのグループです。このメソッドを使用すると、任意の入力ベクトルに対してベクトル演算を実行することができま […]
続きを読む8_2：YOLOとp5.jsによるリアルタイム物体検出 ml5.js JavaScript
本稿は「ml5-examples/p5js/YOLO」で公開されているサンプルの解説です。 次のリンクをクリックすると、実際の動作が確認できます。「YOLOとp5.jsによるリアルタイム物体検出」 HTML <!D […]
続きを読む8_1：YOLO ml5.js JavaScript
YOLO() You only look once (YOLO、見るのは一度だけ) は最先端のリアルタイム物体検出システムです。 作成者のWebサイトから： これまでの検出システムでは、検出の実行に分類器やローカライザが […]
続きを読む7_3：ビデオに対するPoseNetサンプル(１人の姿勢検出) ml5.js JavaScript
本稿は「ml5-examples/p5js/PoseNet/PoseNet_webcam」で公開されているサンプルの解説です。 コンピュータにとって、ビデオはつながった静止画を高速で表示することと同じなので、ビデオに映っ […]
続きを読む7_2：画像に対するPoseNetサンプル(１人の姿勢検出) ml5.js JavaScript
本稿は「ml5-examples/p5js/PoseNet/PoseNet_image_single」で公開されているサンプルの解説です。 次のリンクをクリックすると、実際の動作が確認できます。「画像に対するPoseNe […]
続きを読む7_1：PoseNet (姿勢検出) ml5.js JavaScript
poseNet() PoseNetは、リアルタイムでの人間の姿勢推定が行える機械学習モデルです。 PoseNetは単一の姿勢推定にも複数の姿勢推定にも使用できます。これは、イメージやビデオの中に人が１人だけいることが検出 […]
続きを読む6_1_2：p5.jsを使ったビデオ画像の画風変換サンプル(Style Transfer) ml5.js JavaScript
本稿は「ml5-examples/p5js/StyleTransfer/StyleTransfer_Video」で公開されているサンプルの解説です。 次のリンクをクリックすると、実際の動作が確認できます。「p5.jsを使 […]
続きを読む6_1_1：p5.jsを使った画像の画風変換(Style Transfer) ml5.js JavaScript
本稿は「ml5-examples/p5js/StyleTransfer/StyleTransfer_Image」で公開されているサンプルの解説です。 次のリンクをクリックすると、実際の動作が確認できます。「p5.jsを使 […]
続きを読む6_1：画風変換(Style Transfer) ml5.js JavaScript
styleTransfer() 画風変換(Style Transfer)は、ある画像のスタイルを別のスタイルに変換できる、機械学習の技術です。これには２つのステップがあり、まずはモデルを特定のスタイルに対して訓練する必要 […]
続きを読む5_1_3：鼻歌音程モニター ml5.js JavaScript
AndroidやiOSアプリの「ボーカル音程モニター」にヒントを得て、「鼻歌音程モニター」なるものを試作しました。 これはピッチやMIDI番号、音程の取得までは前の「5_1_2：ピッチ抽出ピアノ」と同じで、ピッチの数値を […]
続きを読む5_1_2：ピッチ抽出ピアノ ml5.js JavaScript
本稿は「ml5-examples/p5js/PitchDetection/PitchDetection_Piano」サンプルの解説です。 下記リンクをクリックすると、実際の動作が確認できます。このサンプルを試すには、 マ […]
続きを読む5_1_1：ピッチ抽出(Pitch Detection)サンプル ml5.js JavaScript
本稿は「ml5-examples/p5js/PitchDetection/PitchDetection」サンプルの解説です。 下記リンクをクリックすると、実際の動作が確認できます。このサンプルを試すには、 マイクを接続し […]
続きを読む5_1：ピッチ抽出(Pitch Detection) ml5.js JavaScript
pitchDetection() ピッチ抽出アルゴリズムは、音声信号のピッチや基本周波数を推測する方法です。このメソッドを使用すると、訓練済みの機械学習ピッチ抽出モデルを使って、サウンドファイルのピッチを推測することがで […]
続きを読む4_1_2：LSTMの訓練(「不思議の国のアリス」モデルの作成) ml5.js JavaScript
初めに概略を述べておくと、「不思議の国のアリス」風の文章を生成するには、「4_1_1：LSTM 文章生成サンプル」で示したml5.charRNN()の第１引数を、「不思議の国のアリス」のモデルへのパスに変えるだけです。た […]
続きを読む4_1_1：LSTM 文章生成サンプル ml5.js JavaScript
本記事は、「ml5-examples/p5js/LSTM/LSTM_Text」で公開されているサンプルの解説です。このサンプルでは、ヴァージニア・ウルフというイギリスの小説家の文章が使われています。 次のリンクをクリック […]
続きを読む4_1：文章の自動生成 ml5.js JavaScript
charRNN() （LSTMGenerator()） LSTM (Long Short Term Memory、長短期記憶)ネットワークは、たとえばテキストの文字や音楽の音符など、連続しそのつながりの順番が意味を持つデ […]
続きを読む3_1_2：MobileNetによる特徴抽出を使用した画像回帰 ml5.js JavaScript
以下は、「ml5-examples/p5js/FeatureExtractor/FeatureExtractor_Image_Regression」で公開されているサンプルの解説です。 次のリンクをクリックすると、このサ […]
続きを読む3_1_1：MobileNetによる特徴抽出を使用した画像分類 ml5.js JavaScript
以下は、「ml5-examples/p5js/FeatureExtractor/FeatureExtractor_Image_Classification」で公開されているサンプルの解説です。 次のリンクをクリックすると […]
続きを読む3_1：特徴抽出(Feature Extraction) ml5.js JavaScript
featureExtractor() ニューラルネットワークは画像内容の認識に使用できます。画像をある決まったカテゴリーに分類する際、ほとんどの場合は、大きなデータセットで訓練された”訓練済み”モデルを使用することになる […]
続きを読む2_1_5：MobileNetとp5.js、p5.speechを使った音声出力をともなうスカベンジャーハントゲーム ml5.js JavaScript
以下は「ml5-examples/p5js/ImageClassification/ImageClassification_VideoScavengerHunt」で公開されているサンプルのコード解説です。 次のリンクをク […]
続きを読む2_1_4：MobileNetとp5.js、p5.speechを使った音声出力をともなうWebカメラ画像分類 ml5.js JavaScript
以下は「ml5-examples/p5js/ImageClassification/ImageClassification_VideoSound」で公開されているサンプルのコード解説です。 次のリンクをクリックすると、こ […]
続きを読む2_1_3：MobileNetとp5.jsを使ったWebカメラ画像分類 ml5.js JavaScript
以下は「ml5-examples/p5js/ImageClassification/ImageClassification_Video」で公開されているサンプルのコード解説です。 次のリンクをクリックすると、このサンプル […]
続きを読む2_1_2：MobileNetとp5.jsを使った複数画像の分類サンプル ml5.js JavaScript
以下は、「ml5-examples/p5js/ImageClassification/ImageClassification_MultipleImages」で公開されているサンプルのコード解説です。 次のリンクをクリック […]
続きを読む2_1_1：MobileNetとp5.jsを使った画像分類サンプル ml5.js JavaScript
以下は、ml5-examples/p5js/ImageClassification/ImageClassificationで公開されているサンプルのコード解説です。 次のリンクをクリックすると、このサンプルの動作が確認で […]
続きを読む2_1：画像分類(Image Classification) ml5.js JavaScript
imageClassifier() ニューラルネットワークは画像内容の認識に使用できます。ml5.imageClassifier()メソッドは、訓練済みモデルを使って画像を分類するオブジェクトを作成します。 以下のサンプ […]
続きを読む1_2：Promiseとコールバックの使用に関する留意点 ml5.js JavaScript
以下は「A note on using Promises and Callbacks」ページの翻訳文です。 ml5.jsは、p5.jsライブラリのシンタックスやパターン、スタイルに強い影響を受けていますが、ml5.jsが […]
続きを読む1_1：ml5.jsの準備 ml5.js JavaScript
ml5.jsの本家サイトは「ml5js · Friendly Machine Learning For The Web」です。 「ml5-examples/p5js」で公開されているサンプルでは、「p5.js」と「p5. […]
続きを読むもっと優しく機械学習が行える ml5.js JavaScript
機械学習を本格的に学ぶのであれば、Python言語の学習から始めるのが、一見遠回りに思えても、最終的には近道であり、本道です。 TensorFlow.jsは、Python言語を学ばずに、今知っているJavaScript言 […]
続きを読む