React: AWS AmplifyコンソールでReact-routerを使用する
React-routerでページを遷移した後に更新ボタンを押すと、白紙のページになってしまいます。Amplify Console 200 (Rewrite) fails on SPA React (Router) App …
Python: 「<」と「>」を参照文字に変換する
最近、Reactの記事を書くことが多くなってきたので、「」を参照文字に変換するスクリプトを作成しました。標準入力からコードを読み込んで、「」を「>」に変換するだけです。「exit」と打つと、入力を終了して、 …
React: 再生ボタンを押すと音楽が流れるようにしたい
インストール yarn add @material-ui/core yarn add @material-ui/icons yarn add react-sound 使用例 import React, { Compone …
Reactで条件分岐をする３パターン
1 { flag && <p>trueの場合</p> } 2 { flag ? <p>trueの場合</p> : <p>falseの場合</p> } …
Python: OpenCVで動画に字幕をつける
ややタイトル詐欺ですが、OpenCVで動画を読み込んで、画像処理ライブラリPillow(PIL)で字幕をつけます。OpenCVのputText()で字幕をつけることもできますが、日本語は文字化けしてしまうようです。 イン …
Python: OpenCVを使用して、アメ横を行き交う人々のエッジを検出する
何の役に立つかわかりませんが、アメ横を行き交う人々のエッジを検出しました。 import cv2 import numpy as np cap = cv2.VideoCapture(‘./img.MOV’) fps = …
Python: OpenCVを使用して、アメ横を行き交う人々の顔にモザイクをかける
今までやってきたことを応用して、アメ横を行き交う人々の顔にモザイクをかけていきます。 Python: OpenCVを使用して動画を読み込んで、何もせず書き込む1 Python: OpenCVを使用して動画を読み込んで、何 …
Python: OpenCVを使用して動画を読み込んで、何もせず書き込む2
Python: OpenCVを使用して動画を読み込んで、何もせず書き込むの結果、動画の縦横が逆になってしまったので、修正していきます。 import cv2 import numpy as np cap = cv2.Vi …
Python: OpenCVを使用して動画を読み込んで、何もせず書き込む
インストール Python3とOpenCVをインストールします。 sudo yum install -y python3 sudo pip3 install opencv-python 動画を読み込んで、何もせず書き込む …
Python: AWS Lambdaでメールを送信する
「AWS Lambda」->「関数の作成」->「一から作成」で関数を作成する。 import boto3 def send_email(source, to, subject, body): client = boto3 …