python : pyscript

例

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    <py-env>
        - numpy
    </py-env>
  </head>

  <body>
      <h1>pyscript demo</h1>
    <py-script>
import numpy as np

print('すごいことになっている')
print('すごいことになっている')
a = 100+20
print(a)
print(np.random.randn())
    </py-script>
  </body>
</html>

<!DOCTYPE html>

<head>

<py-env>

- numpy

</py-env>

</head>

<body>

<h1>pyscript demo</h1>

<py-script>

import numpy as np

print('すごいことになっている')

a = 100+20

print(a)

print(np.random.randn())

</py-script>

</body>

</html>

python : logging モジュールの使い方

使い方例

#from distutils.debug import DEBUG
#from distutils.log import ERROR, 
from logging import getLogger, FileHandler, StreamHandler
from logging import Formatter
from logging import DEBUG, INFO, WARNING, ERROR, CRITICAL


# ロガー　フォーマッターのオブジェクトを作成する
logger = getLogger(__name__) # ログの出力を命令するオブジェクト
formatter = Formatter('[%(levelname)s] %(asctime)s - %(message)s (%(filename)s)')

# ハンドラーのオブジェクトを作成する
#handler = StreamHandler() # どうやってログの出力をするか操作するオブジェクト、出力実行部分、Pythonの標準出力
handler = FileHandler('log_all.txt') # ファイルにロギングする
handler.setLevel(DEBUG) # ログのレベルの設定　デバッグモード
handler.setFormatter(formatter) # フォーマッターをハンドラーにセットする

error_handler = FileHandler('log_error.txt') # ファイルにロギングする
error_handler.setLevel(ERROR) # ログのレベルの設定 エラーモード
error_handler.setFormatter(formatter) # フォーマッターをエラーハンドラーに設置する

 # ロガーのログのレベルの設定　デバッグモード
logger.setLevel(DEBUG)

# ロガーにハンドラーを追加
logger.addHandler(handler)
logger.addHandler(error_handler)


logger.debug('ここはデバッグログが入る')
logger.info('ここにインフォログが入る')
logger.warning('ここにワーニングログが入る')
logger.error('ここにエラーログが入る')
#logger.critical('ここにクリティカルログが入る')

""" ログレベル
1.DEBUG    -> debug()     :開発中　動きが正しいかの確認　一番低いレベルなので、すべてのログが出力される
2.INFO     -> info()      :正常な動きをしている情報
3.WARNING  -> warning()   :想定外のこと、問題が起きるかもしれないという警告
4.ERROR    -> error()     :問題が起きた
5.CRITICAL -> critivcal() :とても重大な問題が発生

logger.error('XXXXX) -> ログレベルがエラー以上のとき出力されるメッセージ
"""

"""ハンドラーを２つ作ってみる

"""

#from distutils.debug import DEBUG

#from distutils.log import ERROR,

from logging import getLogger, FileHandler, StreamHandler

from logging import Formatter

from logging import DEBUG, INFO, WARNING, ERROR, CRITICAL

# ロガー　フォーマッターのオブジェクトを作成する

logger = getLogger(__name__) # ログの出力を命令するオブジェクト

formatter = Formatter('[%(levelname)s] %(asctime)s - %(message)s (%(filename)s)')

# ハンドラーのオブジェクトを作成する

#handler = StreamHandler() # どうやってログの出力をするか操作するオブジェクト、出力実行部分、Pythonの標準出力

handler = FileHandler('log_all.txt') # ファイルにロギングする

handler.setLevel(DEBUG) # ログのレベルの設定　デバッグモード

handler.setFormatter(formatter) # フォーマッターをハンドラーにセットする

error_handler = FileHandler('log_error.txt') # ファイルにロギングする

error_handler.setLevel(ERROR) # ログのレベルの設定エラーモード

error_handler.setFormatter(formatter) # フォーマッターをエラーハンドラーに設置する

# ロガーのログのレベルの設定　デバッグモード

logger.setLevel(DEBUG)

# ロガーにハンドラーを追加

logger.addHandler(handler)

logger.addHandler(error_handler)

logger.debug('ここはデバッグログが入る')

logger.info('ここにインフォログが入る')

logger.warning('ここにワーニングログが入る')

logger.error('ここにエラーログが入る')

#logger.critical('ここにクリティカルログが入る')

""" ログレベル

1.DEBUG -> debug() :開発中　動きが正しいかの確認　一番低いレベルなので、すべてのログが出力される

2.INFO -> info() :正常な動きをしている情報

3.WARNING -> warning() :想定外のこと、問題が起きるかもしれないという警告

4.ERROR -> error() :問題が起きた

5.CRITICAL -> critivcal() :とても重大な問題が発生

logger.error('XXXXX) -> ログレベルがエラー以上のとき出力されるメッセージ

"""

