OVERFLOW: AUTO;

Aiming to be modern, practical skilled front-end engineer.

2020年5月 フロントエンド界隈で気になっていることの備忘録

分からないことを分かるように咀嚼するのがブログの趣旨なんだが、ひとつひとつ調べて記事にするのは後にして、ここでは備忘録的に留めておくだけにする。

Deno

Deno 1.0がいよいよ出たということで、先週からこの話題を多く目にしている。

Deno is a simple, modern and secure runtime for JavaScript and TypeScript that uses V8 and is built in Rust.

公式サイトより

deno.land

Denoは、V8 JavaScriptエンジン及びRustプログラミング言語に基づいた、JavaScript及びTypeScriptのランタイム環境である。Node.jsの作者であるライアン・ダール(英語版)によって作成され、セキュリティと生産性に焦点を当てている。

Wikipediaより

ja.wikipedia.org

ランタイムについても追ってちゃんと理解しよう。

AlpineJS

こちらも、ミニマルフレームワークとして注目されている。 誰から注目されているのかよくわかっていない。jQuery 勢?

Alpine.js offers you the reactive and declarative nature of big frameworks like Vue or React at a much lower cost.

You get to keep your DOM, and sprinkle in behavior as you see fit.

Think of it like Tailwind for JavaScript.

github.com

特徴はリアクティブで、Vue や React といったフレームワークと同じで宣言的な性質を低コストで実現できることらいし。 DOM は保持したまま、そこに記述していくようだ。触ってみないとよく分からない。 JavaScript 版の Tailwind だと捉えていいとのことだ。

Vite

バイトではなくヴィットと読むらしい。 Vue.js の Evan You がメンテしているツール。

Web dev build tool というのもよく理解してないのであとで調べよう。 とにかく開発モードが爆速ということらしい。 インストールしてみたけど、たしかに速い。 Vue.js 3の環境が立ち上がるので、それを試す目的で触ってみていいかもしれない。

Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production.

Lightning fast cold server start

Instant hot module replacement (HMR)

True on-demand compilation

More details in How and Why

github.com

SnowPeak

爆速のビルドツールだそうだ。

Snowpack is your near-instant web build tool. Snowpack replaces your dev bundler with a dev environment that only builds files as they are requested by the browser. That means instant dev startup times, less unnecessary work and faster updates on every save.

When you're ready to deploy your site, Snowpack automatically optimizes and bundles your site for production.

www.snowpack.dev

Preact

React の軽量版らしい。 3KB ととにかく軽いようだ。 バージョン10らしいけど、最近知った。

preactjs.com

さいごに

ウェブ業界に入って1年半が経つが、その間に怒涛のように新しい情報が入り続けている。 なんてところに来てしまったのだろうとしか最近は思えない。

一つずつ知識を増やしていくしかないのだから、地道にやっていく。

今回だと AlpineJS と Preact あたりは実際に TODO アプリでも作ってみるとよさそう。