css

Flask

[Python Flask] SQLの簡易アプリ ~フォームに入力した数字をURLに追加する方法(Bootstrap) part2 ID削除編~

こんにちは。プログラミングを勉強しているロペです。前回までは、SQLAlchemyでORMのについて学習し、レコードの新規作成レコードの更新レコードの削除レコードの検索のコードを書けるようになりました。なので、これらを纏めて簡単なアプリケー...
Flask

[Python Flask] SQLの簡易アプリ ~フォームに入力した数字をURLに追加する方法(Bootstrap)~

こんにちは。プログラミングを勉強しているロペです。前回の記事では、SQLAlchemyでORMのについて学習し、レコードの新規作成レコードの更新レコードの削除レコードの検索のコードを書けるようになりました。なので、これらを纏めて簡単なアプリ...
Flask

PythonのFlaskでVue使う方法 -導入編-

こんにちは。今回の記事では、PythonのFlaskでVueを使う方法を書きます。長くなりそうなので、複数に分けて書きたいと思います。この記事が誰かの役に立ったら幸いです。Vueとは概要Vue.jsとは、フロントエンドのフレームワークです。...
Flask

[Python Flask] Bootstrapを使用してデザインを変えてみた

こんにちは。今回の記事では、以前にPythonのFlaskで作成した簡易クイズアプリのデザインを、Bootstrapを使用して綺麗にしてみたので、その方法を書きます。この記事が誰かの役に立ったら幸いです。概要以前作成した簡易クイズアプリの外...
Flask

[Python Flask] Bootstrapの利用方法とサンプルコード

こんにちは。今回の記事では、初心者を対象に、PythonのFraskでBootstrapの利用方法とサンプルコードを書きます。この記事が誰かの役に立ったら幸いです。Bootstrapを使用すると簡単に↓のよう、入力枠の周りを青くさせたりでき...
Flask

[Python Flask]レイアウトの継承方法

こんにちは。この記事では、PythonFraskのhtmlのレイアウトを継承する方法を書きます。この記事が誰かの役に立ったら幸いです。概要複数のページのアプリを作成しようとしたとき、それらのそれぞれのページに共通したレイアウトをいちいちコー...
Flask

[Python_Flask] ページを遷移させる方法

こんにちは。本記事では、Python_Fraskのページ遷移方法を記載します。前回の記事では、PythonのFraskを利用した簡易クイズアプリを投稿しましたが、回答後に元のページに戻る機能がなく、不便でしたので追加しました。その方法を書い...
Python

[Python_Frask] if文を利用した簡易的なクイズアプリの作り方

こんにちは。今日は、PythonのFraskで簡易的なif文を使用したクイズアプリの作り方を書きます。誰かの役に立ったら幸いです。概要ざっと構成を書くと以下のような感じ。①GET/POSTメソッドを使用して2ページ用意する (問題出題と回答...
HTML/CSS

[HTML便利メモ]テキストを左右中央方向に移動する方法など

こんにちは。HTML/CSSで中央揃え(主に縦方向)のやり方の備忘録として記事にします。誰かの役に立ったら幸いです。簡単そうに見えて意外にも時間がかりました。テキストの左右方向の中央寄せ左右方向の中央寄せは簡単でした。tex-allign:...
Flask

[初級]FlaskでCSSを使用する方法

こんにちは。前回、PythonのFraskでHTKMLを使用する方法を書きましたので、今回はCSSを使用する方法を書きます。この記事が誰かの役に立ったら幸いです。概要Fraskのスクリプトが置いてある場所に「static」というフォルダを作...