hitomedia Tech Blog

コーポレートサイトをWordPressをスタティック化してCloudFront + S3で構築した話

Oct 17, 2017
4 Minutes
675 Words

こんにちは。先日より、DevOps推進協議会の理事をさせて頂くことになりました id:Tetsujin です。

社内でDevOps推進チャンスを探していたところ、ヒトメディアのコーポレートサイトをWordPressでイチから作るプロジェクトが動いていたので、そこで取り組んだインフラ周りの話を共有させていただきます。

WordPressをどうやって動かすか

WordPressで作ることは決まっていたものの、どこでどうやって動かすかは決まってない状態だったので

WordPressをスタティック化してサーバレスで動かせるShifterというサービスがあるようですが、今回は自分たちで試してみたいということで

getshifter.io

  • コストをかけたくない
  • 極力管理したくない

という目標を掲げて自分たちで構築しました。

構成

いろいろ試した結果、以下のような構成になりました。

  • Terraform
  • itamae

スタティック化して動かしてみて困ったこと・やったこ

いざ、スタティック化して動してみると

BASIC認証をかける

WordPressをStaticPress + StaticPress S3でスタティック化して動かしてみると、

テスト環境も必要ですが

CloudFront Lambda@EdgeでBASIC認証をかけることにしました。

qiita.com

バックアップ

qiita.com

起動と停止忘れ防止

本当はSlack

ただ、停止忘れが

ということで、インスタンス起動中はcronで定期的にSlackに通知が飛んできます。

default

チームのメンバーが仕掛けてくれました 🎉

まとめ

ということで、牧歌的サーバレス?なWordPress運用を開始してみた話のご紹介でした。

ヒトメディアではDevOpsもしつつ、いろいろと未知の領域へも飛び込んでいけるエンジニアを募集しております...と思ったら「募集要項」をまだ準備できておりませんでした。 興味ある。我こそは。という方がいらっしゃいましたらお気軽にお問い合わせくださいね。

https://www.wantedly.com/companies/hitomedia

Copyright 2026