2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

未経験3年目のwebエンジニアが今年使った技術まとめ2020

Last updated at Posted at 2020-12-27

はじめに

今年も終わりそうです。

2020年ってどんな技術使ったけな〜〜〜ってメモです。

フロントエンド

FW

相変わらず Nuxt.js + TypeScript です。

今のお仕事では Composition API も導入され、次バージョンへの追従もされています。

CSSライブラリ

今のお仕事では TailwindCSS を使っています。

要素にtailwindが提供するclassをいっぱい当てていく感じで、まじでCSSを書く量が減ります。

tailwindが提供しているclassを使って、独自のclassを作ることもできるのですぎょいなぁって思います。

UIライブラリ

VuetifyElementUI を使うことが多かったです。

どちらも使いやすいのですが、1つ残念なのはElementUIはレスポンシブ対応ではないので、そこだけちょっと悲しいです。

バックエンド

今年の夏くらいまでPyramid + SQLAlchemy (Python)を使用していましたが、今のお仕事からは Nest.js を使用しています。

アノテーションつけるとSwaggerが作られたり、Swaggerのjsonからフロントエンドの型とAPIコール用の関数を生成する openapi2aspida と一緒に使うと、フロントエンドで書く型が激減して幸せになれました。

インフラ

お仕事ではほぼAWSしか使ってないです。

管理はほぼ全部 Terraform です。

もともとALB -> EC2 + Nginx + Dockerで動かしてた構成を、今年はTerraformでALB -> ECS for EC2な環境を作り出す事ができました。

cronを使っていた定期バッチは CloudWatch Event + スケジューリングされたタスク実行環境に依存しないcron を作ることもできました。

構成変更のおかげで、1からECSで運用するまでのmoduleを作ったり、ECSで運用する用のCloudFrontのmoduleを作ったりして、AWS・Terraformの知識が上がりました。

CircleCIとかだと、公式で自動デプロイ用のプラグインがあるのですが、お仕事ではGitLabを使用しているので、自動デプロイのフローやスクリプトはAWSCLIを使って自前で書きました。

おかげでCIのフロー分けの知見が溜まったり、シェルスクリプトもすこし書けるようになりました。

また個人的にはTerraform RegistryにSESを簡単に作成できるmoduleを公開するって事もしてみました (小声)

おわり

来年は今年作ったECSの環境をk8sに置き換えられるようにしたいです。

もう社内では取り組まれていますが、自分の知識がまだ追いついていないので、時間を見つけて勉強したいと思っています。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?