はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 Qiitaのストックを整理するためのサービス「Mindexer(ミンデクサー)」のフロントエンドを Vue.jsで構築したSPAのアプリケーションからNuxt.jsでSSRを行うように再構築しました。 LambdaでExpressサーバーを動かし、その上でNuxt.jsを動かしています。 この記事では、今回の開発で得られたNuxt.jsに関するTipsやインフラ構成などについて解説していきたいと思います。 なお、Vue.jsからの移行に関する解説は含みません。 サービスについて 「Mindexer(ミンデクサー)」については、こち

概要 ALB（Application Load Balancer）を導入し、サービスの冗長化を行う。 今回は、HTTPでの通信とし、SSL証明書の設定は行いません。 本番運用を想定したものではないので、ご注意ください。 環境 Amazon Linux 2 前提条件 VPCが作成されていること Webサーバインスタンス作成してあること インターネットゲートウェイがアタッチされたサブネットが作成されていること ALBの作成 ロードバランサーの設定 EC2 > ロードバランシング > ロードバランサー　を選択し、ロードバランサーの作成をクリックします。 Application Load Balancerを選択します。 任意の名前を入力。 スキームには、インターネット向けを選択し、インターネットからの接続を許可します。 リスナーには、HTTPを選択し、HTTPリクエストをロードバランサーで処理でき

概要 Qiitaのストックを整理するためのサービス「Mindexer(ミンデクサー)」のインフラをEC2からFargateに置き換えました。その際に得られたTipsをまとめた記事となります。 AWSの環境は全てTerraformで構築しています。開発環境のみECSのEC2起動モードも利用しています。 ソースコードは、こちらで公開しています。 https://github.com/nekochans/qiita-stocker-terraform なお、ECSのスペックについては本番を想定した設定となっていませんのでご注意ください。 サービスについて AWS + Laravel + Vue.js でQiitaのストックを整理するサービスを作りました！【個人開発】 にて解説ししていますので、こちらも合わせて見ていただけますと幸いです😊 バックエンド、フロントエンドの技術についてもソースコード

概要 CodeDeployを利用したFargateでのBlue/Greenデプロイメントをコンソールから実装します。 基本的な内容は下記の記事を参考にしています。記事には書かれていないECRリポジトリのイメージの更新も含めて記載し、デプロイの流れを説明しています。 AWS CodeDeploy による AWS Fargate と Amazon ECS でのBlue/Greenデプロイメントの実装 | Amazon Web Services 全体の流れ FargateでBlue/Greenデプロイメントを実装するための前提条件と、全体の流れを把握します。 前提条件 ECRにリポジトリが作成されていること ECRにリポジトリにlatestタグがついたDockerメージがpushされていること ECSクラスターが作成されていること ECRにリポジトリを作成しDockerイメージをpushする方法

概要 ECS+EC2で動作しているアプリケーションをFargateに変更にします。 ECS+EC2での環境構築は、LaravelアプリケーションをAWS上のDockerで動かすを参考にしてください。 全てマネジメントコンソール上で行います。 前提条件 LaravelアプリケーションをAWS上のDockerで動かすと同様のECS+EC2の環境が構築されていること Farageteについて メリット コンテナのためのEC2の管理が不要 コンテナのスケールに合わせてインスタンスタイプの変更、あるいはスケールアウトさせる必要がない インスタンスタイプの選択が不要 AutoScaleのタイミング設定が不要 デメリット コンテナホストにssh接続できない Dockerコマンドが実行できないため、コンテナの状況を確認するといったことができない ログドライバがawslogsのみ 料金 EC2単位ではなく、

概要 LaravelのアプリケーションをAWS上のDockerで動かすための環境を構築します。 具体的には、以下を行います。 コンテナを構築するためのDockerfileを作成する ECRリポジトリの作成 → AWS CLIで作成 1.で作成したDockerイメージをECRにをpushする ECSの環境構築 → マネジメントコンソールから作成 前提条件 AWS CLIがインストールがインストールされていること コンテナを構築 phpとnginxの2つのコンテナを構築します。Dockerfileは、それぞれ下記の通りです。 phpコンテナのDockerfile 必要なソースコードをコンテナ内にコピーし、依存ライブラリのインストールを行なっています。 FROM php:7.2.10-fpm-alpine COPY . . WORKDIR /var/www/html RUN set -x &&

概要 Qiitaのストックを整理するためのサービス「Mindexer(ミンデクサー)」をリリースしました🙌 この記事では、Mindexerで利用している技術について、解説したいと思います。 GitHubでソースコードも公開しています。 https://github.com/nekochans/qiita-stocker-frontend https://github.com/nekochans/qiita-stocker-backend https://github.com/nekochans/qiita-stocker-terraform サービスについて 個人サービスを開発しようとしたきっかけは、技術力の向上のためでした。でも、どうせなら自分だけでなく、多くの人に使ってもらえるようなサービスが良いと思いQiitaのストックを整理するためのサービスを作りました。 こんな問題抱えてません

概要 LaravelでAPIを作成している際に、CORSの設定を行いました。その際にCORSについて色々と調べたので、その内容をわかりやすくまとめたいと思いこの記事を書いています。 初心者の方にも理解できることを目標に書いたので、ご参考になれば幸いです。 CORSとは ブラウザは、セキュリティを高めるために同一オリジンポリシーが適用されています。この同一オリジンポリシーは、あるオリジンから他のオリジンのリソースにアクセスできないように制限するものです。 このポリシーが適用されているため、webアプリケーションから異なるドメインにアクセスする(外部のAPIを利用するなど)場合には、エラーとなってしまいます。 このエラーを回避し、クロスドメインアクセスを可能にするための仕組みとして用意されているのが、CORSです。 クロスドメインアクセスをした場合、実際にどんなエラーとなるのか確認してみましょ