React【超簡単！】react-spring で画像を滑らかに拡大・縮小・バウンド
はじめにこんにちは、KUDs です。この記事は、「React アプリで画像を動かしたい！」という方向けに執筆します。Web ページにアニメーションを取り入れることは非常に重要です。アニメーションは UX を向上し、ユーザーの注目を引く強力な...
React
WordPress【WordPress】OOM を Apache 最適化で解決！【EC2 / t2.micro】
はじめにAWS の t2.micro の魅力と WordPress 運用における挑戦こんにちは、KUDs です。本記事では、AWS EC2 の t2.micro インスタンスを用いた WordPress 運用について記載します。t2.mic...
AWS【AWS】ELB アクセスログを S3 に出力する方法や料金について
はじめにこんにちは、KUDs です。本記事では、ELB アクセスログの有効化手順や料金について、AWS 初心者向けに解説します。AWS と ELB について概説改めまして、AWS は、Amazon.com が提供するクラウドコンピューティン...
React【React vs Next.js】メリット・デメリットとユースケースの違い
はじめにこんにちは、KUDs です。本記事では、インフラから少し離れて、React と Next.js に焦点を当てていきます。React とはReact は、Facebook が開発した JavaScript ライブラリです。データを効率...
Google【Google AdSense】広告設定のプレビューで「お探しのページが見つかりません」
はじめにこの記事では、Google AdSense を設定時の問題と対策について説明します。遭遇した問題の概要問題は、KUDs Blog で Google AdSense を設定する際に発生しました。Google AdSense の「広告設...
AWS【EC2】メモリ使用率・スワップ使用率を CloudWatch で表示する
はじめにおはようございます。KUDs です。突然ですが、リソースのモニタリングはしておりますでしょうか。システムのパフォーマンスを保つため、インフラストラクチャの監視は重要です。AWS には、CloudWatch という強力なモニタリングツ...
AWS【EC2 – ELB】ヘルスチェック失敗の原因と対策: OOM と Swap
はじめに先日、ELB がヘルスチェックに失敗し、EC2 インスタンスが終了・新規作成されました。まず、構成は以下の通りです。draw.io「AWS 2d architecture for KUDs Blog WordPress」こちらは、本...
WordPress【WordPress】メディアファイルを EBS から S3 にオフロード
はじめにこの記事では、WordPress サイト上のメディアファイルを外部サービスへオフロードするメリット・デメリット、及びその方法について言及します。以下のような方は参考になるかと思います。AWS 上で WordPress を運用している...
WordPressEC2 のシステム/アプリログを CloudWatch Logs に出力する方法
はじめに本記事の概要本記事では、Amazon EC2 インスタンスと Amazon CloudWatch Logs の統合方法について詳しく解説します。EC2: Elastic Compute Cloud安全でスケーラブルなコンピューティン...
AWSRDS 汎用 SSD ストレージの課金に要注意！【AWS 無料利用枠】
はじめにAWS（Amazon Web Services）は、その多機能性と柔軟性により、全世界の開発者や企業に利用されています。しかし、その多機能性が裏目に出る場合もあります。それは、サービスの課金に関してです。特に初心者の方や小規模な開発...