4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

「Flask+Vue.jsでお願い」と言われて試みたことメモ

Posted at

先人の知恵を参考に環境構築

Vue.js(vue-cli)とFlaskを使って簡易アプリを作成する【前半 - フロントエンド編】
https://qiita.com/mitch0807/items/2a93d93adbf6b5fc445c

環境構築で出たエラー

Module build failed: ValidationError: Invalid options object. Sass Loader has been initialised using an options object that
 does not match the API schema.

モジュールのビルドに失敗しました:ValidationError
無効なオプションオブジェクト。 Sass Loaderは、オプションオブジェクトを使用して初期化されました。
APIスキーマと一致しません。

そのときはこれを参考にした。
npm installでError:EACCESがでたら
https://qiita.com/Gaddict/items/8c76d92bd0adec2bfb6a

→解決

Flask+Vue.jsで作ろうと試していたんだけど、その日に作ってその日にリリースしないといけないってことで・・・・
Vue.jsはとりあえずなし。環境構築苦手すぎてほんとやんなっちゃうわ。。

とにかく、至急実装するために、htmlを書くことに。

python動かす環境がなくて環境構築

brewはすでに使えるから、minicondaのインストールから。

JS導入に参考にした記事
【Trainer's Recipe】Pythonのフレームワークのflaskを触ってみた。
https://qiita.com/gsacademy_tokyo/items/16cba215a0cd921df87f

基本的な書き方はググりながら進めた。最低限の書き方はこちらを参考に。
Flaskの簡単な使い方
https://qiita.com/zaburo/items/5091041a5afb2a7dffc8

ちょこちょこっとページ作ってみたけど、初心者だけどVue.jsとか書いたことあったからか、propsっぽいな、methodsっぽいなっていう点があってわかりやすく、とっつきやすい。深く触ってない方欠点もわかってない。
ただpythonファイルみたらインデントが綺麗で、こんなコード書きたいなと思い、pythonの勉強を始めようと思う。

今後の実装

今後の対応は、まずCDNでVue.jsを導入して、今後フロントとバックエンドを徐々に切り離す。そしてそのあと、そろそろかなってときにFlaskとVue.jsに分けていくようにフロントの環境整えていく。

1日あれば3,4ページぐらいのCMSは作れるんやね。
課題も見えたしよい勉強になった、

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?