要約: この記事は、世界中のフロントエンド ツールの使用に関する 5,254 件の調査レポートに基づいたものであり、この記事が最新のフロントエンド開発ツールのトレンドをより深く理解するのに役立つことを願っています。回答者の構成 回答者の 83% がフロントエンド テクノロジーで 2 年以上の経験を持ち、1 年未満の経験を持つ回答者はわずか 5%: CSS 開発者の 63% は高...
この記事は、フロントエンド ツールの使用に関する world 5254 の調査レポートが、この記事が最新のフロントエンド開発ツールのトレンドを皆さんに理解してもらうのに役立つことを願っています。
回答者の 83% が 2 年以上のフロントエンド テクノロジーの経験を持ち、1 年未満の回答者はわずか 5% でした:
開発者の 63% は上級開発者および専門家です:
CSS はプロパティとパラメーター値のペアの単純なコレクションであると考えられていますが、CSS を習得するのは難しい場合があります。 CSS3 には多くの新機能が導入されており、CSS を完全にマスターすることがますます困難になっています。
開発者の 63% 以上が Sass を使用しており、Sass が前処理の第一の選択肢であることは疑いの余地がありません。開発者の 8% は PostCSS を使用しており、通常、PostCSS は AutoPrefixer などのプリプロセッサと組み合わせて使用されます。
開発者のわずか 14% が前処理を使用せず、生の CSS コードを使用することを好みます。この方法は開発に時間がかかりますが、フロントエンド開発の学習を始めるのに最も簡単で最良の方法です。開発者の 86% がプリプロセッサを使用している場合、平均的な Web サイトには 7.2 個の CSS ファイル リクエストが必要になります。
Less を試したことがあるのは回答者の 10% のみ、Stylus を試したことがあるのは 19%、回答者の 80% は Rework について聞いたことがありません。
開発者の 46% がコーディング時に命名方法を使用しており、CSS の上級開発者や専門家になると、この割合は 57% に上昇します。
最も人気のある命名方法は BEM で、全体の 40% を占めています。次に CSS モジュール (16%)、OOCSS (15%)、SMACSS (13%) です。
回答者の 39% が、現在のプロジェクトで Modernizr を使用しています。回答者の 14% は CSS の有効性をチェックするために Stylelint を使用しています。開発者の 23% は CSS ツールや命名規則をまったく使用していません。
回答者の 51% は JavaScript の上級開発者または専門家です。
関連性の問題にもかかわらず、開発者の 99% 以上が jQuery を使用したことがあり、回答者の 31% は、ほとんどのプロジェクトで jQuery の使用が重要であると考えています。回答者の 70% 近くが既存のプロジェクトで jQuery を引き続き使用しています:
フレームワークの状況は混乱しているようです:
プロジェクトの 38% が現在 React を使用していますが、React の使用がスムーズであると考えている開発者はわずか 29%、開発者の 18% は React を使用する必要があると考えています。 Web サイトの 0.1% で React が使用されていることが判明しましたが、これらの調査結果はフロントエンド開発者のみから得られたものであり、すべての Web 開発者から得られたものではないことに注意してください。
現在、プロジェクトの 25% が Angular 1 を使用していますが、Angular 1 を使用する必要があると考えている開発者はわずか 8%、Angular 2 の使用を選択している開発者はわずか 8% のみです。
Vue.js は 10% のプロジェクトで使用されていますが、このフレームワークに満足している開発者は 6% 未満で、3% は Vue.js を使用する必要があると考えています
開発者の 44% が Gulp を使用しているため、Gulp が最も人気のあるツールであることは間違いありません。同時に、よりシンプルな npm スクリプトの使用率は 2016 年の 23% から 26% に増加しました。
Grunt の使用量は 12% に減少しました。回答者の 11% は、タスク実行ツールを使用しないことを選択しました。
モジュール バインディングを使用する開発者の数は 2016 年以来 20% 増加し、68% に達しました。その中で、Webpack が最も人気のあるモジュール バインディング ツールで 31% を占め、次に Browserify (11%)、RequireJS (8%) が続きます。
開発者の 62% は、Babel などのコンパイラーを使用して、ES6 コードを古いブラウザーにより使いやすい ES5 コードにコンパイルしています。回答者の 31% は、そのようなコンパイラについて聞いたことはありますが、使用したことはありません。開発者の 7% はそのようなコンパイラについて聞いたことがありません。
62%というデータは比較的高いです。 IE および古いアプリケーションは最新の JavaScript 構文をサポートしていないため、ES6 コードを作成している場合は、それをサポートする最新のブラウザーが必要です。プロジェクトを古いブラウザ バージョンで実行する必要がある場合は、ES5 コードを作成することをお勧めします。
その他の JavaScript ツール 開発者の 41% が ESLint を使用し、開発者の 19% が JSLint を使用し、開発者の 14% が JSHint などのツールを使用してコードの正当性をチェックしています。 回答者の 23% は、コードの合法性チェック ツールを一切使用していないと述べました。ただし、コード エラーをチェックするためにテキスト エディターや IDE を使用する場合があります。
テストツールの使用率は1年間で12%増加し、52%に達しました。しかし、過去を通じて、JavaScript のテストは課題でした。テスト駆動開発 (TDD) などの手法は論理エラーを検出できますが、非同期イベントで発生するエラーは検出できません。幸いなことに、動作駆動開発 (BDD) は実際のブラウザー検査アクティビティに統合される可能性が高く、フロントエンド テストもより実用的になります。
現在最も人気のあるシステムは次のとおりです:
Mocha – TDD/BDD (23%)
Jasmine – BDD (17%)
QUnit – TDD (4%)
Jest – TDD/BDD (3%)
Ava – TDD/BDD (2%)
回答者の 94% が Node.js パッケージ マネージャー npm を使用したことがあり、回答者の 23% が TypeScript を使用したと回答しました。
一般に、開発ツールは多様です。開発者は、プリプロセッサと命名スキームについてさらに調査して、最適なものを選択する必要があります。
次の点に注目する価値があります:
より多くのツールを使用する必要がある場合は、Node.js と npm を選択する価値があります
Gulp と Webpack は試す価値があります
ES6 を学習してください。下位互換性のある ES5 プロジェクトに取り組んでいます。
調査結果によると、ライブラリを選択する際には jQuery が合理的な選択肢であることがわかりました。フレームワークを選択するときは、人気がある React を選択できます。まだフレームワークを選択していない場合は、HTML、CSS、JavaScript、ブラウザー開発の基本を学ぶことから始めることができます。この知識は、フレームワークをより深く理解するのに役立ち、フレームワーク システムの改善に貢献するようになる可能性もあります。
Wijmo は、TypeScript で書かれた新世代の JavaScript/HTML5 コントロール セットです。タッチファーストの設計コンセプトを遵守し、世界で初めて AngularJS をサポートし、React、VueJS、TypeScript 2.2 をサポートし、優れたパフォーマンスとゼロの依存性を備えた FlexGrid やチャートなどの複数のコントロールも提供します。エンタープライズ アプリケーションを構築するためのコントロールのセット。
以上がフロントエンド開発における最新の開発トレンドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
