広野 祐司

アプリケーション開発

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

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

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

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

AWS AppSync を使って React アプリからキックした非同期ジョブの結果をプッシュ通知で受け取る

非同期ジョブを実行した後、結果をどう受け取るか?というのは開発者として作り込み甲斐のあるテーマです。今回は React アプリが非同期ジョブを実行した後に、AWS AppSync 経由でジョブ完了のプッシュ通知を受け取る仕組みを紹介します。
アプリケーション開発

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

MUI file input というモジュールを使ってファイル選択 UI をつくってみました。
アプリケーション開発

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

私が React・MUI 学習時に参考にしたフリーの React コードテンプレートを紹介します。
AWS

Rocket.Chat と EC2 で使い捨てチャットサーバをつくる [AWS CloudFormation]

社内研修開催で入用になりまして、研修期間の数日だけ受講者とのコミュニケーションに使用する使い捨てチャットサーバを Rocket.Chat を使って構築しました。
AWS

OpenVPN サーバを AWS CloudFormation 一撃で立ち上げる

とあるネットワーク的な制約がある中で Amazon VPC 内のリソースに Site-to-Client VPN で接続したくて、OpenVPN サーバを Amazon EC2 で立ち上げる AWS CloudFormation テンプレートを作りました。
アプリケーション開発

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

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

[React + MUI] 汎用的なレスポンシブテーブルをつくる

React と MUI でレスポンシブデザインの表(テーブル)をどのようにつくるか解説します。
AWS

フリーの HTML テンプレートと AWS を使って問い合わせフォーム付きサーバーレス WEB サイトをつくってみよう

本記事では、静的WEBサイトに jQuery で動的な機能を付加する例を紹介します。