key

key

Flask+mysqlの環境をザックリ作ってみる

自分用に備忘録になります。Flaskからmysqlを動かそうとしている方には参考になるかもしれません。 前準備 venvで仮想環境を作成し、必要なモジュールをインストールしておきます。 今回使用したのは以下のモジュールです。 Flask flask-sqlalchemy PyMySQL python-dotenv python -m venv flasktest# 仮想環境をアクティブ状態に.\flasktest\Scripts\activate# アクティブ状

key

    • python-dotenvを使ってみる

      Pythonで仮想環境を使う際にvenvを使ってプロジェクト毎に環境構築をしていますが、外部APIのキーなどをその都度exportしていました。 何かいい機能無いかなと探しているとpython-dotenvなるものがあったので使用してみました。 python-dotenvの取得 pipコマンドでpython-dotenvを取得後、プロジェクトのルートディレクトリ直下に.envファイルを作成します。 この中に都度exportしていたキーを記載します。 pip instal

      key

      • Vue.js+Flask+axios+mysqlでDBの結果を画面表示

        前回記事の続きです。使用しているテーブルや今回追記した箇所以外は前回までの記事を参照ください。今回試したことは以下になります。 Vue.js側にaxiosを追加し、axios経由でFlaskを実行 Flask側は上記に対応するメソッドを追加する フロントエンド側 axiosを使用するので取得しておきます。axiosはjsベースのHTTP通信が行えるライブラリです。 npm install axios vueファイルは以下のようにしました。画面表示用の変数resul

        key

        • Vue.js+Flaskで画面描画しようとしたら失敗した話

          前回記事の続きです。 Vueをbuildし、FlaskからVue側のファイルを参照できるようになりましたがどちらも初期セットアップ状態なので中身を以下のように変えて表示できるか試してみようと思います。 Flask側ではmysqlに接続して任意テーブルへSELECTを実行 Vue側ではSELECT結果をFlaskから受け取って画面表示 結論 今回実施した内容ではFlaskからVueに値を渡すことが出来ませんでしたので自己学習の一環として実施結果を残します。 バックエ

          key

        Flask+mysqlの環境をザックリ作ってみる

        key

          Flask + Vue.jsの備忘録

          フロントエンドをVue、バックエンドをFlaskとした場合のアプリ作成に躓いたので備忘として残します。 ディレクトリ構成 今回は以下のようにフロントとバックを分けて作成しました。 mainDir-backend--venv--app.py-frontend--dist--src フロントエンド側(Vue.js)作成 createコマンドでVue環境を作成する。その際に名前をfrontendとして作成。 今回はオプションの類を全てNoにして作成を進める。 npm c

          key

          Flask + Vue.jsの備忘録

          key

          【Python】Tensorflow入門

          前書き機械学習の記事を読んでいるとちらほらTensorflowだったりPyTorchというワードを見かけてふんわりと理解はしているものの実際に叩いたことはないな？と思ったので今回触れてみます。 公式クイックスタートどんな時もとりあえず公式からです。 Colab上だとインストール済のようですが、個人の環境で実施する場合には事前に取得しておきましょう。 pip install tensorflow とても訳のわからないモノ 公式クイックスタートを見ていくとコードは書いて

          key

          【Python】Tensorflow入門

          key

          【Python】基礎を学ばずに実務で使用していたので基礎を学んでみた

          前書きIT業界あるあるの1つだと勝手に思っているのですが、最初に学んだ言語（筆者の場合はjava）は基礎の基礎から学び始めると思うんですが、2つ目、3つ目の言語ともなると基礎を飛ばして実務ぶっつけ本番でググりながら書いてたりしませんか？ 筆者の場合はPythonやRがまさにソレだったので、今回はPythonの基礎を学んでみようと思います（基本的には独学用なのでまさにノートですね）。 使用させて頂いた教材①筑波大学の三谷先生著書の「Pythonゼロからはじまるプログラミング

          key

          【Python】基礎を学ばずに実務で使用していたので基礎を学んでみた

          key

          【Python】株価データをAPIで取得してグラフ化⇒StreamlitでWebアプリっぽくしてみた

          前書き筆者が普段業務で使っている言語はjavaなので、Pythonのpandasやmatplotlibとあまり仲が良くありません。そこで今回は外部からdataframe形式でデータを受け取り、そのデータをmatplotlibの入力形式に合うように加工してPythonのライブラリに慣れてみたいと思います。 入力に使うデータ今回はdataframe形式で受け取れるデータという点と可視化した際に面白そうなデータが良いなと思ったので株価データを取得して加工してみたいと思う。 Ya

          key

          【Python】株価データをAPIで取得してグラフ化⇒StreamlitでWebアプリっぽくしてみた

          key

          【Python】GPT+Whisper+gradio+VOICEVOXで疑似Siriを作ってみた

          前書き前回までの記事でOpenAI API(GPT及びWhisper)を使ってみたり、gradioでの簡易Webアプリ作成、VOICEVOXエンジンによる音声読み上げを試してみました。そこでこれらを結合させて以下を実現してみようと思います。 gradioによる音声入力 Whisperによる音声⇒テキストへの変換 変換されたテキストを入力としたGPTの実行 GPTのレスポンスをVOICEVOXで読み上げる GPTのレスポンスをチャットボット風にWeb出力 実践…の前

          key

          【Python】GPT+Whisper+gradio+VOICEVOXで疑似Siriを作ってみた

          key

          【Python】OpenAI APIとgradioを組み合わせて動かしてみる

          前書きOpenAI APIもリリースされてからどんどんアップグレードが続いていますね。最近のアップデートでは最大トークン数が拡張されたモデルが登場したり、料金形態が若干安くなったりしたようです。私はといえばGPT+StreamlitでChatGPT風のアプリを作って遊んでみたりしましたが、直近で学習を始めたgradioを組み合わせてもよい勉強になると思ったので今回はgradioとOpenAIを組み合わせて使ってみようと思います。 【実践】gradioからGPTを動かしてみる

          key

          【Python】OpenAI APIとgradioを組み合わせて動かしてみる

          key

          【Python】VOICEVOXを導入⇒ずんだもんを喋らせてみた

          背景近年ではAIによる翻訳から対話まで、文字ベースのやり取りだと部分的には実用可能なレベルまで届いているのではないでしょうか。ここでもう一歩踏み出して文字ベースから音声ベースでAIを使ってみるためにまずはVOICEVOXを導入してPythonから喋らせてみたいと思います。 VOICEVOXとは簡単にいえば「棒読みちゃん（通称、ゆっくり）」のお友達ですね。テキスト入力を音声で読み上げてくれるソフトウェアです。この業界だと「ずんだもん」というキャラクターがよく動画などで登場しま

          key

          【Python】VOICEVOXを導入⇒ずんだもんを喋らせてみた

          key

          【Python】gradioに入門してみた

          背景前回はStreamlitについて軽く触れてみましたが、gradioについてもStreamlit同様に簡単にWebアプリが作れるPythonフレームワークとして並べられることが多いようです。そこで今回はgradioについても軽く触れてみようと思います。 ★前回の記事 gradioとはStreamlitと同様にPythonでシンプルにWebアプリを作成できるフレームワークの一つである。Streamlitと比べるとネット上に落ちている情報資源が少なく、見た目も若干劣るようだ

          key

          【Python】gradioに入門してみた

          key

          【Python】Streamlitに入門してみた

          背景前回携わったプロジェクトで全球（地球全体）規模のデータを扱うことが多々あったのでPythonやRでそれらデータの時系列推移や統計値を算出、matplotlibを使って可視化を行っていましたが見た目がダサいという欠点がありました。また、流行中のOpenAI APIを使用する際もCUIの枠を出ないとイマイチ格好良くないといった背景から今回はPythonで簡単にWebアプリが作れるStreamlitに触れてみようと思います。 StreamlitとはStreamlitとはPyt

          key

          【Python】Streamlitに入門してみた

          key