その他

AWS

AWSをZabbixで監視してみた

オープンソースの統合監視ツールである「Zabbix」を用いて、AWSのサービス(EC2)を監視してみました。監視してみて感じたことや、監視手順をご紹介させていただきます。
技術ナレッジ

React アプリでカメラ撮影し画像データを取得する [react-webcam 使用]

React アプリ内でデバイスのカメラを操作し、撮影した画像データを取得するコードを紹介します。react-webcam というモジュールを使用しています。
その他

React で Chart.js のグラフサイズを自動リサイズする [MUI 使用]

Chart.js のグラフが画面の大きさによって自動リサイズする機能が期待通りに動かないケースがあっため、MUI を使用して代替機能を実現しました。
セキュリティ

インシデントからクラウド環境を守る「CSPM」とは

CSPMとは、パブリッククラウドの構成やセキュリティ設定を監視し、望ましくないセキュリティ状態を検知した場合に通知してくれるソリューションです。CSPMの概要やメリット、利用時の注意点などを解説していきます。
AWS

EC2のM1 Macインスタンスで性能測定してみた

EC2のM1 Macインスタンスを触る機会がありましたので、ベンチマークソフトを利用して性能測定をしてみました。このEC2インスタンスではM1 Mac miniが物理的に動いているそうです。Macminiをそのままデータセンターに突っ込んでしまうAWS様、やることがすごいです
その他

React でテキストデータをクリップボードにコピーするボタンをつくる

WEB 画面内のテキストをクリップボードにコピーさせるボタン作成に数時間ハマったので、成功したコードを書き落とします。
その他

React アプリ内でファイル選択 UI から読み込んだ画像をすぐにプレビューする [MUI file input 使用]

多くのサイトでよく使われている機能なので特段珍しい内容ではありませんが、自分の備忘を兼ねてブログ化しておきたいと思います。
その他

React アプリでファイル選択 UI をつくる [MUI file input 使用]

MUI file input というモジュールを使ってファイル選択 UI をつくってみました。
技術ナレッジ

[React・MUI 学習用] 参考になったフリーの React アプリテンプレート紹介

私が React・MUI 学習時に参考にしたフリーの React コードテンプレートを紹介します。
サーバレスアーキテクチャ

React を始めて学んだこと ~第2回~

React アプリを開発する上で必要な開発環境、稼働環境の準備について紹介します。AWS を利用する前提です。