初心者向け!EC2(Amazon Linux2023)にReact開発環境を構築する方法!
EC2のAmazon Linux 2023にReactの開発環境を構築する手順を解説します。Apache、Node.js、npmのインストールからReactアプリの作成、リバースプロキシの設定、開発サーバーの起動まで紹介します。
READ ARTICLE↗CHANNEL / TECH
AWS、Web開発、個人開発など、実際に試した技術の記録。
EC2のAmazon Linux 2023にReactの開発環境を構築する手順を解説します。Apache、Node.js、npmのインストールからReactアプリの作成、リバースプロキシの設定、開発サーバーの起動まで紹介します。
READ ARTICLE↗WP Offload MediaでWordPressの画像をS3へ保存し、パブリックアクセスを禁止したバケットを利用する方法を解説します。設定変更後に画像をアップロードできなくなった事象と、バケット作成時の解決手順を紹介します。
READ ARTICLE↗kintoneの一覧絞り込みで、登録値と同じ文字列を指定してもレコードが検索結果に表示されなかった事例を紹介します。「+」などの記号を含む検索キーワードの制約と、別条件や検索用フィールドを使う対処法を解説します。
READ ARTICLE↗HTTPSで公開したLaravel 8の画面から、asset関数がCSSをHTTPで読み込んでMixed Contentになる原因と解決方法を解説します。.envのASSET_URLへAPP_URLを指定し、アセットのURLをHTTPSへ統一する設定を紹介します。
READ ARTICLE↗PHP 8で「in_array(): Argument #2 ($haystack) must be of type array, null given」が発生する原因と解決方法を解説します。第2引数をis_arrayで検証する方法と、Null合体演算子で空配列を設定する方法を紹介します。
READ ARTICLE↗PHP 8で「Warning: Undefined array key」が発生する原因と解決方法を解説します。存在しない配列キーへのアクセスを、isset・array_key_exists・Null合体演算子・配列の初期化で安全に処理する方法を紹介します。
READ ARTICLE↗WordPressで記事一覧の2ページ目以降が表示されない場合のページネーション実装を解説します。WP_Queryのpaged設定とpaginate_linksを使い、フロントページ・カテゴリー・タグ一覧へページ送りを追加する方法を紹介します。
READ ARTICLE↗Gitで「remote origin already exists」と表示される原因と、既存のoriginを残したまま複数のリモートリポジトリを登録する方法を解説します。別名を指定したgit remote addと、git remote -vによる確認手順を紹介します。
READ ARTICLE↗WordPressへプラグインを使わずに自作のお問い合わせフォームを追加する方法を解説します。1つの固定ページテンプレートで入力・確認・完了画面を切り替え、バリデーションとwp_mailによるメール送信を実装するコードを紹介します。
READ ARTICLE↗Certbotで発行したSSL/TLS証明書の有効期限を確認し、自動更新する方法を解説します。certbot certificatesによる確認と、Amazon Linux 2023でcronからrenewを実行してApacheへ反映する設定例を紹介します。
READ ARTICLE↗