"""ハンドラーを２つ作ってみる

"""

です。

基本的な最小構成のスクリプト

キーワード

layout = [[sg.Text()]]
sg.Window()
while True
event, values
window.read()
event == None
window.close()

import PySimpleGUI as sg

# レイアウト定義
layout = [
    [sg.Text('テキスト')]
]

# ウィンドウのインスタンスを生成
window = sg.Window('タイトル', layout)

# 表示ループ
while True:
    # ウィンドウを表示　および　イベントとバリューの取得
    event, values = window.read()

    # ウィンドウ右上の閉じるボタンを押したとき
    if event == None:
        break

# ウィンドウを閉じる
window.close()

import PySimpleGUI as sg

# レイアウト定義

layout = [

[sg.Text('テキスト')]

]

# ウィンドウのインスタンスを生成

window = sg.Window('タイトル', layout)

# 表示ループ

while True:

# ウィンドウを表示　および　イベントとバリューの取得

event, values = window.read()

# ウィンドウ右上の閉じるボタンを押したとき

if event == None:

break

# ウィンドウを閉じる

window.close()

表示を増やしてみる

キーワード

sg.Input()
sg.Multiline()
size=( 20,1 )
font=(‘Meiryo UI’, 18)

import PySimpleGUI as sg

# レイアウト定義
layout = [
    [sg.Text('テキスト１'), sg.Text('テキスト２'), sg.Text('テキスト３')],
    [sg.Text('テキスト４', size=(20, 1), font=('Meiryo UI', 18))],
    [sg.Input(default_text='インプット　デフォルトテキスト')],
    [sg.Multiline(default_text='マルチライン　デフォルトテキスト')],
]

# ウィンドウのインスタンスを生成
window = sg.Window('タイトル', layout)

# 表示ループ
while True:
    # ウィンドウを表示　および　イベントとバリューの取得
    event, values = window.read()

    # ウィンドウ右上の閉じるボタンを押したときループから抜ける
    if event == None:
        break

# ウィンドウを閉じる
window.close()

import PySimpleGUI as sg

# レイアウト定義

layout = [

[sg.Text('テキスト１'), sg.Text('テキスト２'), sg.Text('テキスト３')],

[sg.Text('テキスト４', size=(20, 1), font=('Meiryo UI', 18))],

[sg.Input(default_text='インプット　デフォルトテキスト')],

[sg.Multiline(default_text='マルチライン　デフォルトテキスト')],

]

# ウィンドウのインスタンスを生成

window = sg.Window('タイトル', layout)

# 表示ループ

while True:

# ウィンドウを表示　および　イベントとバリューの取得

event, values = window.read()

# ウィンドウ右上の閉じるボタンを押したときループから抜ける

if event == None:

break

# ウィンドウを閉じる

window.close()

ボタンとポップアップ

キーワード

sg.Button(key=’button’)
sg.Button(image_filename =’ファイルパス’,key=’button’)
result = sg.PopupYesNo()
if result == ‘Yes’
sg.Popup()

import PySimpleGUI as sg

# レイアウト定義
layout = [
    [sg.Text('テキスト１'), sg.Text('テキスト２'), sg.Text('テキスト３')],
    [sg.Text('テキスト４', size=(20, 1), font=('Meiryo UI', 18))],
    [sg.Input(default_text='インプット　デフォルトテキスト')],
    [sg.Multiline(default_text='マルチライン　デフォルトテキスト')],

    [sg.Button('ボタン１', key='button1')],
    [sg.Button(image_filename='sample.png',image_size=(80,80))]
]

# ウィンドウのインスタンスを生成
window = sg.Window('タイトル', layout)

# 表示ループ
while True:
    # ウィンドウを表示　および　イベントとバリューの取得
    event, values = window.read()

    # ウィンドウ右上の閉じるボタンを押したときループから抜ける
    if event == None:
        break

    if event == 'button1':
        result = sg.PopupYesNo('処理を行いますか？')
        if result == 'Yes':
            sg.Popup('処理が完了しました。')
        else:
            pass

# ウィンドウを閉じる
window.close()

import PySimpleGUI as sg

# レイアウト定義

layout = [

[sg.Text('テキスト１'), sg.Text('テキスト２'), sg.Text('テキスト３')],

[sg.Text('テキスト４', size=(20, 1), font=('Meiryo UI', 18))],

[sg.Input(default_text='インプット　デフォルトテキスト')],

[sg.Multiline(default_text='マルチライン　デフォルトテキスト')],

[sg.Button('ボタン１', key='button1')],

[sg.Button(image_filename='sample.png',image_size=(80,80))]

]

# ウィンドウのインスタンスを生成

window = sg.Window('タイトル', layout)

# 表示ループ

while True:

