Googleドメイン + Route53 + S3 + CloudFront + GitHub Actions + Astroで行う静的サイト構築〜公開までの流れ
その３：GitHub Actionsでデプロイできるようにしてみる
CI/CD
OIDC
Secrets
ubuntu-latest
Workflow
yaml
クレデンシャル
継続的インティグレーション
継続的デリバリー
-
Googleドメイン + Route53 + S3 + CloudFront + GitHub Actions + Astroで行う静的サイト構築〜公開までの流れ
-
Googleドメイン + Route53 + S3 + CloudFront + GitHub Actions + Astroで行う静的サイト構築〜公開までの流れ
その２：ファイルアップロードをAWS CLIでできるようにするAWS CLI
configure
credential
IAM
Principal
profile
recursive
アクセスキー
パブリックキー
ポリシー
-
Googleドメイン + Route53 + S3 + CloudFront + GitHub Actions + Astroで行う静的サイト構築〜公開までの流れ
その１：配信先であるS3バケットの用意をするIAM
S3
バケットポリシー
リージョン
静的ウェブサイトホスティング
-
Googleドメイン + Route53 + S3 + CloudFront + GitHub Actions + Astroで行う静的サイト構築〜公開までの流れ
AWS
AWS Certificate Manager
CI/CD
CloudFront
DNS
GitHub Actions
Google Domains
IaC
Route53
S3
サブドメイン
ドメイン
-
CSSのみで行う背景アニメーション
animation
backgrund-image
circle
ellipse
radial-gradient
repeating-radial-gradient
-
cssで設定する角度にまつわるお話
angle
conic-gradient
degree
gradian
hue
linear-gradient
radian
rotate
skew
turn
-
Workerによる処理の外部委託化
onmessage
postMessage
terminte
Worker
マルチスレッド
非同期
-
古い環境からViteへの載せ替えについて
astro
pug
Rollup.js
typescriptル
Vite
コンパイconfig
-
スケルトンスクリーンの実装方法
box-decoration-break
UI
スケルトンスクリーン
ローディング
-
scroll-behaviorでSmoothScrollを実現する
:focus-within
hash
prefers-reduced-motion
scroll-behavior
scroll-margin-top
SmoothScroll
tabindex
視差効果