Atsuhiko / Web-App

Webアプリ研究会
2 stars 2 forks source link

わんちゃん猫ちゃん判別アプリ 説明書 #22

Open yuyuyuriko78 opened 4 years ago

yuyuyuriko78 commented 4 years ago

事前準備

Anacondaの準備

仮想環境の準備

image

image

各種ライブラリの準備

image

アプリ実行に必要なライブラリ一覧(数字はバージョン。ない場合は指定せずインストールでOK)

モデルの準備

こちら(リンク追加)からモデルをダウンロードし、アプリと同じディレクトリに追加します。

yuyuyuriko78 commented 4 years ago

実行してみましょう

①作成したFlaskの仮想環境のターミナルを起動する。 ②アプリが入ったディレクトリにまで移動する。 ③DB を以下のコマンドを打ち込んで構築する。(何も起こりません) sqlite3 db.sqlite3 < schema.sqlpython app.pyでアプリを実行する。 ⑤http://0.0.0.0:8080/ にアクセスする。 ⑥アプリのトップページが表示される。

image

⑥「ファイルを選択」から写真を選択し「送信」。 ⑦犬か猫か判別される。

yuyuyuriko78 commented 4 years ago

ローカルで動かす方法 ① コマンドプロンプトを起動する ② 次のコマンドを打つ: conda activate (Flask をインストールした仮想環境)          例:conda activate Python36-cpuconda activate Python36-cpu もしくは ① Anaconda Navigator の左のメニューの 「Environment」 を選ぶ ② Flask と必要なライブラリーをインストールした仮想環境の横黒三角アイコンをクリックして、Open Terminal を選ぶ

③ Terminal を MV7 のパスにする(例: cd C:\Users\iiats\Desktop\Web-App\practice\MVP\MVP7) ④ DB を以下のコマンドを打ち込んで構築する: sqlite3 db.sqlite3 < schema.sql (何も起こりません) ⑤ 次のコマンドでサーバーを起動する: python app.py ⑥ Terminal でこのメッセージが出るまで待つ: Running on http://0.0.0.0:8080/ (Press CTRL+C to quit) Running on http://0.0.0.0:8080/ (Press CTRL+C to quit) ⑦ Chrome を起動してローカルサーバーのアドレスを打つ: http://127.0.0.1:8080/ ⑧ Chrome の右上の点が縦に三つ並んでいるアイコン → その他のメニュー(L) → デベロッパーツール(D) ⑨ iPad でシミュレーションする

篤彦 、21:22 Flask 関連以外に、仮想環境にインストールするライブラリーのインストール ① Anaconda Navigator の Environment で、Install から All にする ② openCV を探し出して、左側の □ を ☑ にして、右下の緑色の Apply をクリック ③ 仮想環境のTerminal を立ち上げる。 ④ Tensorflow 1.14.0 のインストール: conda install tensorflow==1.14.0 Keras 2.2.4 のインストール: conda install keras==2.2.4