マガジンのカバー画像

フロントエンド

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文字にマッ

もっとみる
Split Viewによる画面分割が使いにくいのでRectangle導入してみたら素晴らしかった

Split Viewによる画面分割が使いにくいのでRectangle導入してみたら素晴らしかった

はじめに「作業効率化」 数十分かかっていた作業をコマンド一つで自動化する非常にエンジニアらしい ガジェットや新しいサービスを導入することもテンション上がる人は多いのでは?

だがしかし、 普段ちょっと不便だなと思うけど変えなくても困らないから続けていることありませんか?

それこそ、「Split View使いにくい」問題なのです。

対象者Split Viewでフルスクリーンになり発狂する人

M

もっとみる
Slackのcanvas機能を実際に利用してみた 〜こういうのでいいんだよ〜

Slackのcanvas機能を実際に利用してみた 〜こういうのでいいんだよ〜

はじめにSlackのcanvas機能が追加されました! 私自身、「ほーん」ぐらいしか思っていなかったので実際利用してみました!

対象者Slack利用者

社内セキュリティーで仕方なく、SlackでTodo管理している方

Todo管理はNotionを利用していたけど、入社したらNotion利用できなかった人(まさにこれ)

そもそもSlank canvasってなに?なんとなくのイメージですが、ダ

もっとみる

フロントエンドを学ぶために何を確認したのか?〜フロントエンド入門〜

JSについて学ぶ上記記事を1.5倍速で確認して思ったことをまとめていきます

JavaScriptの歴史

過去依存関係起因のバグが発生した。解決するために

名前空間(命名が被る問題)

モジュールが解決

モジュールは1ファイル単位で構成されファイル内の変数や関数は外部に影響を及ぼさない

依存関係

パッケージ管理(nmp)が解決

パッケージとは、package.jsonで記述されたファ

もっとみる