LoginSignup
18
9

More than 3 years have passed since last update.

Svelteっていういい感じのフレームワークを使って一瞬でNowる。Netlifyにも。

Posted at

どうも、あんはるです。
Svelteいい感じだなぁと思ったので共有します。

 Svelteって何ですか?

スクリーンショット 2019-05-23 14.40.23.png

スクリーンショット 2019-05-23 14.39.56.png

Svelte is a tool for building fast web applications.

Svelteは、高速なWebアプリケーションを構築するツールです。
と、公式には書いています。

React、VueなどのVirtual Domで、クライアントで画面を表示するというアプローチとは異なります。

Svelteはビルド時に、理想的なJavaScriptのコードを吐いているのです。(ドノヨウニシテ速くなっているかは割愛)

よって、それらよりも速いWebアプリけションの構築を実現しています。

早速Svelteのアプリを構築しましょうね!

このコマンドで、一番シンプルなWebpackのテンプレートを導入できます。

npx degit sveltejs/template-webpack project-name

そして、即座にアプリを立ち上げられます。

cd project-name
npm installl # yarnでも可能
npm run dev

ここまではこれだけ。
スクリーンショット 2019-05-23 15.51.43.png
スクリーンショット 2019-05-23 15.52.43.png

そして http://localhost:3000 にアクセスすると、、

スクリーンショット 2019-05-23 15.53.18.png

Hello Worldできました!

さあ、そしてNowっちゃいますか。

npm run build
cd public
now

ビルドして、nowと打つだけ。
スクリーンショット 2019-05-23 15.56.27.png

わざわざNowじゃなくてもNetlifyでいいですよね。

cd public
netlify deploy

スクリーンショット 2019-05-23 15.59.12.png

まとめ

別にすぐにデプロイできるところがすごい!って言いたいわけじゃないんですけど、すぐデプロイできるとモチベ上がりますよね。
この勢いで、Svelteでなんか作って見ます。

18
9
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
18
9