Webアプリ
今回は、PandasのデータフレームをWebページに表示させます。 売上データから担当者を指定して表示させるアプリ。 実行環境 アプリの仕様・操作手順など アプリの操作手順 ディレクトリ構成とファイルの中身 app.py (Flaskを動かす用) uriage_data.py (デー…
前回 は、ホームページに「テキストボックス」と「ボタン」だけを設置し、テキストを入力してボタンを押すと、入力テキスト内容が別ページに表示される簡単なWebアプリを作りました。 今回は前回のプログラムを一部変更し、複数のinputタグ要素のname属性パ…
前回【WSL/Anaconda/Flask】仮想環境の作成とFlaskのインストール、簡単なWebアプリ作成 - よちよちpython のつづき。 今回は、pythonのWebフレームワークFlaskの render_template モジュールを使って、「pyファイルとWebコンテンツ内容を切り離し、別個にht…
2022年 寅年。元旦。 明けましておめでとうございます。今年もどうぞよろしくお願いします。m( _ _ )m 新年最初の投稿。 今回は、簡単なWebアプリを作成します。その前に、Anacondaで新規に仮想環境を作成し、そこへFlaskをインストールします。 実行環境 …
今回はHtml/CSSの初級編。 よく使うhtmlタグをJupyterNotebookを使って表示させ、使い方を学びます。 過去にPythonのWebフレームワークFlaskやbottleでWebアプリをいくつか作りましたが、書くコードの量はPythonよりHtml/CSSの方が多く、その知識も要求され…
PythonのFlaskでToDoリストのWebアプリを開発する実演動画を見つけたのでメモ。 実演投稿者はPythonで開発をされているフリーランスのプログラマだそうです。動画は1時間を超えます。 実行環境はMac エディタはVSCode 言語はPython 仮想環境はvirtualenv Web…
PythonのFlask ⇒ htmlテンプレートファイルに直書きしたJavaScriptへ値を渡す方法。 JavaScript側で受け取った値を加工してページに表示させます。 やり方 先に結論を書きます。 JavaScriptをhtmlファイルに直書きする場合は、 x : Python側から受け取った変…
PythonのFlaskとJavaScriptを使って、Android端末の傾きに応じてブラウザ上でボールを動かすプログラムを試します。メモ。 動作中のキャプチャ画像 傾けるとボールが動きます。 JavaScriptってどう書くの? JavaScriptはどうやって動かすの? PythonのWebア…
Excelシートの売上台帳にWebアプリの入力フォームから記入する試み。入力を補助するプルダウンの使い方を調べています。 前回のつづき。前回はブラウザにプルダウンを表示させた。 今回は、その選択したデータをPython側に送り、再びページにその値を出力さ…
Excelシートの売上台帳への入力を、Webアプリで作ったフォームで行いたい。 そのとき同じExcelシートの顧客台帳から顧客一覧を抽出し、Webアプリでプルダウンのメニュを出して選択できるようにする。 PythonとFlaskとExcelを使う。 今回は、Webアプリで入力…
PythonとFlaskでページに画像を並べただけのWebアプリを作った。メモ。 できたページ 【実行環境】 Androidスマホ Termux Python3.9 目次 目次 ディレクトリ構成 app.py static/css/style.css static/images/画像 templates/index.html templates/extend.htm…