検索

NPM Ruin Dev

Apr 01, 2025 am 04:17 AM

NPM Ruin Dev

2020年、私は純粋なHTML、CSS、JavaScriptを使用してWebサイトを構築する喜びを再発見しました。翻訳やコンピレーションは必要ありませんでした。ビルドツールは私のキーボードでした。

私の個人的なブランドは、「ゲームに参加するには遅すぎ、スタジアムが削除されました」と要約することができたので、2020年にポッドキャストを開始することにしました。これは、非常に想像力豊かな名前の「Clearleft Podcast」のポッドキャストです。私は最初のシーズンの結果と私がそれのために構築したウェブサイトに非常に満足しています。

ウェブサイトのサイズは大きくはありませんが、時間とともに成長し成長します。私はウェブサイトの建設プロセスについて考えましたが、数秒の考えの後、「ビルドなしプロセ​​ス」を採用することにしました。ゼロ。何もない。

これは非常に解放的であることがわかります。中間リンクなしでエンドユーザーに配信されるHTMLとCSSを簡単に記述するのは簡単で、非常に便利だと感じています。自分の手でウェブサイトの土壌に取り組んでいるように感じます。

CSSは近年、 calc()やカスタムプロパティなど、多くのことを発展させてきました。そのため、SASSのような前処理者を使用する必要はありません。ネイティブJavaScriptは強力で完全に機能的であり、コンパイルなしですべてのブラウザで実行できます。

誤解しないでください。複雑なWebサイトに複雑なビルドプロセスが必要な理由を完全に理解しています。あなたが大規模なチームの一員である場合、誰もが一貫した方法でコードベースに貢献できるようにプロセスを開発する必要があるかもしれません。コードベースが複雑になればなるほど、コードが公開される前に作業を自動化し、エラーをキャッチするのに役立つテクノロジーが増えます。

ただし、この設定はすべてのWebサイトで機能しません。時間を節約するように設計されたこれらのすべてのツールとプロセスは、より後に時間を無駄にすることがあります。 6か月または12か月後にプロジェクトを再訪したことがありますか?たぶん、あなたはあなたのCSSに小さな変更をしたいだけです。しかし、依存関係が破損しているため、それはできません。だからあなたはそれを更新しようとします。ただし、ノードのさまざまなバージョンに依存します。あなたはあなたがブライアン・クランストンが電球を変えているようなものだったことを知っていましたか? CSSの1行のみを調整する必要がありますが、エントロピーと戦うことになります。

フロントエンド開発の問題に対処するときはいつでも、最小のコンピテンシーの原則を適用したいです。特定の目的で最も強力な言語を選択します。古典的な例は、多くのARIAとJavaScriptを使用してDIVを使用してボタンのすべてのネイティブ機能を再現しようとする代わりに、単純なHTMLボタン要素を使用することです。今年、私は同じ原則が構築ツールに当てはまることに気付きました。

デフォルトでは完全に機能的なツールチェーンを使用することはありませんが、退屈なベースラインから始めます。痛みや不器用になったら、タスクマネージャーを追加します。しかし、依存関係を追加するたびに、プロジェクトのライフサイクルを制限します。

2021年の私の新年の計画はダイエットです。これ以上の巨大なnode_modulesフォルダーはありません。シンプルでおいしいHTML、CSS、JavaScriptしかありません。

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

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
マウスの動きのシミュレーションマウスの動きのシミュレーションApr 22, 2025 am 11:45 AM

ライブトークやクラス中にインタラクティブなアニメーションを表示しなければならなかった場合、スライドと対話するのが必ずしも簡単ではないことを知っているかもしれません

Astro ActionsとFuse.jsでのパワー検索Astro ActionsとFuse.jsでのパワー検索Apr 22, 2025 am 11:41 AM

Astroを使用すると、ビルド中にほとんどのサイトを生成できますが、fuse.jsのようなものを使用して検索機能を処理できるサーバー側のコードが少しあります。このデモでは、ヒューズを使用して、個人の「ブックマーク」セットを検索します。

未定義:3番目のブール値未定義:3番目のブール値Apr 22, 2025 am 11:38 AM

ドキュメントが保存されている間にGoogleドキュメントに表示されるものと同様に、プロジェクトの1つに通知メッセージを実装したかったのです。言い換えれば、a

三元声明の防衛三元声明の防衛Apr 22, 2025 am 11:25 AM

数ヶ月前、私はハッカーのニュースに出演していました(1つのように)。あなたがこのアイデアに慣れていない場合(私のように

多言語翻訳にWeb Speech APIを使用します多言語翻訳にWeb Speech APIを使用しますApr 22, 2025 am 11:23 AM

サイエンスフィクションの初期の頃から、私たちは私たちに話しかける機械について空想してきました。今日は当たり前です。それでも、作成のための技術

Jetpack GutenbergブロックJetpack GutenbergブロックApr 22, 2025 am 11:20 AM

私はその日私たちにワードキャンプにいたので、グーテンバーグがコアにリリースされたときのことを覚えています。数ヶ月が今から経過しているので、ますます私たちのことを想像してください

VUEで再利用可能なページネーションコンポーネントを作成しますVUEで再利用可能なページネーションコンポーネントを作成しますApr 22, 2025 am 11:17 AM

ほとんどのWebアプリケーションの背後にあるアイデアは、データベースからデータを取得し、可能な限り最良の方法でユーザーに提示することです。そこでデータを扱うとき

「ボックスシャドウ」とクリップパスを一緒に使用します「ボックスシャドウ」とクリップパスを一緒に使用しますApr 22, 2025 am 11:13 AM

'は、理にかなっていると思われることを非常に実行できる状況を少し段階的に実行しますが、CSSのトリックでそれを成し遂げることができます。これで

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 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

mPDF

mPDF

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

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン