- 2020.12.26
React + Flask をExe化して動かしてみる
簡単なReact + Flask をExe化して動かしてみたいと思います。 コードの詳細が見たい方はこちらから見てください。Flask + React でHello World フォルダの階層はこんな感じです。 FrontendのReact側 こちらはjsファイルをbuildして、できたファイルをbackend側に埋め込んでいきます。 ターミナル操作でapp/frontend/src下に移動しまし […]
Flask
- 2020.12.17
Flaskファイルをpyinstallerを使ってExe化してみよう
(前準備)簡単なFlaskファイルを作成 Exe化を作る前に簡単なFlaskファイルを作っておきます。 ファイル構成はflaskというフォルダに、main.pyだけを持っているファイルです。 main.pyのファイルの中身は、アクセスしたら文字列を返すだけのものです。 念のため動作確認しておきます。(コマンド操作でflaskフォルダがあるディレクトリまで移動が必要です) 無事動きだしました。loc […]
- 2020.12.07
Vue.js フィルター機能実装
前回書いたこの記事よりスクレイピングしたデータを使用して、Vue.jsで表示してフィルター機能を実装していきたいと思います。 Pythonを利用してVueで表示したい方はこれらの記事を参照してみて下さい。 イメージはこんな感じです。ランキング部分をVue.jsで表示しています。 表示しているデータはPythonでエクセルから読み込んでjsonに変換しているだけです。絞り込み機能のフォーム部分でそれ […]
- 2020.11.28
Vue.jsからPythonにリクエストを飛ばしてエクセル書き込み
この記事からの続きとなります。まだご覧になっていない方はどうぞ。 エクセルに書き込むメソッドの作成 Vue側から飛ばすデータの内容は決まっているので(表示しているデータ)それを元にエクセルに書き込むメソッドを作成します。 main.pyと同じ配下にfunction.pyのファイルを作成します。下記書き込んでください。 足りないライブラリは各自pip installして下さい。 Vue側からリクエス […]
- 2020.11.14
Flask + React でHello World
PythonのFlaskとJavaScriptのReactを使ってHello Worldを出力させたいと思います。そしてメッセージを送って、出力させるところまで一気にやります。 簡単なサーバー側とフロント側での実装がこちらの記事でできるようになります。 create-react-app コマンドを使用してReactを作ります。設定未だの方はこちらからご覧ください。 まずは今回作成するファイル階層を […]
- 2020.11.12
PythonでVue.jsソート(昇順・降順)
この記事からの続きとなります。まだご覧になっていない方はどうぞ。 タイトルの通り昇順のソートを行います。 昇順 index.htmlを編集します。 まずは無駄なコードが多いためシンプルにします。 にアクセスして前回同様に表示されていればOKです。 次にソートメソッドを実装します。sort_key: ”の追加とcreatedの下にメソッドを実装します。 実装が終わったらテーブルの項目をク […]
- 2020.11.03
PythonのFlaskでHelloWorld
FlaskでHelloWorldを出力してみた。 前提条件：・Mac・Python3・pipの環境があること。 コマンド操作でFlaskをインストールします。 ファイル階層はこんな感じです。 フォルダを作成していきましょう。 コマンドで作成出来るよう書いておきます。 main.pyを編集します。 これだけでも実行はできますが、index.htmlからも動かしたいのでtemplates/index. […]