# ウィンドウを表示　および　イベントとバリューの取得

event, values = window.read()

# ウィンドウ右上の閉じるボタンを押したときループから抜ける

if event == None:

break

if event == 'button1':

result = sg.PopupYesNo('処理を行いますか？')

if result == 'Yes':

sg.Popup('処理が完了しました。')

else:

pass

# ウィンドウを閉じる

window.close()

インプットを取得して処理、出力する

キーワード

sg.Output()
print()

注意：インプットは文字列になるので、計算するときはint,floatで数値に変換してからやること。

import PySimpleGUI as sg

# レイアウト定義
layout = [
    [sg.Text('２つの数字を足し算します')],
    [sg.Input(default_text='3',key='input1'), sg.Input(default_text='5',key='input2')],
    [sg.Button('計算する', key='culc_button')],
    [sg.Output()]
]

# ウィンドウのインスタンスを生成
window = sg.Window('タイトル', layout)

# 表示ループ
while True:
    # ウィンドウを表示　および　イベントとバリューの取得
    event, values = window.read()

    # ウィンドウ右上の閉じるボタンを押したときループから抜ける
    if event == None:
        break

    if event == 'culc_button':
        summation = int(values['input1']) + int(values['input2'])
        print(summation)
        
# ウィンドウを閉じる
window.close()

import PySimpleGUI as sg

# レイアウト定義

layout = [

[sg.Text('２つの数字を足し算します')],

[sg.Input(default_text='3',key='input1'), sg.Input(default_text='5',key='input2')],

[sg.Button('計算する', key='culc_button')],

[sg.Output()]

]

# ウィンドウのインスタンスを生成

window = sg.Window('タイトル', layout)

# 表示ループ

while True:

# ウィンドウを表示　および　イベントとバリューの取得

event, values = window.read()

# ウィンドウ右上の閉じるボタンを押したときループから抜ける

if event == None:

break

if event == 'culc_button':

summation = int(values['input1']) + int(values['input2'])

print(summation)

# ウィンドウを閉じる

window.close()

チェックボックスを付ける

キーワード

[sg.Checkbox(‘入力１’,key=’checkbox1′,default=True), sg.Input(default_text=’3′,key=’input1′)]
if values[‘checkbox1’] == True: summation += i1

import PySimpleGUI as sg

# レイアウト定義
layout = [
    [sg.Text('足し算します')],
    [sg.Checkbox('入力１',key='checkbox1',default=True), sg.Input(default_text='3',key='input1')],
    [sg.Checkbox('入力２',key='checkbox2',default=True), sg.Input(default_text='5',key='input2')],
    [sg.Checkbox('入力３',key='checkbox3',default=True), sg.Input(default_text='7',key='input3')],

    [sg.Button('計算する', key='culc_button')],
    [sg.Output()]
]

# ウィンドウのインスタンスを生成
window = sg.Window('タイトル', layout)

# 表示ループ
while True:
    # ウィンドウを表示　および　イベントとバリューの取得
    event, values = window.read()

    # ウィンドウ右上の閉じるボタンを押したときループから抜ける
    if event == None:
        break

    if event == 'culc_button':
        i1 = int(values['input1'])
        i2 = int(values['input2'])
        i3 = int(values['input3'])
        summation = 0 # 初期化
        
        if values['checkbox1'] == True:
            summation += i1
        if values['checkbox2'] == True:
            summation += i2
        if values['checkbox3'] == True:
            summation += i3
        print(summation)
        
# ウィンドウを閉じる
window.close()

import PySimpleGUI as sg

# レイアウト定義

layout = [

[sg.Text('足し算します')],

[sg.Checkbox('入力１',key='checkbox1',default=True), sg.Input(default_text='3',key='input1')],

[sg.Checkbox('入力２',key='checkbox2',default=True), sg.Input(default_text='5',key='input2')],

[sg.Checkbox('入力３',key='checkbox3',default=True), sg.Input(default_text='7',key='input3')],

[sg.Button('計算する', key='culc_button')],

[sg.Output()]

]

# ウィンドウのインスタンスを生成

window = sg.Window('タイトル', layout)

# 表示ループ

while True:

# ウィンドウを表示　および　イベントとバリューの取得

event, values = window.read()

# ウィンドウ右上の閉じるボタンを押したときループから抜ける

if event == None:

break

if event == 'culc_button':

i1 = int(values['input1'])

i2 = int(values['input2'])

i3 = int(values['input3'])

summation = 0 # 初期化

if values['checkbox1'] == True:

summation += i1

if values['checkbox2'] == True:

summation += i2

if values['checkbox3'] == True:

summation += i3

print(summation)

# ウィンドウを閉じる

window.close()

ラジオボタンを使ってみる

キーワード

