1. yassun-youtube

    Posted

    yassun-youtube
Changes in title
+2021年に流行るかもしれない技術6選!!
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,66 @@
+# はじめに
+今回は2021年に流行りそうな技術を6つほど 紹介していきます!
+
+## 対象読者
+- 今後学びたいことを見つけたい人
+- 技術系の話題を探している人
+
+# YouTube動画
+動画で確認したい方はこちらでご確認ください!
+[【YouTube動画】 現役エンジニア社長が予想する2021年に伸びそうな技術6選](https://youtu.be/L8ezjJmCbVk)
+[![現役エンジニア社長が予想する2021年に伸びそうな技術6選](https://img.youtube.com/vi/L8ezjJmCbVk/0.jpg)](https://youtu.be/L8ezjJmCbVk)
+
+# Tailwind CSS
+Tailwind CSSは utility-first を主眼に置いた CSSフレームワークです!
+utility-firstは、複雑な構成を単純なクラスの組み合わせで表現する手法です。
+
+Tailwind CSSはBootstrapと同じ CSSフレームワークという部類ですが、buttonクラスやnavクラスといったものが存在しません。
+1クラスに対して、1プロパティを割り当てたものを複数用意したフレームワークです。
+<img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/751408/bcd6ce64-6e6b-e3aa-5393-c5d34fff1872.png' width='550'>
+
+1クラス1プロパティであるため、クラスの量が多く、何も圧縮しない場合、3739.4KBほどのサイズになります。
+しかし、Tailwind CSSは<b>使用していないクラスをビルド時に省く</b>ことができ、ビルドサイズを小さくできます (purgeCSSを内部にもつ)。
+
+## 参考
+[CSSフレームワークのトレンド](https://2020.stateofcss.com/en-US/technologies/css-frameworks/)
+[Tailwind CSS](https://tailwindcss.com/)
+[purgeCSS](https://purgecss.com)
+
+
+# Headless CMS
+Headlessとは、フロントがないという意味です。
+Headless CMSは、WordPressのように記事の管理や配信、検索などの機能を残しつつ、フロントを自由にカスタマイズできるサービスです。
+サービスとしては、contentfulやprismic, Netlify CMSといったものがあります。
+
+# Serverless Architecture
+Serverless Architectureは、サーバー管理不要なサービスを使って、バックエンドを構築する手法です。
+AWSでいうと、Amazon API GatewayやAWS Lambdaなどがあります。
+
+AWS Lambdaの方は最近、コンテナのデプロイができるようになり、利用の幅が広がりました。
+
+またBBC News Onlineが自社サイトをサーバレス化したそうで、サーバー管理しなくて良くなるメリットを生かしたい企業はこれからも増えそうです。
+
+## 参考
+[New for AWS Lambda – Container Image Support](https://aws.amazon.com/jp/blogs/aws/new-for-aws-lambda-container-image-support/)
+[Moving BBC Online to the cloud](https://www.bbc.co.uk/blogs/internet/entries/8673fe2a-e876-45fc-9a5f-203c049c9f9c)
+
+Lambdaのコンテナデプロイについては、動画化しているので、興味のある方はこちらもどうぞ。
+https://youtu.be/JNzOTwRsIoQ
+
+# ISR
+今のところ(2021/1/11)、NextjsとVercelでしか使えませんが、SSGの弱点を克服して、動的に静的ページを生成する仕組みです。
+SSGは全てのページをビルドしておいて、静的ファイルを配信する仕組みです。
+ただ、変更を加えたページだけをビルドするということが現状できないため、変更があると全てのページをビルドし直す必要があります。
+
+ISRでは、ユーザーのリクエストや時間によってサーバー側で該当ページだけをSSGするという仕組みを提供します。
+
+
+# Web Assembly
+HTML, CSS, JavaScriptの次に、新しくブラウザでサポートされたのが WebAssemblyです。
+ブラウザ上で動作するバイナリ形式のアセンブリ風言語とのことで、JavaScriptの補完を目的に作られました。
+
+コンパイラはいくつかありますが、この間安定版が出たWasmerの場合、C/C++, Rust, Python, Ruby, PHP, JavaScriptをWebAssemblyに変換できるようです。
+
+# Rust
+パフォーマンスが良く、メモリの安全性を保った言語で、C/C++の代替として注目されています。
+MicrosoftがRustを部分的に使っているようで、これからも伸びていきそうです。