はてなブックマーク

概要 この度、おりきゃらーずというオリジナルキャラクターの画像配信サイトをリリースしました。 以下おりきゃらーずの魅力を伝えるための宣伝 note です。 上記宣伝 note ではおりきゃらーずの魅力に焦点を当てて記載しました。 このサイトを開発していく中で AWS のみで画像配信サイトを作る際にどういうアーキテクチャを組めば、安く、速く、魅力的な画像をユーザーに届けることができるかの知見が溜まりましたのでそれについてこちらでは公開したいと思います ☺️ AWS 上で魅力的な画像配信サイトを手軽に作ってみたい方は、是非見てみてください〜🙏 基本的な画像配信サイトに必要な要件 大規模な配信サイトや複雑な要件が絡まってくる配信サイトだと必要な物が変わってくるかもしれませんが、基本的に今回の画像配信サイトで必要な要件は以下でした。 画像を高速に配信して、ユーザーにより速く画像を届ける 画像配信

概要 会社で AWS を触ることになり、基本から学んでいこうと思ったため備忘録として記事を書き始めました。 今回は CloudFront を利用して S3+APIGateway+Lambda で構築した Web アプリの画面と API のキャッシュを取ってみます。 もし理解が違うよというところ等ありましたら優しく教えて頂けると幸いです 🙇‍♀️ CloudFront とは 公式ドキュメント引用。 CloudFront とは、html・css・js・画像・json ファイル等のキャッシュを取りユーザーにファイルを速く届けるためのサービスです。 下記の画像をご覧ください。 上記のようにオリジンと呼ばれるファイルが配信されるサーバーがあります。 このサーバーから CloudFront は以下のようにキャッシュを取り、ユーザーにファイルを速く届けています。 開発者が CloudFront でディ

概要 先日 AWS10 分 LT 会という 1 時間半の LT 会を開催しました。 LT 登壇者 5 人、見学者 58 人の申し込みがあり、当日の LT もたくさんのコメントを頂けて結構成功した LT 会だったのでは…と思ったので、技術 LT 会開催にあたっての知見をご紹介させて頂きたいと思います 🙇‍♀️ ちなみに先日のイベントはこちら ↓ 理想とした LT 会 まず、今回の LT 会開催にあたって理想とした LT 会は以下です。 登壇者の方がプレッシャーなく登壇できるようにする 見学者の方が気負いなく発言できるようにする 技術的なツッコミや質問も雰囲気を悪くすることなくできるようにする 全てを両立させることは難しいですが、できるだけ理想に近い形の LT 会にできる様アプローチを行いました。 LT 会開催までの流れ LT 会開催前に需要確認 これは LT 会を開催するきっかけになった出

概要 会社で aws を触ることになり、基本から学んでいこうと思ったため備忘録として記事を書き始めました。 今回は 有名な Blue/Green デプロイ に関する概要説明の後 CodePipeline と ECS を使用して 自分の PC 内の Next アプリケーションを Blue/Green デプロイして Web 上に公開してみます 🌀 もし理解が違うよというところ等ありましたら優しく教えて頂けると幸いです 🙇‍♀️ Blue/Green デプロイ とは Blue/Green デプロイとは、アプリケーションのデプロイをダウンタイム無しに行うことができるデプロイ手法のことです。 下の図をご覧ください。 旧アプリケーションから新アプリケーションにアプリケーションの移行を行いたかったとします。 もし Blue/Green デプロイを行わなかった場合旧アプリケーションを新アプリケーション

概要 会社で aws を触ることになり、基本から学んでいこうと思ったため備忘録として記事を書き始めました。 今回は CodePipeline と ECS に関する概要説明の後 これら を使用して自分の PC 内の Next アプリケーションを コンテナで Web 上に公開するまでの過程を CI/CD 化してみます 🌀 もし理解が違うよというところ等ありましたら優しく教えて頂けると幸いです 🙇‍♀️ CodePipeline とは 公式ドキュメント引用。 CodePipeline とは、最近流行りの CI/CD を実現するためのサービスです。 CI/CD とは書いたコードをテストして本番環境にデプロイする過程を自動化することを指します。 CodePipeline での CI/CD の一例を挙げると、旧来 自分の PC でコードを書く そのコードを手動でテスト 本番環境へデプロイする とい

概要 会社で AWS を触ることになり、基本から学んでいこうと思ったため備忘録として記事を書き始めました。 今回は API Gateway で使用できる WebSocket API を使用して、AWS 上でリアルタイムチャットを作成してみようと思います。 もし理解が違うよというところ等ありましたら優しく教えて頂けると幸いです 🙇‍♀️ 今回作る物 簡単なリアルタイムチャットを WebSocket API を利用して作成してみようと思います。 以下デモです。 WebSocket API とは 以下 WebSocket API の説明です。 少し長くなるので、リアルタイムチャットの作成方法だけ知りたい方はリアルタイムチャットを作成してみるの章をご覧ください 😌 WebSocket API とは 公式ドキュメント引用。 WebSocket API とは、API Gateway で作成できる