このプロジェクト

勉強用として、機械学習アプリを作りました。バックエンドはGoogleCloud上に　フロントエンドはFirebaseでホスティングする予定です 音楽雑誌、音楽書籍から文章を抜き出し、前処理後、WordEmbeddingを実装したライブラリで学習し、アーティストの近傍探索ができるアプリとなります。 このレポジトリはフロントエンドのレポジトリとなります。

使用技術一覧

全体構成図

フロントエンドプロジェクト構成

src
│  App.vue    #アプリの画面のメインファイルサジェストをする機能が実装されている
│  main.js    #ここを起点としてアプリが起動するメインファイル
│  router.js  #ルーティングを制御するフレームワークのファイル
│  
├─assets
│      logo.png
│      logo.svg
│      notexist.png
│      
├─components
│  ├─ArtistDetail
│  │      artistDetail.vue   #アーテストの詳細情報を表示するモジュール
│  │      
│  ├─BaseEffectParts
│  │      basiccirculerdialog.vue  #エフェクトを表示するモジュール
│  │      
│  ├─MAIN
│  │      mainVue.vue   #メイン画面を表示するモジュール
│  │      
│  ├─NeighborArtists
│  │      neighborArtists.vue  #近傍探索の結果を表示するモジュール
│  │      
│  ├─RootVue
│  │      rootVue.vue #ダミーモジュール
│  │      
│  └─SuggestResult
│          suggestResult.vue #サジェストの検索結果を表示するモジュール
│          
├─lib
│      dataaccessclient.js # RestAPIのURIを作成するモジュール
│      dcx.js　　　　　　　　#　Doxies.jsというブラウザのIndexedDBを操作するモジュール
│      
├─plugins
│      vuetify.js　　　　　# Vuejsのコンポーネントフレームワークのコアファイル
│      
└─store
        index.js          #Vuexという状態管理をするフレームワークの設定ファイル

画面説明

1. アーティストをマウスオーバーするとアーティスト詳細情報かそのアーティストに近いアーティストをボタンを押して表示させることができます



2. サジェスト検索