初心者がブログサイトを作ったお話

Transcript

1. 初心者が ブログサイトを 作ったお話 いとさん
2. 目次 00 自己紹介 01 なぜブログサイトを作ろうかと思ったか 02 CMSで運用する利点・WordPressとは 03 アーキテクチャ・構築手順 04 躓きがちな点・稼働費用 05 まとめ
3. 00 自己紹介
4. い と さ ん I T O S A N •所属： SCSK株式会社 •業務：TechHarmony運営、社内サイト運営 •好きなカテゴリ：セキュリティ •クリスマスの予定:SAA試験 AWS歴：ひよっこ(9ヶ月)
5. この発表のゴール • CSM・WordPressの仕組みについて少し理解できるようになる • AWSサービスを使用した場合の構成を理解する • ハンズオンでやってみようかなって思っていただけること
6. 01 なぜブログサイトを 作ろうかと思ったか
7. 某月某日のお昼休み‥
8. 業務に役立つAWSハンズオンとかないかな〜
9. どうしましたか 上司 ハンズオンなら SkillbuilderとかUdemyとかあるじゃない
10. なんか、いまいち落とし込めない感が あるんですよねー なんか今の業務と少し違う感じがして‥
11. じゃあブログ作ってみたら？ 業務内容に近いし 構築方法とか色々教えるよ
12. えー！楽しそう！やってみます！ 業務に関連するし 1から環境構築できるいい機会だ！
13. えー！楽しそう！やってみます！ 業務に関連するし 1から環境構築できるいい機会だ！ こんなかんじで ブログサイトを作ることになりました
14. 自腹 です。 ちなみに 今回作るブログサイト構築運用費用は まあ基盤の理解を深める そしてAWS学習の一環としてですので
15. 02 CMSで運用する利点 WordPressとは
16. Webサイトのコンテンツ（文章、画像、動画など）を効率的に 管理・更新するためのシステムです。 CMS(Contents Management System)と は
17. ブログサービスとの違い CMS（例：WordPress） ブログサービス（はてなブログ） 分類 Webサイトを構築・管理するためのソフト ウェア/システム ブログ機能を提供するWebサービス 自由度/ 拡張性 非常に高い。機能追加（EC、会員制など） やデザイン変更の自由度が無限大に近い。 限定的。提供される機能・デザインテンプレートの 範囲内に限られる。 サイト管理 すべて自己管理（サーバー、セキュリティ、 システム更新） 運営会社（はてな）が管理（サーバー、基本的な セキュリティ、システム更新） 費用 システム自体は無料（WordPress）。サーバー 代、ドメイン代、テーマ代などが別途必要。 無料プランあり。有料プラン(Pro)で機能拡張 （広告非表示、独自ドメインなど）。 用途 コーポレートサイト、ECサイト、 メディアサイト、ブログなど多用途 主にブログ、オウンドメディア（法人向けサービス 「はてなCMS」はサイト制作も可能） ドメイン 自由に独自ドメインを設定できる。 基本的にはサブドメイン。 有料プランで独自ドメインが設定可能。
18. WordPressとは Webサイトを構築・管理するための、世界で最も利用されている オープンソースのソフトウェア/システムです。 CMS市場全体 約61.6% 全世界のウェブサイト 約43.5% 2025年4月時点
19. 投 稿 ペ ー ジ 作 成 画 面
20. フ ロ ン ト ペ ー ジ 編 集 画 面 ( テ ー マ )
21. 03 アーキテクチャ 構築手順
23. プライム・ストラテジー者が提供する WordPress向けに最適化されたLinuxベースの高速サーバOS。 「KUSANAGI」は、キャッシュ利用時には最大260倍、 キャッシュなしでも約2倍の速さを実現します。 同時接続1000件の高負荷環境でも安定したパフォーマンス を維持し、さらに一般的な環境の1/4のコストで同等以上の 性能を発揮するため、インフラ費用を大幅に削減できます。 KU SA NAG I と は
24. サーバー 立てる VPC/EC2の立ち上げ KUSANAGI選択 インスタンスタイプは t3.micro Public-subnetの設定 セキュリティ DNS関連設定 セキュリティグループの作成 DNS設定でElasticIPの 紐付け ホストゾーンの作成 Aレコードの設定 WordPressイン ストール (EC2上) KUSANAGI公式手順を参考に WordPressをインストールする DB関連の設定も行う CloudFront 関連設定 OACの設定 (S3オリジンへのアクセ スコントロール設定) キャッシュ クリア設定 Lambdaを使用し CloudFrontのキャッシュ をクリアする仕組みを 構築
25. なぜ？ キャッシュクリアを行う理由 高速性とコンテンツの最新性の両立 サイトの 表示高速化 ページの表示速度はGoogleなどの検索エンジンにおけるランキング要素の 一つであるため、高速化はSEO（検索エンジン最適化）に有利に働きます。 WordPressの 負荷軽減 ユーザーからの大量のアクセス（特に静的ファイルへのリクエスト）のほとんどを CloudFrontのエッジロケーションが処理するため、 WordPressが稼働しているオリジンサーバーへの負荷が大幅に軽減されます。 データ転送費 の最適化 AWS内部では、オリジンサーバー（EC2やS3）からCloudFrontへのデータ転送に かかる費用が無料になる場合があり、コストを抑えられます。
26. 理由その１ サイトの表示高速化 ページの表示速度はGoogleなどの検索エンジンにおけるランキング要素の 一つであるため、高速化はSEO（検索エンジン最適化）に有利に働きます。
27. 理由その２ WordPressの負荷軽減 ユーザーからの大量のアクセス（特に静的ファイルへのリクエスト）のほとんどを CloudFrontのエッジロケーションが処理するため、 WordPressが稼働しているオリジンサーバーへの負荷が大幅に軽減されます。
28. 理由その３ データ転送費の最適化 AWS内部では、オリジンサーバー（EC2やS3）からCloudFrontへのデータ転送に かかる費用が無料になる場合があり、コストを抑えられます。
29. 設 定 で 参 考 に し た 記 事 https://kusanagi.tokyo/document/kusanagi-quickstart/
30. 04 初心者の つまづきがちな点
31. つまずきポイント１ SSL証明書の取得不可 すんませーん お呼びですか？
32. 原 因 Route 53でホストゾーン作成不足 Aレコード作成不足
33. な ぜ こ の よ う な 設 定 が 必 要 な の か ユーザー 攻撃 認証局 ？ ？ ？
34. な ぜ こ の よ う な 設 定 が 必 要 な の か ユーザー 攻撃 認証局 ？ ？ ？ ブログサイトを作るときは この設定忘れないように
35. つまずきポイント2 Basic認証と管理画面の認証の認識齟齬 Basic認証 管理画面の認証
36. Basic認証で必要 管理画面の認証で必要
37. Basic認証で必要 管理画面の認証で必要 どっちがどっちか初めはわからなかっ たのでログインだけで一苦労でした
38. 稼働費用 休日に ３時間ほど稼働 約3000円/月 EC2停止忘れて フル稼働 約9000円/月 意外と安い？
39. 05 まとめ
40. まとめ  １からブログサイトを作るのは作った後だと意外と簡単に作 れるのだなと感じ、作っている間は 作る手順がないと細かい設定が要所要所で必要なのでつまづ くので難しいなと感じた。  サブスク感覚で構築や、フロントエンドの学習ができる  ブログ記事は適宜更新が必要だと感じました。  ガッツリ運用して費用比較してみたい
41. Thank you!!