はてなブックマーク

クラスコンポーネントで作成していたReactのプロジェクトを、React Hooksを使用した関数コンポーネントにリファクタリングする際に、React ReduxとReact RouterもHooksに対応させました。 その時に対応の仕方を簡単にですがまとめました。 React Reduxはv7.1から、React Routerはv5.1からHooksに対応しています。 環境 React : 16.12.0 React Redux : 7.2.0 React Router : 5.1.2 Redux Hooks React ReduxがHooksに対応したことにより、各コンポーネントにおいて簡単にdispatchとstateを利用できるようになりました。今回は以下の３点について説明します。 ActionをStoreにDispatchするmapDispatchToProps　→　useDis

久しぶりにOpenCVのサイトを見たら新しくなってたので、ちょっと触ってみました。 だいぶ前にJavaで野球ボールをトラッキングをしていたので、今回はPythonでやってみました。 トラッキングは、背景差分とテンプレートマッチングを組み合わせて行います。 環境構築 環境は以下になります。 Python : 3.8.0 OpentCV : 4.2.0 venvで環境を作っています。venvじゃなくても問題ないです。 $ python -m venv pythonOpevCV $ cd pythonOpenCV $ Script\activate $ python -m pip install --upgrade pip $ pip install opencv-python Successfully installed numpy-1.18.2 opencv-python-4.2.0.34

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AWS Apmlifyは、モバイルアプリケーションとウェブアプリケーションを構築するためのAWSがOSSで公開する開発プラットフォームです。 簡単に言えば、AWSでもFirebaseみたいにバックエンドはお任せでフロントだけ開発できるようにしてくれるフレームワークみたいなやつです。 あくまでもプラットフォームなので、AWS Amplify == Firebaseではないです。 ↓AWSのページ https://aws.amazon.com/jp/amplify/ ↓公式ドキュメント https://aws-amplify.github.

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? やりたいこと 「https://www.xxxx.com/app/login」のようなURLで動作しているWEBアプリケーションに対して、障害時やサーバー停止時にsorryページをサーバーレスで自動で表示させたい。 今回は、Route53のフェイルオーバーを使用し、独自ドメインでSSL暗号化通信での障害発生時に自動でsorryページを表示する方法を紹介します。 はまったこと HTTPでのRoute53フェイルオーバーを使用したsorryページの表示は、セカンダリのAliasにS3のエンドポイントを指定することで可能でした。 しかしSSL

EC2のCPU使用率やネットワークI/OなどはCloudWatchの標準メトリクスで監視可能ですが、メモリやディスクの使用率などはカスタムメトリクスを使用しなければ取得することができません。 今回はCloudWatch エージェントを使用したカスタムメトリクスの収集方法を紹介します。 カスタムメトリクス EC2インスタンスのカスタムメトリクスを取得する方法は以下の方法があります。 CloudWatch エージェントを使用する。 AWSが配布しているCloudWatch Monitoring Scriptを使用する。 AWS SDKを使用してスクリプトを自作する。 AWS CLIを使用してスクリプトを自作する。 現在AWSでは、CloudWatch Monitoring Scriptなどのスクリプトを使用するのではなく、CloudWatch エージェントを用いてカスタムメトリクスを収集するこ

Lambda Layersで解決できること Lambdaの実行環境には追加ライブラリが存在しないため、ライブラリを使用する際はデプロイパッケージにライブラリを含める必要がありました。 しかしAWS Lambda Layersを使用することで、ライブラリなどの共通コンテンツをレイヤーとして作成することで、パッケージにライブラリを含める必要がなくなりました。 Lambda Layers Lambda Layersとは、複数のLambda関数で外部ライブラリやビジネスロジックを共有できる仕組みです。 イメージはこんな感じです。 使用するライブラリや共通のビジネスロジックをZIPアーカイブし、Layerに追加することができます。 デプロイパッケージの容量を少なくすることができるためLambdaのソースコードの管理が楽になります。 また依存関係をインストールしてパッケージ化する際に発生するエラーを回

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Swift4 でカメラアプリを作成する(1) Swift4とiOS11でカメラアプリを作成します。 AVCaptureSessionクラス周りの設定がややこしかったので、メソッドやパラメータを一つずつ説明しながら進めていきます。 開発環境 Swift4 iOS11 Xcode9 カメラアプリの機能 作成するカメラアプリは、iSightカメラ(背面のカメラ)で静止画の撮影ができるアプリです。FaceTimeカメラは使用しませんが、今後のために設定だけ行います。 AVFoundationの概要 まずはカメラ処理の大まかな流れを説明します。カメラアプリを作成するには「AVFoundation」というフレームワークを使用します。音声や画像、動画の作成や再生の細かい作業を行うためのAPIです。 カメラやマイクの入力情報と、画像や動画、オーディオなどの出力データの管理を行うAVCaptureSessi