[sg.Radio(‘足し算’,key=’radio_add’, group_id=’radio1′,default=True), sg.Radio(‘掛け算’, key=’radio_multiply’,group_id=’radio1′)],
if values[‘radio_multiply’] == True: if values[‘checkbox1’] == True: multiple *= i1

import PySimpleGUI as sg

# レイアウト定義
layout = [
    [sg.Text('足し算　か　掛け算か　を選択してください。')],
    [sg.Radio('足し算',key='radio_add', group_id='radio1',default=True), sg.Radio('掛け算', key='radio_multiply',group_id='radio1')],

    [sg.Checkbox('入力１',key='checkbox1',default=True), sg.Input(default_text='3',key='input1')],
    [sg.Checkbox('入力２',key='checkbox2',default=True), sg.Input(default_text='5',key='input2')],
    [sg.Checkbox('入力３',key='checkbox3',default=True), sg.Input(default_text='7',key='input3')],

    [sg.Button('計算する', key='culc_button')],
    [sg.Output()]
]

# ウィンドウのインスタンスを生成
window = sg.Window('タイトル', layout)

# 表示ループ
while True:
    # ウィンドウを表示　および　イベントとバリューの取得
    event, values = window.read()

    # ウィンドウ右上の閉じるボタンを押したときループから抜ける
    if event == None:
        break

    if event == 'culc_button':
        i1 = int(values['input1'])
        i2 = int(values['input2'])
        i3 = int(values['input3'])
        summation = 0 # 初期化
        multiple = 1 #初期化
    
    if values['radio_add'] == True:
        if values['checkbox1'] == True:
            summation += i1
        if values['checkbox2'] == True:
            summation += i2
        if values['checkbox3'] == True:
            summation += i3
        print(summation)

    if values['radio_multiply'] == True:
        if values['checkbox1'] == True:
            multiple *= i1
        if values['checkbox2'] == True:
            multiple *= i2
        if values['checkbox3'] == True:
            multiple *= i3
        print(multiple)
        
# ウィンドウを閉じる
window.close()

import PySimpleGUI as sg

# レイアウト定義

layout = [

[sg.Text('足し算　か　掛け算か　を選択してください。')],

[sg.Radio('足し算',key='radio_add', group_id='radio1',default=True), sg.Radio('掛け算', key='radio_multiply',group_id='radio1')],

[sg.Checkbox('入力１',key='checkbox1',default=True), sg.Input(default_text='3',key='input1')],

[sg.Checkbox('入力２',key='checkbox2',default=True), sg.Input(default_text='5',key='input2')],

[sg.Checkbox('入力３',key='checkbox3',default=True), sg.Input(default_text='7',key='input3')],

[sg.Button('計算する', key='culc_button')],

[sg.Output()]

]

# ウィンドウのインスタンスを生成

window = sg.Window('タイトル', layout)

# 表示ループ

while True:

# ウィンドウを表示　および　イベントとバリューの取得

event, values = window.read()

# ウィンドウ右上の閉じるボタンを押したときループから抜ける

if event == None:

break

if event == 'culc_button':

i1 = int(values['input1'])

i2 = int(values['input2'])

i3 = int(values['input3'])

summation = 0 # 初期化

multiple = 1 #初期化

if values['radio_add'] == True:

if values['checkbox1'] == True:

summation += i1

if values['checkbox2'] == True:

summation += i2

if values['checkbox3'] == True:

summation += i3

print(summation)

if values['radio_multiply'] == True:

if values['checkbox1'] == True:

multiple *= i1

if values['checkbox2'] == True:

multiple *= i2

if values['checkbox3'] == True:

multiple *= i3

print(multiple)

# ウィンドウを閉じる

window.close()

参考

光回線を契約しているのに何故かネットが遅いとき。

fast.comで調べてみると　90Mbpsくらいしか出ていない。

おそらくそれ、設定がおかしいです。

コントロールパネル＞ネットワークとインターネット＞ネットワーク接続

の中にイーサネットアイコンがあるので開いてみましょう。

イーサネットの状態＞全般＞接続　が速度=100Mbpsになっていませんか？

イーサネットの状態＞全般＞動作状況＞プロパティ　を開きましょう

ネットワーク＞接続の方法＞構成　をおして

詳細設定＞プロパティ＞速度とデュプレックス＞値

が「オートデュプレックス」とか「100Mbps全二重通信」になっていたら、これがおかしいのです。

1.0Gbps全二重通信に変更しましょう。

これでOKです。

もういっかいfast.comで速度を確認してみてください。数百Mbpsに跳ね上がっているはずです。

もし、それでもだめな場合は、同じプロパティの中の省電力関係の項目をオフにしてみてください。

以上

FFTのやりかた

FFTです

import matplotlib.pyplot as plt
from scipy.fftpack import fft
import numpy as np
from math import pi

