Skip to content
AWSの料金を、日本円でざっくり。
Branch: master
Clone or download
Latest commit abe67ca Jan 13, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
api
assets selectを中央寄せにしてサイズ調整 Jan 12, 2019
components 環境変数が散らばっていたのでnuxt.config.jsにまとめる Jan 13, 2019
config
layouts スマホのメニューを真面目に Oct 30, 2018
lib Fargateを追加 Jan 12, 2019
pages Fargateの説明を簡潔に Jan 13, 2019
static
store
test Fargateのリソースのデフォルト値を空文字に修正 Jan 12, 2019
.babelrc テストに必要なパッケージも消してしまっていたので復活 May 12, 2018
.eslintrc.js E2Eテストを追加 Sep 27, 2018
.gitignore テストカバレッジの確認追加 Oct 7, 2018
CHANGELOG.md
LICENSE できたぞ Apr 8, 2018
README.md READMEの使い方をテストの流れで書く Jan 12, 2019
jest-puppeteer.config.js
jest.config.e2e.js テストカバレッジの確認追加 Oct 7, 2018
jest.config.unit.js テストカバレッジの確認追加 Oct 7, 2018
nuxt.config.js
package.json
yarn.lock Nuxt v2.3 Jan 13, 2019

README.md

ざっくりAWS

ざっくりAWS

AWS の料金を日本円でざっくり計算できるサイトです。

入力の手間を減らすために、料金への影響が少ない項目は削っているため、手軽に概算を算出できます。

正確な料金は必要ないから適当な入力でざっくり知りたい、みたいなときに便利かもしれません。

https://aws.noplan.cc

License: MIT CircleCI

使い方

# インストール
yarn

# 開発サーバーの起動
yarn dev

# ユニットテスト
yarn test:unit

# E2Eテスト向けに静的ファイルを生成
yarn generate:test

# E2Eテスト
yarn test:e2e

# テストをまとめて
yarn test

# 本番向けに静的ファイルを生成
# E2Eテストに使用した要素のdata-test属性を削除しておく
yarn generate:production

ライブラリ/フレームワーク

このWebサイトは、主にVue.jsでできています。

Vue.js

公開当初からVue.jsを使ってUIを構築しています。
ReactとVue.jsで迷いましたが、HTMLをガシガシ書きたかったので、
テンプレートやスタイルを楽に書けるVue.jsを選びました。

Nuxt.js

最初はVue.js単体で使っていたのですが、Nuxt.jsで静的サイトを生成できることを知って移行しました。

Jest

テストにはJestを使用しています。
計算のロジックのユニットテストがメインです。

Puppeteer

E2EテストのためにPuppeteerを導入しました。
直感的に書けて動作も速いので重宝しています。

インフラ構成

AWSの料金をざっくり計算できるサイトなので、AWSを使っています。

フロントエンド

CloudFront + S3

Nuxt.jsで静的に生成したファイルをS3へホスティングして、手前にCloudFrontを置いています。

バックエンド

API Gateway + Lambda + S3

計算結果を保存するAPIは、 API Gateway + Lambda で構築しています。
データの保存には DynamoDB を使おうと思っていたのですが、キャパシティを考えるのが面倒だったのと、ライフサイクルが便利だったので S3 にJSONをぶち込む形にしました。

運用フロー

運用フロー

計算に使用する為替やAWSの料金は、Lambdaで定期的に取得しています。
毎朝10時にLambdaを起こして価格の更新を行い、CircleCIで静的ファイルを生成してからデプロイする流れです。

価格を取得するLambdaのコードは別のリポジトリで管理しています。
https://github.com/noplan1989/aws-rough-functions

ご意見・ご要望

追加して欲しいサービスや機能、致命的なバグなどがありましたら、issueにあげていただくか、なんらかの方法でご連絡をお願いいたします。サイト名が「ざっくりAWS」なので、ざっくりじゃなくなってしまう機能追加は難しいですが、できる限り対応いたします。

You can’t perform that action at this time.