自動化無しに生活無し

WEB開発関係を中心に備忘録をまとめています

Posts

  • 【Django】任意のタイミングでサーバーのカメラでライブ配信する【imutils.video.VideoStreamer】
    • 作成日時:
    • 最終更新日時:
    • Categories: サーバーサイド
    • Tags: django
    下記記事で、リアルタイムでブラウザ上に映像を出力することができるようになった。 【Django】OpenCVとyieldを使い、ウェブカメラの映像をライブ配信する しかし、このコードはrunserverと同時に起動しているため、カメラを止めることはできない。 任意のタイミングでカメラのON・OFFをするため、改良した。 必要なライブラリ asgiref==3.8.1 Django==5.0.6 imutils==0.5.4 numpy==1.26.4 opencv-contrib-python==4.9.0.80 sqlparse==0.5.0 typing_extensions==4.12.0 views.py from django.shortcuts import render,redirect from django.views import View from .detector import SingleMotionDetector from imutils.video import VideoStream from django.http import StreamingHttpResponse import os import cv2 import time import ...
    続きを読む

  • 【Django】ストレージに保存されているファイルにアクセス、編集して保存する【InMemoryUploadedFile】
    • 作成日時:
    • 最終更新日時:
    • Categories: サーバーサイド
    • Tags: Django
    アップロードされているファイルを編集したいことがある。 今回はテキストファイルを想定して、コードを書いてみた。 ただし、開発中にファイルパスを直接指定して編集する方法は、デプロイ後は使えないので、その点も考慮した。 実際にS3ストレージに保存されているファイルを読み込み、編集して保存できた。 ストレージに保存されているファイルを編集する。 手順は ストレージの保存先URLを取得する URLに対してリクエストを送 ...
    続きを読む

  • 【JavaScript】localStorageを使ってブラウザにデータを記録する【Cookieが使えないときに】
    サーバー側にデータを送信しない場合、セキュリティ上CookieではなくlocalStorageを使う。 ソースコード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Hello World test!!</title> </head> <body> <input id="test" type="text"> <input id="reset" type="button" value="リセット"> <script> const test = document.querySelector("#test"); const reset = document.querySelector("#reset"); // 読み込みされたとき、データがあればテキストボックスにセットする。 const data = localStorage.getItem("test"); if (data){ test.value = data; } // キー入力があるたびにローカルストレージにセットする。 test.addEventListener("change", (event) => { const value = event.currentTarget.value; localStorage.setItem("test",value); }); reset.addEventListener("click", () => { test.value = ""; ...
    続きを読む

  • 【Django】逆参照で効率的にDBにアクセスする【.prefetch_related() 】
    例えばこのモデルのとき。 from django.db import models class Category(models.Model): name = models.CharField(verbose_name="名前",max_length=20) class Topic(models.Model): comment = models.CharField(verbose_name="コメント",max_length=2000) category = models.ForeignKey(Category, on_delete=models.CASCADE) 普通に逆参照を使うと、クエリが再実行されるためDBに負担がかかる categories = Category.objects.all() for category in categories # ここでDB読み込み print( ...
    続きを読む

  • PythonからWindows共有サーバー(Samba)にアクセスする
    • 作成日時:
    • 最終更新日時:
    • Categories: サーバーサイド
    • Tags: tips
    import platform from smb.SMBConnection import SMBConnection # connection open conn = SMBConnection( '', '', platform.uname().node, '192.168.11.100', domain='WORKGROUP', use_ntlm_v2=True) conn.connect('192.168.11.100', 139) # IPアドレス以降のファイルパスを設定 items = conn.listPath('share' , "sdb1") print([item.filename for item in items]) print(conn.echo('echo success')) conn.close() 参照 https://qiita.com/t2kojima/items/250d68c56a8c9fe95f52 ...

  • Reactでaxiosを使ってリクエストをすると、2回送られる問題【React.StrictMode問題】
    index.js の root.render( <React.StrictMode> <App /> </React.StrictMode> ); を root.render( <App /> ); に直す。 補足 これは StrictMode が開発段階で動作チェックをするためにやっていること。 本番環境に移行した場合、2度実行されることはない。 そのため、放置していても問題はない。 参考元 https://stackoverflow.com/questions/73002902/api-getting-called-twice-in-react ...

  • 【Django Rest Framework】モデルメソッドはシリアライザメソッドで代用する
    DRFとReactのSPAを作る時、DTLは使えない。 これまでのようにモデルオブジェクトからメソッドを呼び出すことはできない。 そこで、シリアライザにメソッドを用意して代用する。 モデル 前提として、このようにモデルメソッドを作った時。 from django.db import models class Topic(models.Model): comment = models.CharField(verbose_name="コメント",max_length=2000) def comment_lenth(self): return len(self.comment) これでは、React ...
    続きを読む

  • DRF+ReactのSPAで簡易掲示板を作る
    最近(2018年以降)の開発では関数ベースのコンポーネントが主流のため、一部を書き換えた。 React App.js import React, { useState, useEffect } from "react"; import Modal from "./components/Modal"; import axios from "axios"; const App = () => { const [topicList, setTopicList] = useState([]); const [modal, setModal] = useState(false); const [activeTopic, setActiveTopic] = useState({ comment: "" }); // コンポーネントがレンダリングされるときに実行する useEffect(() => { refreshList(); }, []); // ページロード const refreshList = () => { axios .get("/api/topics/") .then((res) => setTopicList(res.data)) .catch((err) => console.log(err)); }; const handleSubmit = (topic) => { if (topic.id) { axios .put(`/api/topics/${topic.id}/`, topic) .then(() => refreshList()) .catch((err) => console.log(err)); } else { axios .post("/api/topics/", topic) .then(() => refreshList()) .catch((err) => console.log(err)); } closeModal(); }; const handleDelete = (topic) => { axios .delete(`/api/topics/${topic.id}/`) .then(() => refreshList()); }; const openModal = (topic) => { if (topic.id) { setActiveTopic(topic); } else { setActiveTopic({ comment: ...
    続きを読む

  • 【Django】デフォルトの認証機能を網羅し、カスタムユーザーモデルとメール認証、メール検証(確認)も実装する【脱allauth】
    【Django】デフォルトの認証機能を網羅し、カスタムユーザーモデルとメール認証も実装させる【脱allauth】 こちらの記事では、メールの検証(アカウント作成後、登録したメールアドレスへ、確認用のURLを送る工程)が行われていない。 allauthでは実装済みのため、デフォルトの認証で完全に補完するためにも実装した。 解説 モデル カスタムユーザーモデルへ、メール検証済みか否かを判定するブーリアンフィール ...
    続きを読む

  • 【Django】GitHubを使ってHerokuにデプロイをする
    settings.pyの内容 一部省略している。 os モジュールを使って、環境変数を読み込みする。 import os DEBUG = False # 中略 # 静的ファイルの読み込み設定がwhitenoiseに影響が及ぶので、デバッグ時にのみ有効にしておく。 if DEBUG: STATICFILES_DIRS = [ BASE_DIR / "static" ] # 中略 if not DEBUG: #INSTALLED_APPSにcloudinaryの追加 INSTALLED_APPS.append('cloudinary') INSTALLED_APPS.append('cloudinary_storage') # ALLOWED_HOSTSにホスト名)を入力 ALLOWED_HOSTS = [ os.environ["HOST"] ] SECRET_KEY = os.environ["SECRETKEY"] # 静的ファイル配信ミドルウェア、whi ...
    続きを読む