Svelte の深い理解 (2) — Svelte 生成コードの分析
Svelte の核となるコンセプトから、Svelte はコンパイルプロセスからできるだけ多くの情報を取得し、ダイナミックのオーバーヘッドを削減したいと考えています。前回の記事では、Svelte のコンパイルからコード生成までの仕組みを説明しました。今日は、Svelte が生成したコードがどのように機能するかを見てみましょう。
Svelte の核となるコンセプトから、Svelte はコンパイルプロセスからできるだけ多くの情報を取得し、ダイナミックのオーバーヘッドを削減したいと考えています。前回の記事では、Svelte のコンパイルからコード生成までの仕組みを説明しました。今日は、Svelte が生成したコードがどのように機能するかを見てみましょう。
最終的なコードを生成するには、Svelte はコンポーネントを一度コンパイルして必要な情報を取得する必要があります。Svelte からビルドコードまでのコンパイルプロセスはいくつかの段階を経ますが、この記事ではそれらを 1 つずつ説明します。
スベルテの注目は年々高まった。この記事では、2022年にSvelteについて学ぶべきいくつかの理由を取り上げ、Svelteを使用する際の欠点についても説明します。
この連載記事では、読者にSvelteのコンパイルメカニズムとコード生成についてより深く理解してもらうことを目的として、Svelteの原則の実装について探ります。Svelte のコンパイルプロセスにはコードの解析が含まれるため、この記事では抽象構文ツリーとは何かを説明し、さらに抽象構文ツリーの役割と重要性について説明します。
2020年に私がテクノロジーについて何をしたかを振り返ってください~
Turbolinks は Ruby on Rails で通常使用される JavaScript パッケージです (ライブラリとしてのみ使用できます)。主に HTML を取得して、リクエストと CSS を再送信するコストを回避します。実際、「JavaScriptを使用する必要がない」というのは完全に正しいわけではなく、JavaScriptはまだありますが、ライブラリで自動的に行われるため、JavaScriptを書かなくても開発できます。
2020年は混沌とした年で、コンピューターの本質を考え直すきっかけとなった年でした。その年の間、私はフィールドで自分の得意なことをしないように多くの試みをしました。基本的には、底辺の再理解という1つのトピックを中心に展開していました。私は高校で電子工学を勉強しました。メインストリームの時代は、インターンシップの授業はありましたが、テーブルごとに授業を練習することの方が好きで、ほとんどの時間を勉強に費やしていました。唯一ありがたいことは、宿題が一般的な高校ほど重くないか、台湾に行かないかもしれないということです。
linariaは、ランタイムなしでcss-in-jsを重視したライブラリです。styled-components に似た構文を使用できますが、コンパイル時に CSS を生成するため、スタイルを動的に変更する際のオーバーヘッドが軽減されます。
この記事の原文は日本語で書かれているが、その中には仕事の上で共感できる点や、むしろ学べる点が多くあったので、ここでは簡単な引用と自分の感想をまとめることにした。この著者は36歳で、もともとはエンジニアだったが、年を重ねるにつれて技術への熱意も少しずつ薄れ、ちょうど上司から「じゃあ、やってみれば」と言われ、給料も上がったので、その流れで管理職を引き受けた。著者は面白いことに「でも問題がある。僕は人間が大嫌いだ。できるなら一人でいたいし、そもそも何でわざわざ人を管理しなきゃいけないんだ?」と言っている。どうせ業績管理も不要で、給料ももらえるのだから、まあ気楽にやろう、というわけだ。
最初の数か月は、たまたま大規模な機能がオンラインになる時期でした。別のプロジェクトに進む前は、主にいくつかの小さなバグを修正し、既存の機能を改善するための開発はあまり行われていません。また、開発はそれほどコンパクトではないため、今シーズンはプロセスの改善に集中する時間が増えます。
ブラウザが Web ページをクロールすると、クローラーはページの HTML コンテンツをクロールしてコンテンツを生成し、それをデータベースにキャッシュして定期的に更新します。つまり、SSR が実装されていない場合、html ファイル自体は空白になり、JavaScript が解析されて実行されるまで、実際のページは表示されません。
今回、このトピックを実装したいと思ったのは、ニュースやデータと比較的整合性のある関係を見て、スベルテ自体も昇進できると言って、彼は構想しながら実装されたからです。
Vue の作成者ユーユー・クリークは最近、RFC を提案しました。これは ref 宣言の構文に関するもので、JavaScript ラベルステートメントでさらに簡略化できます。この構文はSvelteに似ています。ここに自分の考えを記録してください。
ある種の「コミュニティの大神」として持ち上げられている人たちの動画や記事を開いたら、誤りだらけで「なんだか変だ」と感じることがある。問題は、なぜそういう人たちばかりが大神の位置に座っているのか、という点だ。細部を見ずに「その人が神壇にいるかどうか」だけで判断していないか、という疑問でもある。
最近、Kotlinは日々のタスクを管理するための小さなツールを開発しました。主にBackendの同僚も一緒に管理できることを願っています。もう1つは、新しい言語を学び、常に新しい興奮やアイデアを得ることができることです。また、社内の多くのJavaとJVMの神は、宝物を掘るという利点を利用しています。
Svelteは私のお気に入りのフロントエンドフレームワークの1つで、シンプルな構文と柔軟性、作者の哲学、そしてさまざまなアニメーションやカットシーンの使用がとても好きになりました。Svelteに対する彼らの見解について以前にいくつかの記事を書いたことがあります。Svelte Summitは2020年10月18日に開催され、パンデミックがオンラインで生放送され、合計7時間、17回のスピーチが行われました。ここでは、興味深いスピーチと私自身の経験を記録します。
iOS は一部のバージョンのマウスダウンでは正しく動作しませんが、マウスダウンは他のデバイス(Android など)では引き続き正しく機能します。
每個人對於每個議題,本來就有光譜存在,關心政治、社會議題也一定有人著墨較深,有些人只是理解個大概。
一般に、通貨を表示する必要があります。元の数値を人に優しい形式に変換することです。フロントエンドでは、intl.NumberFormatや正規表現など、いくつかの方法で実現できます。
Samesiteポリシーのリリースについて言えば、クッキーとCORSについて改めて考えます。クッキーは本当に滴り落ちるの?いくつかのシナリオを見てみましょう。