ストリームを巡る混乱

WordPressまたはReactフックを使用する必要がありますか？
D3またはCSSを使用する必要がありますか？
MarkdownまたはJSONを使用する必要がありますか？
ギャツビーでFlexBoxを使用できますか？
Jekyllでカスタムプロパティを使用できますか？
HTMLまたはクラウドを使用する必要がありますか？
Vueサイトにダークモードを追加するにはどうすればよいですか？

これらは冗談ですが、ここにはポイントがあります。テクノロジーを理解することは1つの課題であり、テクノロジーがどのように適合するかを理解するもう1つの課題です。

上記のテクノロジーの組み合わせのいくつかは混乱を招くように思えるかもしれませんが、あなたはそれらが混乱しているのを十分に知っていることを知っていることが幸運です。つまり、テクノロジーを十分に理解していることを意味します。

私はこの種の混乱が初心者にかなり頻繁に見られると思いますが、それは本当に恥ずべきことは何もありません。それはすべてプロセスの一部です。

また、このタイプのこのサイトの読者との混乱も見られます。なぜなら、私たちはしばしばかなり基本レベルのWebテクノロジーについて書いており、JavaScriptフレームワークやCMSなどのさまざまな抽象化にどのように適合するかについては説明しないからです。たとえば、スライダーの構築に関するこの投稿をご覧ください。 JavaScriptにも触れません。バニラHTMLとCSSだけです。

おそらく、経験豊富なフロントエンド開発者は、他のものに依存しないため、このスライダーコードをどこでも使用できることを理解するでしょう。しかし、 JSXにないようになる開発者もいるので、実際には使用できません。または、それはnpmにありますか？私は永遠に、サイトでここで見つけたアイデアやテクニックのいくつかがWordPressサイトで使用できるかどうかを私に尋ねてきました。

それでは、このスライダーコードをWordPressサイトでどのように使用しますか？まあ、それはただのHTMLとCSSであるため、いずれかのテンプレートでHTMLを使用して、CSSをサイトのStyleSheetに入れると機能します。しかし、おそらく、テンプレートファイルを編集するのではなく、WordPress自体内で何らかの形でスライドを管理したいと思うでしょう。たぶん、「スライド」のカスタム投稿タイプがあり、スライダーのdiv内にそれらの投稿のコンテンツを出力するカスタムページがあります。はるかに複雑ですが、本質的に同じアイデアです。スライダーをReactで動作させたい場合は、おそらくクラスの属性をクラス名に変更し、Reactサイトのスタイリングをする場所にCSSを配置する問題です。 CSS-Tricksのベースレベルのテクノロジーに留まることがよくあります。これは、物事がより一般的に便利になるため、まだ興味深いものであり、他のテクノロジーに概念を移植する方法を学ぶためのもう1つのスキルです。

レムは上記の質問に亀裂を取ります。

WordPressまたはReactフックを使用する必要がありますか？

WordPressは、構造化されたコンテンツを構築し、サイト全体を構築する可能性が高いCMSです。 Reactでサイトを構築できますが、それはますます人気がありますが、それでもそれほど一般的ではありません。 Reactは、テンプレートとロジックを支援するために、JavaScriptに構築されたコンポーネントを使用して、サイトのフロントエンドを構築する方法です。 Reactフックは、コンポーネント間で機能を共有する方法です。したがって、この質問はどちらでもそうではありません。

D3またはCSSを使用する必要がありますか？

CSSは、すべてのWebサイトでスタイリングを行うために使用されます。 D3は、データの視覚化を行うためのJavaScriptライブラリです。たとえば、HTMLとCSSだけでバーチャートを構築したり、D3で同じバーチャートを構築できるため、クロスオーバーがあります。しかし、一般的に、D3はCSSが能力がない非常に派手な絵を描いており、CSSはSVG（D3出力）が能力がないサイトで要素のレイアウトを行っています。

MarkdownまたはJSONを使用する必要がありますか？

Markdownは、HTMLにコンパイルするコンテンツを作成するための言語です。たとえば、Markdownでブログ投稿を書くことができます。なぜなら、それは書いて見るのがきれいであり、あなたがすべきでない場所でHTMLと空想することを思いとどまらせるからです。 JSONは、多くのプログラミング言語、特にJavaScriptが簡単に対処できる形式でデータを保存するための形式です。 JSONには、かなり直感的なネストされたキー/値ペアの構文があります。データをそのように保存することが役立つ場合は、JSON内にマークダウンを入力できます。 Front Matterと呼ばれるファイルの一部としてメタデータを持つことができる特別な品種のマークダウンがあるという点で、いくつかの興味深いクロスオーバーがあります。このフロントマターデータは、キー/値のペア形式でもありますが、少し異なる構文です。それでも、これらは一般的にかなり異なるテクノロジーです。 APIは一般にJSONを返しますが、MarkDownではなく、JSONではなくMarkdownでブログをブログすることになります。

ギャツビーでFlexBoxを使用できますか？

もちろん。 FlexBoxはCSSのものであり、GatsbyはReactフレームワークです。ギャツビーは、サイトで使用するCSSを気にしません。ギャツビーは反応に基づいているため、CSS-in-JSライブラリの全世界が使用されているため、問題がある場合はそれに関連するものかもしれません。たとえば、スタイリングがJavaScriptオブジェクト形式で設定されている場合、Flex-Growなどの代わりにFlexGrowのようなものを使用する必要がある場合があります。

Jekyllでカスタムプロパティを使用できますか？

Jekyllは、主にMarkdownファイルからブログを作成するためのRuby駆動の静的サイトジェネレーターです。ギャツビーがあなたのCSSを気にかけていないように、ジキルもそうではありません。カスタムプロパティはCSSのものであるため、CSSで自由に使用できます。これは、Jekyllサイトの一部です。

HTMLまたはクラウドを使用する必要がありますか？

「クラウド」にはやや曖昧な意味がありますが、一般にインターネットに接続されたサーバーを指します。また、単一のサーバーだけでなく、スケーリングして冗長性を持つ強力な能力を備えたサーバーの大きなネットワークです。 HTMLはWebサイトの基本言語です。すべてのWebサイトは、WebサーバーからのHTMLのリクエストから始まります。クラウドベースのサーバーがHTMLファイルのリクエストを提供する可能性があるということです！しかし、彼らはどちらでもそうではありません。特に「曇り」ではないサーバーが提供するHTMLを記述することができ、HTMLとは無関係なものにクラウドサーバーを使用することができます（大きなデータファイルの保存など）。

以上がストリームを巡る混乱の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。