夏も本番ということで、家の外は暑くて死にそうです。お家がNo.1!!自主的に夏休み休業を取るということで、夏なんで、自由研究っぽくだいたいここ半年くらいに勉強したことを復習しつつ簡単Webアプリケーションを作ってみたいと思います。小学生でもできるくらい簡単になるようにがんばります。簡単にならなかったら、全国の小学生諸君、、、ごめんなさい。Worldの画面をFlaskにアクセスして表示できるようにします。要するに、Flaskのサーバーだけを起動してVueのページを表示させたいわけです。ディレクトリ階層としてはこんな感じですね。プロジェクトは適当に"myapp"にしました。frontendVue今回は画面とか特にこだわりないので、デフォルトでやります。プロジェクトを普通に作ります。frontendそうするとfrontendというvueのプロジェクトが生成されます。次にVueのconfigをいじります。デフォルトだと、vue.config.jsというファイルが生成されていなかったんで、frontendディレクトリ直下に作ります。}}そんでもって、vueのビルドを実行します。buildするとfrontend/distというディレクトリが生成されて、その中にvueプロジェクトがビルドされたものが格納されていることが確認できます。Flask今回は超カンタンに、myapp/app.pyを作成するだけです。コードもシンプルで、こんな感じ。app.run()そんでもってFlaskのサーバーを起動します。app.pyそして、http://127.0.0.1:5000にアクセスするとこんな感じ感想たのしかったです。18:30【自由研究】Vue.js+Flask+Dockerで普通のWebアプリケーションを作る(その1:FlaskからVueのHelloWorld)Tweet関連記事2019-08-08Firebase+Vue.jsでWebアプリケーション的ななにかを作るこないだはこんな感じのことをやってました。Azureは使ったことなかったので勉強も兼ねてチュート...2019-05-01ElasticSearchとFlaskを連結させる結構前にElasticSearchをちょっとだけ勉強していました。nogaw...2019-04-30【読んでみた】テスト駆動Pythonこちらの本を読んでみました。Ok...2019-04-29Flaskのチュートリアルをやってみる以前こんなんをやっていました。(1)ほしい物リスト買ってあげると中の人が喜びますはてなブログをはじめよう!nogawanogawaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。