# 波形データ作成
Fs = 1000 # 分割数
t = np.arange(0, 1, 1 / Fs) # ０から１までをFs分割

# 周波数を定義
f1 = 10
f2 = 100
f3 = 300

# 波合成
x = 1.0* np.sin(2 * pi * f1 * t)
x += 2.0 * np.sin( 2 * pi * f2 * t)
x += 3.0 * np.sin( 2 * pi * f3 * t)

# 波形表示
plt.figure(figsize=(10, 10))
plt.subplot(2, 1, 1)
plt.plot(t, x)
plt.title('Wave Signal');
plt.xlabel('Time t/s')
plt.ylabel('Amplitude')
plt.grid('on')

# generate frequency axis
n = np.size(t)
fr = (Fs / 2) * np.linspace(0, 1, int(n / 2)) # int必要

# FFT 
X = fft(x)
X_m = (2 / n) * abs(X[0 : np.size(fr)])

# FFT可視化
plt.subplot(2, 1, 2)
plt.plot(fr,X_m); plt.title('Magnitude Spectrum')
plt.xlabel('Frequency(Hz)'); plt.ylabel('Magnitude')
plt.tight_layout()
plt.grid('on')
plt.show()

import matplotlib.pyplot as plt

from scipy.fftpack import fft

import numpy as np

from math import pi

# 波形データ作成

Fs = 1000 # 分割数

t = np.arange(0, 1, 1 / Fs) # ０から１までをFs分割

# 周波数を定義

f1 = 10

f2 = 100

f3 = 300

# 波合成

x = 1.0* np.sin(2 * pi * f1 * t)

x += 2.0 * np.sin( 2 * pi * f2 * t)

x += 3.0 * np.sin( 2 * pi * f3 * t)

# 波形表示

plt.figure(figsize=(10, 10))

plt.subplot(2, 1, 1)

plt.plot(t, x)

plt.title('Wave Signal');

plt.xlabel('Time t/s')

plt.ylabel('Amplitude')

plt.grid('on')

# generate frequency axis

n = np.size(t)

fr = (Fs / 2) * np.linspace(0, 1, int(n / 2)) # int必要

# FFT

X = fft(x)

X_m = (2 / n) * abs(X[0 : np.size(fr)])

# FFT可視化

plt.subplot(2, 1, 2)

plt.plot(fr,X_m); plt.title('Magnitude Spectrum')

plt.xlabel('Frequency(Hz)'); plt.ylabel('Magnitude')

plt.tight_layout()

plt.grid('on')

plt.show()

はい　以上

django#1 仮想環境 pepenvしてdjangoを準備する

最新のpythonをインストールします。3.10ですね。

https://www.python.org/downloads/release/python-3100/

Windows installer (64-bit)

開発用のフォルダを新規作成します。ここではproject_aとしましょう。

project_aに移動して、

$pip isntall pipenv

$pipenv shell

するとproject_aの中に仮想環境が出来上がっていてさPipfileというファイルが一つ出来上がっています。

$pip listすると最低限のものしかないので、モジュールを入れてみます。

pip ではなくてpipenvなので注意です。

$pipenv install django

開発のときだけ仕様するモジュールは –devを入れます

$pipenv install –dev flake8 autopep8

すると Pipfileファイルは下記のようになります。

[[source]]
url = "https://pypi.org/simple"
verify_ssl = true
name = "pypi"

[packages]
django = "*"

[dev-packages]
flake8 = "*"
autopep8 = "*"

[requires]
python_version = "3.10"

[[source]]

url = "https://pypi.org/simple"

verify_ssl = true

name = "pypi"

[packages]

django = "*"

[dev-packages]

flake8 = "*"

autopep8 = "*"

[requires]

python_version = "3.10"

djangoのプロジェクトを立ち上げましょう

https://docs.djangoproject.com/ja/3.2/intro/tutorial01/ には

$ django-admin startproject mysite

と書いてありますが、

$django-admin startproject config .

と、今後コンフィグに関するフォルダ、例えばsettings.pyの場所がわかりやすくなります。

今後、configのほかにusersとかフォルダが増えていきます。

ランサーバーして動くかどうか見てみましょう

$python manage.py runserver

Watching for file changes with StatReloader
Performing system checks...

System check identified no issues (0 silenced).

You have 18 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions.
Run 'python manage.py migrate' to apply them.
October 09, 2021 - 17:13:14
Django version 3.2.8, using settings 'config.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CTRL-BREAK.な

Watching for file changes with StatReloader

Performing system checks...

System check identified no issues (0 silenced).

You have 18 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions.

Run 'python manage.py migrate' to apply them.

October 09, 2021 - 17:13:14

Django version 3.2.8, using settings 'config.settings'

