iMind Developers Blog

iMind開発者ブログ

Vue.jsとFlaskで連携する

概要 Flaskで作成したAPIとVue.jsで通信して画面を表示するページを作成するローカル環境を作る。 バージョン情報 flask==1.1.1 Flask-Cors==3.0.9 Flask-RESTful==0.3.8 "vue": "^2.6.11" "vue-router": "^3.4.8" "axios": "^0.21.0" @vue/cli 4.5.7 Flask…

Vue.jsのRoutingで複数のcomponentを切り替える

概要 Vue.jsでURLに応じて複数のページの表示を切り替える。 バージョン情報 "vue": "^2.6.11" "vue-router": "^3.4.8" @vue/cli 4.5.7 プロジェクトフォルダの作成 $ vue create routing-example $ cd routing-example vue-routerのインストール $ yarn add…

Vue.jsでhello world

概要 vue.jsのインストール、CLIからのプロジェクト作成、hello worldの表示。 バージョン情報 nvm 0.36.0 node v12.19.0 yarn 1.22.10 @vue/cli 4.5.7 nvmからnodeとyarnのインストール nodeはnvmから入れてみる。 https://github.com/nvm-sh/nvm#installin…

Pythonのモジュール、関数、クラスを文字列から取得する

概要 Pythonでモジュール、関数、クラスを名称の文字列から取得する。 バージョン情報 Python 3.7.4 事前準備 下記のようなコードを書いて foo.py というファイル名で保存する。 class Foo: def hello(self): print('hello') サンプルコードではこのモジュー…

Pythonで新型コロナの感染者数推移を確認する(都道府県データ)

概要 COVID-19の国内の感染状況について、自分で手を動かしてデータを確認する為のサンプルコードです。 全国データ版はこちら 感染者数のデータ 下記に掲載されているCSVファイルを利用。 https://github.com/kaz-ogiwara/covid19 都道府県ごとの数値を取り…

Pythonで新型コロナの感染者数推移を確認する(全国データ)

概要 COVID-19の国内の感染状況について、自分で手を動かしてデータを確認する為のサンプルコードです。 都道府県版はこちら 利用するデータ 下記に掲載されているCSVファイルを利用します。 https://github.com/kaz-ogiwara/covid19 自分で厚労省のデータを…

GCPのCloud RunでサーバーレスなTensorFlowの予測処理

概要 TensorflowでMNISTの手書き文字認識するWebアプリをFlaskで実装し、Cloud Run上で結果を表示するところまで実装する。 モデルの訓練はローカルで行う。 前半はモデルの生成部分。後半はFlask部分の実装とCloud Runでの実行について扱う。 余談 この手の…

Pillowのequalize/autocontrastとOpenCVのequalizeHistの比較

概要 ヒストグラム平坦化を行うPillowのequalizeとOpenCVのequalizeHistの結果を比較する。 ついでにPillowのautocontrastの結果も並べてみる。 バージョン情報 opencv-python==4.1.0.25 Pillow==6.0.0 利用する画像 下記のようなとてもかわいい犬の写真を4…

TensorflowでMNISTの手書き文字をRegression

概要 Tensorflowを使ってMNISTの手書き文字をClassificationではなくRegressionで予測するという特に意味のない行為。 バージョン情報 tensorflow==1.3.1 学習処理 よくあるCNNでの手書き文字認識のモデル。 変わっているところはlayersの最後が Dense(1) に…

Flaskでのパスワードの再設定ページの実装

概要 ユーザーがパスワードを忘れた場合に、入力されたメールアドレス宛にパスワード更新用のURLを送り、パスワードの再設定を行えるような画面をFlaskで作る場合のサンプル。 サンプルコードではDB操作とメール送信については取り扱わずにスタブで済ませて…