完成見本と学習の全体像
完成形から、制作・公開・更新・終了までの道筋を説明できる。
目安45分 · 説明／手順／演習／完了チェック
0 / 3項目 完了
この章を開く →まずは、図でつかもう
1 / 4
矢印を追い、各ポイントを押して確認しましょう。
全12章 / 演習込み目安 960分
まず完成見本から、1つの基本ルートで進みます。
手元のHTML・CSS → 非公開のS3 → CloudFront＋OAC → 標準HTTPS URL
このサイトは教材です。契約・課金設定・サービス連携・クラウド作成を実行しません。外部操作は受講者本人が行います。
学習の目次と進捗
チェックとメモを同じブラウザーに保存。秘密情報は入力せず、記録は各章から書き出せます。
ホームページとAWSの基本的な仕組み
URLを開いて画面が表示される流れとHTTPSの役割を説明できる。
目安45分 · 説明／手順／演習／完了チェック
0 / 3項目 完了
この章を開く →
制作環境の準備
WindowsまたはmacOSに、編集と確認のための作業場所を用意できる。
目安60分 · 説明／手順／演習／完了チェック
0 / 3項目 完了
この章を開く →
HTMLで文章・画像・リンクを配置する
意味のある見出しと文章、代替テキスト付き画像、ページ内リンクを作れる。
目安90分 · 説明／手順／演習／完了チェック
0 / 3項目 完了
この章を開く →
CSSで色・余白・レイアウトを整える
セレクターとボックスモデルを使い、読みやすい見た目を作れる。
目安90分 · 説明／手順／演習／完了チェック
0 / 3項目 完了
この章を開く →
スマートフォンに対応する
狭い画面でも横にはみ出さず、文字・画像・リンクを使えるようにする。
目安75分 · 説明／手順／演習／完了チェック
0 / 3項目 完了
この章を開く →
見本を自分のオリジナルページに変更する
読む人と目的に合わせ、見本から独自の静的サイトを完成させる。
目安90分 · 説明／手順／演習／完了チェック
0 / 3項目 完了
この章を開く →
AWSアカウントの準備と料金・セキュリティの確認
アカウントの無料条件と期限、権限、料金確認方法を説明できる。
目安90分 · 説明／手順／演習／完了チェック
0 / 3項目 完了
この章を開く →
S3とCloudFrontを使ってHTTPS公開する
S3を非公開に保ち、OACで読み取るCloudFrontから標準HTTPS URLで公開できる。
目安120分 · 説明／手順／演習／完了チェック
0 / 3項目 完了
この章を開く →
内容の更新と、更新が反映されない場合の対処
公開先とキャッシュを切り分け、小さな更新と復旧ができる。
目安75分 · 説明／手順／演習／完了チェック
0 / 3項目 完了
この章を開く →
費用の確認と、不要なリソースの削除
料金の確認範囲を理解し、CloudFront・S3・残存対象を順に片付けられる。
目安90分 · 説明／手順／演習／完了チェック
0 / 3項目 完了
この章を開く →
最終課題と完成チェック
制作・公開・更新・確認・削除を、自分の記録で説明できる。
目安90分 · 説明／手順／演習／完了チェック
0 / 3項目 完了
この章を開く →公式情報と参考教材
公式情報の確認日：2026年10月25日（日本時間）。画面・上限・契約条件は変わるため、実行前にも公式資料と自分の契約を確認してください。ログや画面の例は説明用で、実環境の操作結果ではありません。
- AWS：Free／Paidアカウントプラン ↗
- AWS：無料枠FAQと既存アカウント ↗
- AWS：S3料金 ↗
- AWS：CloudFront従量課金 ↗
- AWS：定額プランの対象条件 ↗
- AWS：非公開S3とOAC ↗
- AWS：キャッシュポリシー ↗
- AWS：ディストリビューション削除 ↗
- AWS：Budgetsと通知の遅延 ↗
- AWS：IAMとルートの扱い ↗
- AWS：S3バケットを空にする ↗
Mana著『1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］』は参考書として紹介します。大澤文孝著『ゼロからわかる Amazon Web Services超入門 はじめてのクラウド 改訂新版』も参考書として紹介します。本文・図・コードは転載せず、教材とSVG素材は独自に作成しました。