Starting development server at http://127.0.0.1:8000/

Quit the server with CTRL-BREAK.な

なんか警告出ていますが無視。

chromeからhttp://127.0.0.1:8000/でdjangoの初期画面（ロケットが飛んでいるやつ）が表示されたらOKです。

終わるときはCTRL-BREAK　と書いていますが。

ctrl+c でした。（windows10)

この記事は下記の動画を参考にさせていただきました。ありがとうございます。

htmlからjsを動かす方法

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
    <title>Document</title>
</head>
<body class="bg-light">
    <div class="container w-75">
        <h1 class="text-center text-info my-4">TODO</h1>
        <h2 id="dinner">今日のディナーは</h2>
        <form id="form" class="mb-4">
            <input type="text" id="input" class="form-control" placeholder="今日の気分は"
            autocomplete="off">
        </form>
    </div>

    <script src="index.js"></script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<h2 id="dinner">今日のディナーは</h2>

<input type="text" id="input" class="form-control" placeholder="今日の気分は"

autocomplete="off">

</form>

</div>

</body>

</html>

index.js

console.log("今日のディナーは");
document.getElementById("dinner").addEventListener("click", function() {
    document.getElementById("dinner").textContent = "かつどん"
    confirm("aaa")
    confirm("bbb")
});

console.log("今日のディナーは");

document.getElementById("dinner").addEventListener("click", function() {

document.getElementById("dinner").textContent = "かつどん"

confirm("aaa")

confirm("bbb")

});

condaで仮想環境をつくる

anacondaをインストールしておきます。

anaconda promptで

$conda create -n kaso-kankyo python=3.8

ここでyを押して続行。

仮想環境が出来上がっているか確認する

$conda env list

仮想環境をアクティベートする

$conda activate kaso-kankyo

$pip list でモジュールを調べてみると

Package Version
------------ ---------
certifi 2021.5.30
matplotlib 3.4.3
numpy 1.21.2
pandas 1.3.3
pip 21.2.4
setuptools 58.0.4
wheel 0.37.0
wincertstore 0.2

Package Version

------------ ---------

certifi 2021.5.30

matplotlib 3.4.3

numpy 1.21.2

pandas 1.3.3

pip 21.2.4

setuptools 58.0.4

wheel 0.37.0

wincertstore 0.2

で、最小構成だった。pip numpy pandas matplotlibが入っている。

抜けるときは

$conda deactivate

でOK

仮想環境を削除するときは

$conda remove -n kaso-kankyo –all

でOK.

試しに、flaskをインストールしてみると

$conda install flask

Package            Version
------------------ ---------
certifi            2021.5.30
click              8.0.1
Flask              2.0.1
importlib-metadata 4.8.1
itsdangerous       2.0.1
Jinja2             3.0.1
MarkupSafe         2.0.1
matplotlib         3.4.3
numpy              1.21.2
pandas             1.3.3
pip                21.2.4
setuptools         58.0.4
Werkzeug           2.0.1
wheel              0.37.0
wincertstore       0.2
zipp               3.5.0

Package Version

------------------ ---------

certifi 2021.5.30

click 8.0.1

Flask 2.0.1

importlib-metadata 4.8.1

itsdangerous 2.0.1

Jinja2 3.0.1

MarkupSafe 2.0.1

matplotlib 3.4.3

numpy 1.21.2

pandas 1.3.3

pip 21.2.4

setuptools 58.0.4

Werkzeug 2.0.1

wheel 0.37.0

wincertstore 0.2

zipp 3.5.0

jinda2 が自動的にインストールされる。

ディープラーニングのライブラリを入れてみる

$conda install pytorch

ついでに行っておくと、インポートするときはimport torchになるので注意。pyはいらない。

The following NEW packages will be INSTALLED:

  _pytorch_select    pkgs/main/win-64::_pytorch_select-0.1-cpu_0
  blas               pkgs/main/win-64::blas-1.0-mkl
  cffi               pkgs/main/win-64::cffi-1.14.6-py38h2bbff1b_0
  intel-openmp       pkgs/main/win-64::intel-openmp-2019.4-245
  libmklml           pkgs/main/win-64::libmklml-2019.0.5-haa95532_0
  mkl                pkgs/main/win-64::mkl-2019.4-245
  mkl-service        pkgs/main/win-64::mkl-service-2.3.0-py38h196d8e1_0
  mkl_fft            pkgs/main/win-64::mkl_fft-1.3.0-py38h46781fe_0
  mkl_random         pkgs/main/win-64::mkl_random-1.1.0-py38hf9181ef_0
  ninja              pkgs/main/win-64::ninja-1.10.2-h6d14046_1
  numpy              pkgs/main/win-64::numpy-1.19.2-py38hadc3359_0
  numpy-base         pkgs/main/win-64::numpy-base-1.19.2-py38ha3acd2a_0
  pycparser          pkgs/main/noarch::pycparser-2.20-py_2
  pytorch            pkgs/main/win-64::pytorch-1.6.0-cpu_py38h538a6d7_0
  six                pkgs/main/noarch::six-1.16.0-pyhd3eb1b0_0

