検索

慣性

Mar 17, 2025 am 10:29 AM

慣性

Jeremyの開発者ツールの分類は、常に私に感銘を受けました。

2種類のWeb開発ツールについて言及しましたが、これらのカテゴリをどのように呼び出すかはまだわかりません。内部と外部?開発者とユーザーのために?

最初のカテゴリには、ビルドツール、バージョンコントロール、翻訳者、前処理者、およびコードインスペクターが含まれます。これらのツールは、マシンで、またはサーバーで実行されます。これを書き込み、Webの原材料、HTML、CSS、およびJavaScriptの原材料に変換します。

2番目のタイプのツールは、Web用の原材料:CSSフレームワークとJavaScriptライブラリで構成されています。

これは考えるのに良い方法であり、もちろんいくつかの微妙さがあります。 SASSは、ユーザーに直接配信されず、ユーザーに配信されるCSSのみを生成するため、最初のカテゴリに属します。ただし、生成するCSSのサイズは、使用方法によって異なるため、ユーザーに影響します。

JeremyはSvelteをライブラリに呼びます。その目標は、コードがユーザーに配信される前に可能な限りコンパイルすることです。 JavaScriptコードはまだありますが、開発者指向のAPIのオーバーヘッドは含まれていません。ここでの微妙さは、すべてのJavaScriptコードを完全に削除する方法でSvelteを使用できることです。たとえば、Sveltekitはその水分機能を完全にオフにし、ページを事前にレンダリングして、完全にJavaScriptのないWebサイトを作成できます(または、少なくとも必要な場合にのみ使用します)。

Reactについて:

最初のタイプのツールのように反応する方法があることは知っていますが、これは間違いなくデフォルトの動作ではありません。そして、デフォルトの動作は本当に重要です。 Reactの場合、デフォルトの動作は、記述したすべてのコード、およびそれを書くために使用するツールがエンドユーザーに送信されると仮定することです。

これは合理的だと思いますが、物語はゆっくりと変化しているようです。 SveltekitがSvelteチーム自体から来ているのと同じように、広範囲に使用しているとはほど遠いと思いますが、サーバーコンポーネントはReactチーム自体から来ているため、ここで注意を払う価値があります。

アストロについて:

[…] Svelteとは異なり、Astroは既存のフレームワークの反応と同じ構文を使用できます。したがって、Reactを学んだ場合 - ジョブを見つけるためにそれを学ぶ必要があるため - 新しい構文を学ばずにAstroを使用できます。

既存のReact WebサイトをワンクリックでAstroに変換できないことは知っていますが、少なくとも明確なアップグレードパスがあります。

これは理論では正しいだけでなく、実際にも正しいです!

私はちょうど私たちの小さなサーバーレスマイクロウェブサイトをギャツビーからアストロに変換しました。 GatsbyはReactに基づいているため、すべてのコンポーネントはReactコンポーネントとして構築されています。プルリクエストは少し面倒ですが、ここにあります。その一部を.astroファイルに変換しましたが、基本的に.JSX Reactコンポーネントと同じ多くのコンポーネントを残しました。ただし、ReactはユーザーのWebサイトに送信されません。 Webサイト上のJavaScriptコードはほぼ完全に削除されており、非常に単純な相互作用のために手書きネイティブJavaScriptコードのみが残りました。

したがって、ここにいくつかのコインが起こっていることがあります。コインの合併?私にとって、アストロは開発者指向のツールに非常に似ています。それは私を助けました。 Vite Compilerを使用します。これは非常に高速で楽しいです(Astroにはまだ1.0に達していないため、Astroには確かに欠点がありますが、DXはほとんど実装されています)。それは私のスタイルをスコープします。 SCSSを書くことができます。これにより、コンポーネントを作成できます(さまざまなフレームワークを使用して)。しかし、それはユーザーにも役立ちます。 WebサイトにはJavaScriptパッケージはまったくありません。

これは、Astroがカテゴリを変更していないことを意味すると思います - これは開発者指向のツールです。元々のユーザー指向ツール(偶数)をほぼ完全に開発者指向のツールに変換するだけです。

私はまだポケットに入っているアストロに関するいくつかのリンクを持っているので、フラビオは始まることに関する素晴らしいチュートリアルを持っています。ここでは、ドリュー・マクレランとマシュー・フィリップスが最近の破壊ポッドキャストでアストロについて議論しています。

ここにいくつかのWebサイトDaveがあります。私は最近Astroとリメイクします。

以上が慣性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
CSSグリッドとは何ですか?CSSグリッドとは何ですか?Apr 30, 2025 pm 03:21 PM

CSSグリッドは、複雑で応答性の高いWebレイアウトを作成するための強力なツールです。設計を簡素化し、アクセシビリティを向上させ、古い方法よりも多くの制御を提供します。

CSS Flexboxとは何ですか?CSS Flexboxとは何ですか?Apr 30, 2025 pm 03:20 PM

記事では、レスポンシブデザインにおけるスペースの効率的なアラインメントと分布のためのレイアウト方法であるCSS FlexBoxについて説明します。 FlexBoxの使用量を説明し、CSSグリッドと比較し、ブラウザのサポートを詳細に説明します。

CSSを使用してWebサイトを応答するにはどうすればよいですか?CSSを使用してWebサイトを応答するにはどうすればよいですか?Apr 30, 2025 pm 03:19 PM

この記事では、ビューポートメタタグ、柔軟なグリッド、流体メディア、メディアクエリ、相対ユニットなど、CSSを使用してレスポンシブWebサイトを作成するための手法について説明します。また、CSSグリッドとフレックスボックスを使用してカバーし、CSSフレームワークを推奨しています

CSSボックスサイズのプロパティは何をしますか?CSSボックスサイズのプロパティは何をしますか?Apr 30, 2025 pm 03:18 PM

この記事では、要素の寸法の計算方法を制御するCSSボックスサイズのプロパティについて説明します。コンテンツボックス、ボーダーボックス、パディングボックスなどの値と、レイアウト設計とフォームアライメントへの影響について説明します。

CSSを使用してアニメーション化するにはどうすればよいですか?CSSを使用してアニメーション化するにはどうすればよいですか?Apr 30, 2025 pm 03:17 PM

記事では、CSS、キープロパティ、およびJavaScriptとの組み合わせを使用してアニメーションの作成について説明します。主な問題は、ブラウザの互換性です。

CSSを使用してプロジェクトに3D変換を追加できますか?CSSを使用してプロジェクトに3D変換を追加できますか?Apr 30, 2025 pm 03:16 PM

記事では、3D変換、主要なプロパティ、ブラウザの互換性、およびWebプロジェクトのパフォーマンスに関する考慮事項にCSSを使用して説明します。

CSSに勾配を追加するにはどうすればよいですか?CSSに勾配を追加するにはどうすればよいですか?Apr 30, 2025 pm 03:15 PM

この記事では、CSSグラデーション(線形、放射状、繰り返し)を使用して、ウェブサイトのビジュアルを強化し、深さ、フォーカス、および現代の美学を追加します。

CSSの擬似要素とは何ですか?CSSの擬似要素とは何ですか?Apr 30, 2025 pm 03:14 PM

記事では、CSSの擬似要素、HTMLスタイリングの強化における使用、および擬似クラスとの違いについて説明します。実用的な例を提供します。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール