ホームページ- EY-OfficeSvelteに入門してみた（React/Vueとの違い） 続きです。 前回、「Svelteではコンパイル（Svelteのコードからブラウザーで実行できるJavaScriptに変換する処理）の際にデータ等の変更に対応してDOMを書き換えるコードを自動生成する事で宣言的UIを実現しています。」と書きましたが、今回はSvelteの生成した（コンパイルした）コードを読んで、その仕組みを調べてみました。 サンプルコード（App.svelte） 今回はSvelteの生成するコードを調べやすいような簡単なコードを書いてみました。画面は以下のようになります。 コードの説明はあまり要らないとは思いますが、CountAボタンを押すとcounterA変数の値が増え、A:の表示が増えます。Bも同様です。ResetボタンはcounterA,counterBが0になります。 $: から始まる行はReactive st