The following NEW packages will be INSTALLED:

_pytorch_select pkgs/main/win-64::_pytorch_select-0.1-cpu_0

blas pkgs/main/win-64::blas-1.0-mkl

cffi pkgs/main/win-64::cffi-1.14.6-py38h2bbff1b_0

intel-openmp pkgs/main/win-64::intel-openmp-2019.4-245

libmklml pkgs/main/win-64::libmklml-2019.0.5-haa95532_0

mkl pkgs/main/win-64::mkl-2019.4-245

mkl-service pkgs/main/win-64::mkl-service-2.3.0-py38h196d8e1_0

mkl_fft pkgs/main/win-64::mkl_fft-1.3.0-py38h46781fe_0

mkl_random pkgs/main/win-64::mkl_random-1.1.0-py38hf9181ef_0

ninja pkgs/main/win-64::ninja-1.10.2-h6d14046_1

numpy pkgs/main/win-64::numpy-1.19.2-py38hadc3359_0

numpy-base pkgs/main/win-64::numpy-base-1.19.2-py38ha3acd2a_0

pycparser pkgs/main/noarch::pycparser-2.20-py_2

pytorch pkgs/main/win-64::pytorch-1.6.0-cpu_py38h538a6d7_0

six pkgs/main/noarch::six-1.16.0-pyhd3eb1b0_0

色々ついでにはいってきたがtorchvisionは入っていない

$conda install torchvision では入らない

$conda isntall pytorch torchvision -c pytorch

とすると入る。なぜ？結構時間がかかるので慌てて強制終了しないこと。３分位だったかな。

Package            Version
------------------ ---------
certifi            2021.5.30
cffi               1.14.6
click              8.0.1
Flask              2.0.1
importlib-metadata 4.8.1
itsdangerous       2.0.1
Jinja2             3.0.1
MarkupSafe         2.0.1
matplotlib         3.4.3
mkl-fft            1.3.0
mkl-random         1.1.0
mkl-service        2.3.0
numpy              1.21.2
olefile            0.46
pandas             1.3.3
Pillow             8.3.1
pip                21.2.4
pycparser          2.20
setuptools         58.0.4
six                1.16.0
torch              1.8.1
torchvision        0.9.1
typing-extensions  3.10.0.2
Werkzeug           2.0.1
wheel              0.37.0
wincertstore       0.2
zipp               3.5.0

Package Version

------------------ ---------

certifi 2021.5.30

cffi 1.14.6

click 8.0.1

Flask 2.0.1

importlib-metadata 4.8.1

itsdangerous 2.0.1

Jinja2 3.0.1

MarkupSafe 2.0.1

matplotlib 3.4.3

mkl-fft 1.3.0

mkl-random 1.1.0

mkl-service 2.3.0

numpy 1.21.2

olefile 0.46

pandas 1.3.3

Pillow 8.3.1

pip 21.2.4

pycparser 2.20

setuptools 58.0.4

six 1.16.0

torch 1.8.1

torchvision 0.9.1

typing-extensions 3.10.0.2

Werkzeug 2.0.1

wheel 0.37.0

wincertstore 0.2

zipp 3.5.0

だいぶいろんなものが入ってきた。

次は画像処理系行きましょう。

$conda install opencv

    package                    |            build
    ---------------------------|-----------------
    libopencv-4.0.1            |       hbb9e17c_0        28.6 MB
    opencv-4.0.1               |   py38h2a7c758_0          22 KB
    py-opencv-4.0.1            |   py38he44ac1e_0         1.5 MB
    ------------------------------------------------------------
                                           Total:        30.1 MB

package | build

---------------------------|-----------------

libopencv-4.0.1 | hbb9e17c_0 28.6 MB

opencv-4.0.1 | py38h2a7c758_0 22 KB

py-opencv-4.0.1 | py38he44ac1e_0 1.5 MB

------------------------------------------------------------

Total: 30.1 MB

なんとopencvバージョンが4までいってました。

で、Jupyternotebookを使うとき、どうやってこの環境でやっていくのでしょうか。

Flaskを使ってみる

まずはwebアプリフレームワークであるFlaskをインストール

$pip install Flask

2.0.1 が入りました.

次にjinja2もインストールします。

HTMLにpythonを埋め込むテンプレートエンジンというものらしい。

$pip install jinja2

3.0.1 が入っていました。入れた記憶がないが、Flaskをインストールすると勝手にはいるのかな？

構成は

