マガジンのカバー画像

フロントエンド

7
運営しているクリエイター

#エンジニア

CloudFront x S3で静的サイトをデプロイする方法を紹介する記事まとめ

CloudFront x S3で静的サイトをデプロイする方法を紹介する記事まとめ

はじめに練習で作成した静的サイトを本番環境にデプロイしたくなる時ありますよね。手軽に実施するなら「 GitHub Pages」「Vercel」などがありますが、AWSに触れたいこともあり今回はS3 + CloudFrontでデプロイする方法を調査しました。原理が分かった上で上記方法+AWS Amplifyを利用していく予定です。
そこで備忘録的にもこの方法の進め方をまとめておきます。最低限デプロイ

もっとみる
【随時更新】GitHubで躓いたときに見返すまとめ

【随時更新】GitHubで躓いたときに見返すまとめ


なぜこの記事を書いたか私たちの開発に欠かせないGitHub
普段は必要ないけど、時々必要になる技術って忘れがちですよね
rebase/revert/cherry pick/squashとか…
毎回少しずつ思い出すのに力がいるのでまとめることにします

Gitについて

Git-flowについて

ブランチツリーと-fの関係

Gitコマンド集

merge系

squashについて

rever

もっとみる
フロントエンド初心者が業務を理解するために調査したサイトまとめ

フロントエンド初心者が業務を理解するために調査したサイトまとめ


具体的に実施したこと【前提】

2年目の元バックエンドエンジニアなので駆け出しエンジニアではないです
異動によりフロントエンドエンジニアに配属されました。

【案件のために準備・調査したこと】

フロンドエンドの体系的な知識学習
→最低限エンジニア間の会話を理解するため

HTML&CSSのProgateレベルの基礎知識習得
→フロントエンドの基礎部分、ある程度理解できればよい

JavaScr

もっとみる
【随時更新】正規表現チートシートへの道

【随時更新】正規表現チートシートへの道

最終更新:2024/02/04

参考教材▼正規表現チェックはこちら

自分用正規表現チートシート数字だけ全て取得

\d+

空白だけ選択

\s+

文章中の不要な改行を除く

^\r\n|^\r|^\n

emailを取得

[0-9A-Za-z_\.\-]+@[0-9A-Za-z_\.\-]+

クエリパラメータ前のURLを取得

https?://[^?]+

基本文法なにか1文字にマッ

もっとみる