lycheejam's tech log

チラ裏のメモ帳 | プログラミングは苦手、インフラが得意なつもり。

CloudFront

GitHub + AWS CodeBuildでVue.jsプロジェクトのビルド&デプロイを自動化する。

概要 GitHubとAWS CodeBuildを組み合わせてVue.jsプロジェクトをビルドしてAWS S3に配置するまでを自動化します。 自動化のイメージとしては以下の流れ。 GitHubへPush WebHook発火 CodeBuild呼び出し ソース取得(git clone) ビルド(npm run build) 既存…

S3に配置したVueプロジェクトで更新するとNoSuchKeyエラーが発生する。

概要 AWS S3 + CloudFrontでホスティングしたポートフォリオサイトで画面を更新すると403や404エラーが発生したのでその回避策メモ 目次 概要 目次 環境 参考サイト様 事象 原因 対策 雑感 環境 Vue.js: 2.5.22 Vuetify: 1.3.0 AWS S3 + Cloud Front 参考サ…

Vue.js + Vuetifyでポートフォリオを作ってAWS S3 + CloudFrontで公開した。

概要 今回はポートフォリオを作ったので宣伝しようと言う記事になります。 まだ、未完成ですが人に見せても大丈夫かなと言うレベルまできたので公開します。 ※今回はただの感想文です。 Vue.js + Vuetifyで作成してAWS S3 + CloudFrontで公開しています。 そ…