[B! article][Svelte] efclのブックマーク

SvelteKit はどのようにコンパイルしているのか？

フロントエンドの技術選定によって Svelte と SvelteKit を使って管理画面を作ることに決めました。Unicorn Cloud ID Manager (以下UCIDM) の管理画面を SvelteKit を使って開発しています。 UCIDM のフロントエンドのアーキテクチャBFF (Backend For Frontend) サーバーに Node.js を配置し、サーバーサイドレンダリングを採用したフロントエンドを提供しています。マイクロサービスでは一般的なアーキテクチャだと思います。エンドユーザー (ブラウザ) は BFF サーバーに対して認証を行い、BFF サーバーが UCIDM API サーバーと認証します。エンドユーザーは透過的に UCIDM API サーバーが返す情報を参照できますが、直接 UCIDM API とは通信できません。これはセキュリティを担保する上での

efcl 2023/12/31

SvelteKitのコンパイルの仕組みであるvite-plugin-svelteとViteについて。 `/__inspect/`でのコンパイルの確認方法、Viteについて。

リンク

My thoughts on Svelte 5 as a full-time Svelte Developer for 3+ years

As a full-time Svelte user for three years, I've built a real-time collaborative website builder with 10 000+ users. My solo success wouldn't have been possible without Svelte, and here's my take on the latest sneak peek of Svelte 5. First and foremost, a big shoutout to the Svelte team and Rich Harris for their relentless dedication. I've been in love with Svelte for over three years, watching it

efcl 2023/10/01

Svelte 5の構文について

リンク

Introducing runes

Introducing runes Rethinking 'rethinking reactivity' The Svelte team Sep 20 2023 In 2019, Svelte 3 turned JavaScript into a reactive language. Svelte is a web UI framework that uses a compiler to turn declarative component code like this... <script> let count = 0; function increment() { count += 1; } </script> <button on:click={increment}> clicks: {count} </button>...into tightly optimized JavaScr

efcl 2023/09/22

Svelte 5はrunesという`$state`/`$derived`/`$effect`といったマクロを使いreactiveなステート管理を実現するという話。 `$:`のラベルでのReactiveではアプリケーションが複雑になるとどれがReactiveなのかがわからなくなる問題があったため

リンク

Migrating from Vue 2 to Svelte

Svelte offers a better typing experience with easier components' designing processes and built-in typed events, making it very user-friendly for us. Restricted global access. With Svelte, it is possible to import enums from other files and use them in the template, which is not the case for Vue 3. Escape Benchmark about frontend stackSyntax. Personally, I find Svelte syntax more elegant and user-f

efcl 2022/12/07

Vue 2からSvelteKitに移行したという話。

リンク

What's the deal with SvelteKit?

What's the deal with SvelteKit? We're rethinking how to build Svelte apps. Here's what you need to know Rich Harris Nov 5 2020 If you attended Svelte Summit last month you may have seen my talk, Futuristic Web Development, in which I finally tackled one of the most frequently asked questions about Svelte: when will Sapper reach version 1.0? The answer: never. This was slightly tongue-in-cheek — as