console.lealog();

@leader22のWeb系に関する勉強めもブログですのだ

Svelte

Svelteランタイムのコードを読む Part.2

前回の記事でランタイムにおける`svelte`のコアは読んだので、今回は拡張となる機能たちを見ていく。 `svelte/store` `svelte/motion` `svelte/transition` `svelte/easing` `svelte/animate` これらのネームスペースで`import`できるやつ。

Svelteランタイムのコードを読む Part.1

コンパイラのコードを一通り読んだところなので、ランタイムもついでに読んでおこうかと。

Svelteコンパイラのコードを読む Part.3

Svelteコンパイラのソースコードリーディング記事の続編の続編。`svelte/compiler`の`compile()`を追っている途中。

Svelteコンパイラのコードを読む Part.2

Svelteのソースコードリーディング記事の続編。`compiler`がエクスポートしてる3つの主な関数のうち、`preprocess()`と`parse()`を読んだのが前回の記事。今回は残りの1つであり、最大の山場でもある`compile()`を追っていく。

Svelteコンパイラのコードを読む Part.1

気になるもののコードは読むべし、ということで。ちなみにコードを読み始めた時点でのバージョンは、`v3.23.2`です。自分のコードリーディング用のメモ記事なので、他の人が読んでわかりやすいかは保証できません!

Svelte Society Day 2020: Rich Harris: Frequently Asked Questions の要点まとめ

Svelte Society Day 2020: Rich Harris: Frequently Asked Questionsわかりみしかなかった。リッチ氏、本職はNYTのデザイナーなんですよね・・エンジニアじゃないんですよね・・まじすげーわ・・。

Svelteで生DOMを扱う

Reactでいうところの`ref`を、Svelteでどうやって扱うか。まぁドキュメントにちゃんと書いてあるけども。

Svelte/Sapperを静的サイトジェネレーター(SPA)として使う

最近ひさしぶりにペライチの静的なサイトを作る機会があって、何で作ろうかなーと考えた。Nextの`export`や、Nuxtの`generate`があるなら、Svelte/SapperにもそういうSSGの機能があるのでは?というのがきっかけ。 https://sapper.svelte.dev/docs#Exporting…

React x MobXな趣味プロダクトをSvelteでリライトした

続・React x MobXな趣味プロダクトをTypeScriptでリライトした - console.lealog(); このシリーズの続編で、いわばSvelte人柱シリーズです。

Svelte 3の仕組みとその手触り

実は最近まとまった時間ができたので、フロントエンド勘を取り戻すためにも、ずっと気になってたSvelteを触ってみてる。一通りDocsやTutorialに目を通しきったところで、備忘録も兼ねて記事を書いておこうかと思った次第。 Svelte 3: Rethinking reactivity …