flaskr>templates>index.html, xxx.html

flaskr>__init__.py, main.py, yyy.py

の２系統ある感じする。templatesは決まりなのでフォルダ名を変えてはいけない。

フォルダ構成を作ったらindex.htmlを書いていきましょう。vs code を使っているなら　!　を打つだけで、下のコードが自動的に生成されて便利です。langはenからjaに変えておきます。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

</body>

</html>

ボディには下記のようなのを入れておきました。

<body>
    <h1>Flaskの使い方</h1>
    <h2>最新情報</h2>
    <p>まだ記事はありません。</p>
</body>

<body>

<h1>Flaskの使い方</h1>

<p>まだ記事はありません。</p>

</body>

次、__initi__.pyです。

意味わからないけど、下記のような呪文を書きます。

インポートするのはflaskモジュールではなくて自分で作ったflaskrです。

from flask import Flask

app = Flask(__name__)

from flask import Flask

app = Flask(__name__)

appはFlaskアプリケーションオブジェクト　というらしいです。

つぎに、main.pyです。今作ったFlaskアプリケーションオブジェクトをインポートします。

トップページ(‘/’)にアクセスしたときに実行する関数を定義します。

# さっき __init__.pyで作ったFlaskインスタンス appをインポートする
# なんでオブジェクトがインポートの対象になるのかは不明
from flaskr import app

# ルーティングという呪文。Flaskの決まりごと。
@app.route('/') # / はルートで、トップURLを表す。
def index():
    # トップ画面にアクセスしたときに実行される
    pass # とりあえずパス

# さっき __init__.pyで作ったFlaskインスタンス appをインポートする

# なんでオブジェクトがインポートの対象になるのかは不明

from flaskr import app

# ルーティングという呪文。Flaskの決まりごと。

@app.route('/') # / はルートで、トップURLを表す。

def index():

# トップ画面にアクセスしたときに実行される

pass # とりあえずパス

トップページにアクセスしたときに、render_templateメソドを使って、index.htmlが表示するようにしましょう。

from flaskr import app

# レンターテンプレートをインポートする
from flask import render_template

@app.route('/')
def index():
    # トップ画面にアクセスしたときに実行される
    return render_template('index.html')

from flaskr import app

# レンターテンプレートをインポートする

from flask import render_template

@app.route('/')

def index():

# トップ画面にアクセスしたときに実行される

return render_template('index.html')

最後に__init__.pyの方にこのmain.pyを呼び出せるようにしておく。

from flask import Flask

app = Flask(__name__)
print(app)

# main.pyをインポートする
import flaskr.main

from flask import Flask

app = Flask(__name__)

print(app)

# main.pyをインポートする

import flaskr.main

さて実行しよう

Flaskアプリの起動方法

CMDの場合

flaskrが入っているフォルダへcd で移動する

set FLASK_APP=flaskr

set FLASK_ENV=development

ここまではできた

flask run　でエラー

powershellの場合

flaskrが入っているフォルダへcd で移動する

env:FLASK_APP=”flaskr”　ですでにエラー

どうしようもない。ﾀﾞﾚｶﾀｽｹﾃ

で、結局どうしたかというと、flask runができないので、直接python main.py　して動かせるようにした。

そうすると、flaskrフォルダの上位へ移動する必要なくなる。

そもそも__init__.pyのimport flaskr.mainも意味わからんし、やめた。

もともと__init__.pyに入れていた app=Flask(__name__)もmain.pyに移動した。

で、最後にapp.run()を入れると、python main.py　で実行できたから、ひとまずは良しとしよう。

from flask import Flask
from flask import render_template

app = Flask(__name__)

# ルーティングという呪文。Flaskの決まりごと。
@app.route('/') # / はルートで、トップURLを表す。
def index():
    # トップ画面にアクセスしたときに実行される
    return render_template('index.html')

app.run()

from flask import Flask

from flask import render_template

app = Flask(__name__)

# ルーティングという呪文。Flaskの決まりごと。

@app.route('/') # / はルートで、トップURLを表す。

def index():

# トップ画面にアクセスしたときに実行される

return render_template('index.html')

app.run()

投稿者: Keita N

python : pyscript

python : logging モジュールの使い方

機械名：号機：顧客番号

PySimpleGUIを使ってみる

基本的な最小構成のスクリプト

表示を増やしてみる

ボタンとポップアップ

インプットを取得して処理、出力する

チェックボックスを付ける

ラジオボタンを使ってみる

参考

ネットが遅いとき windows10

光回線を契約しているのに何故かネットが遅いとき。

FFTのやりかた

django#1 仮想環境 pepenvしてdjangoを準備する

htmlからjsを動かす方法

condaで仮想環境をつくる

Flaskを使ってみる

2022年5月
月	火	水	木	金	土	日
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31