【S3/Vite】S3にViteのビルドファイル(dist)を配置してWebホスティングを行う
目的 ViteアプリケーションをS3でホストしてみたい。 S3設定 バケットについてはテスト用の適用なバケットを作成済みとする。 デフォルトだと静的WEBホスティング設定がオフになっているのでこ...
0
0
Comment0
41 search resultsShowing 1~20 results
Stocked
You need to log-in
【React/Vite】テザリングしたスマホでViteのアプリケーションを確認する。
目的 レスポンシブ対応などでスマホでのWebアプリケーションの動作確認をしたい。 テザリングでスマホとPCを同一ネットワークにしてスマホからPCのlocalhostにアクセスする。 コマンド ダ...
0
0
Comment0
S3のファイルアップロードをトリガーにEventBridgeからLambdaを起動
目的 ・EventBridgeのトリガー起動・Lambda起動・ペイロード取得を学ぶ ゴール ・S3にtest.txtファイルをアップロード ↓ ・EventBridge起動→Lambda起動 ...
0
0
Comment0
ApacheサーバーのLet's Ecryptの証明書を更新する
背景 個人開発のWebサイトにて証明書が期限切れになってしまっていたため、更新を行った。 初めてだったので備忘録として残す。 前提 1. Certbotはインストール済みとする。 https:/...
4
3
Comment0
Reactアプリケーションをスマホで動作確認するための手順
ゴール レスポンシブ対応などのテストのため、スマホを用いてReactアプリケーションを表示したい。 前提条件 ・デザリングができるスマホがあること ・PCはWindowsPCを想定（Linuxの...
0
0
Comment0
【React】HTML上でmapを使うときにはkey属性を使おう！
参考サイト様 公式 ・https://ja.react.dev/learn/rendering-lists 参考にさせていただいたサイト様 ・https://watasuke.net/blog/...
0
0
Comment0
【React/Express】画像・音声等のバイナリデータをHTTP通信でサーバーサイドに送信する
目標 クライアントがアップロードした画像データをサーバーサイドに送信する やり方 色々やり方はあるが、今回は'Content-Type': 'application/octet-stream'を...
0
0
Comment0
【React/Express】ExpressでEtagによるキャッシュを使用する
キャッシュとは？ ブラウザがgetメソッドやpostメソッドで同じAPI先を参照する時に何回も同じデータの問い合わせが発生しないようにブラウザ上で保存されている一時データを使用すること。 Exp...
0
0
Comment0
【HTML/React】ユーザーがアップロードした画像をリサイズする
背景 ユーザーがアップロードした画像をそのままレンダリングすると大きすぎるファイルだとこんな感じになる。 ↑デカすぎんだろ. コード function resizeImg(file, maxWi...
0
0
Comment0
【HTML】inputタグのfileでユーザーがアップロードしたファイル情報取得
HTML構造 inputタグのfileタイプのhtmlにユーザーが画像アップロード <input id="uploader" name="fileupload" type="file" /...
1
2
Comment2
【React】Reactでバックエンド(Express)からCookieを送信し、ブラウザに保存
ゴール ログイン用APIでExpressに問い合わせ、そのレスポンスにCookieを含めてブラウザに登録できることを確認する。 クライアント：React上のFetchAPI サーバーサイド：Ex...
1
1
Comment0
【データベース】Postgreでのデータベースサーバー構築メモ ~データベース・スキーマ作成～
目的 Postgreでのデータベースサーバー構築を行えるようになる ・データベース作成 ・スキーマ作成 データベース作成 下記コマンドでデータベース作成 CREATE DATABASE mydb...
0
0
Comment0
【データベース】Postgreでのデータベースサーバー構築メモ ~初期設定＆ユーザー設定~
目的 Postgreでのデータベースサーバー構築を行えるようになる ・Postgreインストール ・ユーザー作成 Postgreのインストール AmazonLinuxだとPostgreのリポジト...
0
0
Comment0
【AWS構築】CloudWatchによるEC2のメモリ/CPU/ディスク/ログ取得設定ハンズオン
目的 EC2の各種メトリクスをCloudWatchLogsを用いて監視したい また、特定の閾値を上回った場合にはメールやSlackで通知したい 前提 ・監視対象のEC2は2台(作成済みとする) ...
0
0
Comment0
【AWS構築】ALB+マルチAZのEC2構成ハンズオン
構築・確認したいこと ・マルチAZサブネット内のEC2にALBを経由してロードバランシング設定し、トラフィックが分散されていることをテストする ・ヘルスチェックでEC2の死活監視(80番のサービ...
0
0
Comment0
【Linux基本設定】サーバーのコンソールの背景色を変更する
目的 検証環境と本番環境でコンソールの背景色を変えることで事故を防ぎたい Linux設定変更 全ユーザーに適用する(AmazonLinux) AmazonLinuxはbashrcを.bash_p...
0
0
Comment0
【Linux設定】入力されたコマンドをログとして取得し、ファイル保存（rsyslog)
ゴール Linuxサーバー（EC2内）に接続して入力されたコマンドを監査用のログとして残す 前提 ・EC2起動済み（Linux） ・SSH接続可能 Linux設定 bashrc設定 bash...
0
0
Comment0
【Linux基本設定】 pam.d設定(パスワードポリシー/ログイン制限/コマンド監視)
前提 サーバーはEC2で構築 基礎的なコマンドは打てる前提 目的 PAMの主要な設定 ・ユーザーのパスワード設定 ・ユーザーのパスワードポリシー ・パスワードの再試行回数設定 ・コマンド監視 ユ...
0
0
Comment0
【Linux基本設定】 sudo許可設定
目的 ・sudoers.dファイルを理解する ・特定のグループ/ユーザーにのみ、sudoを許可する ・ユーザーのsudoできるコマンドを限定する sudo許可グループ ubuntuでは 『sud...
0
0
Comment0
AWS重要知識(AWS-SAA,SAP対策) 〜S3篇(ストレージ)〜
注意 2025/2時点での情報となります。 AWS S3のSLAおよびサービスクレジット 重要度 下記資料にS3のSLAが記載 https://d1.awsstatic.com/legal/am...
1
0
Comment0
41 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles