【StateOfJS】最新のフロントエンドのトレンドを見てみよう😎
Summary
TLDRこの動画では、最新のJavaScriptの状況を分析しています。人気のあるライブラリーやツール、フレームワークの使用状況と評価を比較し、React、Vue.js、Angularなどが引き続き人気を集めている一方で、新しいツールやフレームワークの登場も注目されています。また、ビルドツールやテストライブラリーのトレンドも紹介しており、開発者にとって有益な情報を提供しています。最後に、プログラミング学習サービスやコミュニティの紹介で視聴者の幅を広げています。
Takeaways
- 😀 コドマフィアが「State of JavaScript 2023」の分析を行った動画を紹介。
- 📈 ReactとVue.jsが依然として人気のあるJavaScriptフレームワークであることが示されている。
- 🔥 Tailwind CSSがUIライブラリとして注目を集めており、高いポジティブな意見を持つ。
- 📊 2023年のトレンドとして、Reactの軽量版であるReact Liteが約10%の使用率を示している。
- 🚀 Remixが最近注目を集めており、Reactの代替として10%の使用率を示している。
- 🌐 Astroという新しいフレームワークも注目されており、右上方向に進んでいる。
- 📈 TypeScriptはJavaScript開発者間で半分以上の使用率を示しており、非常に人気がある。
- 🛠️ ビルドツールの分野では、Webpackが依然として最も人気があり、Viteが急速に追い上げている。
- 📚 pnpmがモノレポツールとして最も人気があり、ターボパックも注目を集めている。
- 📱 モバイル開発においては、ElectronとReact Nativeが最も使用されているフレームワークである。
- 🔍 テストフレームワークでは、Jestが最も人気があり、Mochaが続き、Storybookも注目されている。
Q & A
「State of JavaScript 2023」というタイトルの動画は何について説明していますか?
-「State of JavaScript 2023」というタイトルの動画では、JavaScriptの最新トレンドや人気ライブラリー、フレームワークなどの状況を分析しています。
JavaScriptのフロントエンド開発で現在人気のあるライブラリーやフレームワークは何ですか?
-人気のあるライブラリーやフレームワークには、React、Vue.js、Angular、Next.js、Svelteなどが挙げられます。
ReactとVue.jsのどちらが現在最も人気がありますか?
-Reactが現在最も人気があり、広く使われているフレームワークの1つです。
「ユイト」とは何ですか?また、なぜその印象値が低くなった可能性はありますか?
-「ユイト」とは、ウェブ開発者向けのUIツールキットです。印象値が低くなった可能性があるのは、新しいツールやライブラリーの登場、あるいは開発者からのフィードバックによるものかもしれません。
「ネクスト」と「TSCクライアント」の印象値はどう変化しましたか?
-「ネクスト」は左方向に移動しており、「TSCクライアント」も左側に移動しています。これは、これらの技術に対するネガティブな意見が増えたことを示唆している可能性があります。
「リアクトラウター」とは何で、なぜ最近注目されていますか?
-「リアクトラウター」は、Reactの軽量版のようなライブラリーで、最近注目されているのは、より高速で効率的なウェブアプリケーション開発が可能だからです。
「htmx」とはどのような技術ですか?また、なぜ最近話題になっていますか?
-「htmx」は、JavaScriptの小さなライブラリーで、HTMLをより動的な機能を提供するために使用されます。最近の話題になる理由は、ウェブアプリケーションにおけるユーザー体験の向上に寄与する能力があるからです。
「クイック」フレームワークとは何で、どんな特徴がありますか?
-「クイック」は、高速で軽量なフレームワークで、開発者が高速なウェブアプリケーションを構築できるように設計されています。その特徴としては、開発効率の向上や、ビルトインの機能が豊富であることです。
「ビルドツール」として現在最も人気があるものは何ですか?
-「ビルドツール」として現在最も人気があるものは、「ウブパック」です。また、急速に注目を集めているのが「ビート」です。
「モノレポツール」として現在最も人気があるものは何ですか?
-「モノレポツール」として現在最も人気があるものは、pnpmです。また、注目されているのが「ターボパック」で、15%の開発者が使用したことがあると報告されています。
「コードトゲザー」とはどのようなサービスですか?
-「コードトゲザー」は、プログラミングの学習者が無料で参加できるオンラインコミュニティで、一人で学習する寂しさを和らげ、他の開発者と交流できるプラットフォームです。
Outlines
😀 JavaScriptの現状と人気ライブラリー
この段落では、2023年のJavaScriptの現状と人気ライブラリーについて解説しています。AIの話題が多い中で、フロントエンド開発に注目し、人気のあるライブラリーのトレンドを探ります。React、Vue.js、Angularなどが挙げられ、それぞれがどの程度使われているか、そして印象がどうかを分析しています。また、新しいフレームワークやライブラリーの登場にも触れています。
📊 ライブラリーの評価とユーザー数
第二段落では、JavaScriptライブラリーの評価とユーザー数に関するデータをグラフで示しています。人気のあるライブラリーの評価がどのように変化しているか、また、ユーザー数がどの程度増えているかを比較分析しています。React、Next.js、Vue.jsなどのライブラリーが特に注目され、それぞれがどの程度好評で、ユーザー基盤がどの程度あるかを具体的に説明しています。
🛠️ 開発ツールのトレンドと評価
最後の段落では、JavaScript開発におけるツールのトレンドと評価について語られています。ビルドツールやテストフレームワーク、UIライブラリーなど、さまざまなツールの人気度や評価を紹介し、特にpnpmやTurbopackなどの注目ツールについて詳細に触れています。また、開発者コミュニティにおけるこれらのツールの評価や使用経験についても言及しています。
Mindmap
Keywords
💡JavaScript
💡React
💡Next.js
💡Vue.js
💡Angular
💡webpack
💡TypeScript
💡Electron
💡pnpm
💡Storybook
💡Cypress
Highlights
State of JavaScript 2023の調査結果を紹介し、特に人気のあるJavaScriptライブラリーについて解説しています。
AIを活用したフロントエンド開発の話題を取り上げ、注目のライブラリーを探求しています。
人気ライブラリーのランキングを紹介し、1位はVite、2位はReactとされています。
ReactとVue.jsの使用率が高く、それぞれ40%程度の人気があると報告されています。
Electronの使用率は40%前後で、React Nativeアプリ開発に利用されていることが示されています。
Next.jsやAngularなどのフレームワークの人気度と使用状況が分析されています。
htmxという最近話題のライブラリーが5%の使用率で紹介されています。
Reactの軽量版であるPreactが10%の使用率で話題に挙がしています。
Remixという最近注目を集めたフレームワークが10%の使用率で紹介されています。
人気度や使用度を測る時間軸のグラフが紹介され、各ライブラリーの評価が可視化されています。
Webpackがビルドツールの人気度で1位を維持していることが報告されています。
pnpmがモノレポツールの人気度で1位に輝くことが紹介されています。
テストフレームワークの人気度を示すグラフで、Jestがトップに立っていることがわかります。
モバイル開発においてElectronが40%程度の使用率で1位に輝いていることが報告されています。
React Nativeがモバイル開発で注目され、Reactの人気度に並ぶことが示されています。
ビルドツールの人気度でViteが急速に追い上げている状況が紹介されています。
Metaフレームワークの人気度でNext.jsとNuxtが特に注目されています。
JavaScriptの学習者向けにおすすめの教科書やオンラインコミュニティの紹介がされています。
Transcripts
[音楽]
はいえ皆さんこんにちはコドマフィアです
ということでま今回はですねState
オブJavaScript2023を見て
いきたいと思いますま最近ちょっとえAI
ばっかりやってたんでえまこのフロント
エンド開発周りもですねまちょっと見て
いきたいと思いますではえライブラリー
開きましてま何が人気なのかちょっと見て
いきましょうかえーまず1番使われてる
なんかちょっとレイアウト変わりましたね
これはいえこちら水色がユイトちょっと
ちっちゃいですかねもうちょっとでかくし
ましょうかはいえ水色がユズITでえ青色
がえハードオブITなんで聞いたことある
とでえ紺色がネバハードオブイットなんで
え聞いたこともないとえウブパックが1番
え使ってますという話なんですがえまそう
ですねえで次にリアクトとでえジェストの
ビートでネクストと続くとでTSC
クライアントまタイプスクリプト半分
ぐらい使ってるんですかねでえストーリー
ブックのESビルドえviwJS40%
ぐらいですかねでえサイプレスとでえ続き
ましてアンギュラーがえ続いて
ま続いていく感じですねでえエレクトロン
がえ40%ぐらいですかうんでえここら辺
はえyanとかNPMとかえエポえこれ
ネイティブのアプリリアクトアプリ開発に
使うやつですねでえまここら辺はえバン
ドラーというかまえ
キットえ16えターボパック101%とで
えPリアクトまリアクトの軽量版ですねま
10%とでえリミックスま最近ですね
リアクトラウターになったリミックスま
10%とまだまだえシェアは低いかなと
いう形ですかねでえソリッドと
うああなんか最近htmxもちょっと話題
になってましたけれどもえ大体5%がえ
使ったことあるという形ですねでえ
クイックまこれもえまフレームワークです
ねで
えなんか面白いあバイオームねま超高速に
まなんかリントとかかけてくれるやつなん
ですがまこれもえ何%ですかね2%という
ことでえまだまだシェア低いような状態
ですということですねはいでえ次ですね
チェンジオータムとまえ時間軸によるま
その人気度とか使ってる度を測ったもの
ですねでえこの横軸がえまあ高印象か低
印象かネガティブオピニオンとえ
ポジティブオピニオンズなんでま印象値
ですねまなんで右に行けば行くほどまいい
え印象を持ってるということですねでえ
haveUSなんでえ使ったことあるか
どうかというのが縦軸になりますでえ上が
使ったことあるなんで右上のものがま基本
的にはいいものとまそういうような捉え方
でいいかと思いますでえこれ見てるとです
ねビートはえどんどん右上に行ってるんで
まこれはすごいえいいとでえ一方ですね
ウブパックはえネガティブオピニオンが
ちょっと増えてきてるんでえウブパックは
ちょっと印象があんまり良くないかなと
あと今ネクストが見えたんですがえ
NEXTもちょっと左方向行ってますねで
えあとはなんか面白そうなあるかな
リアクトありますねまリアクトも右上に
いるんでであと上の方に結構いるんで結構
やっぱ使われてるとただえちょっと印象値
悪くなってきたかなという形ですかねあと
ビューとかあるかなあビューあったなあ
ビューがこんな感じなんですねふあと
なんか面白そうなのあるかなスベルト
スベルトはまだまだえ使ったことある人は
少ないっていう形ですかねでえあとはう
ロールアップまこんな感じですかあ
アンギュラーあるやアンギュラすごいな
なんかなんかアンギュラすごいことなって
ますけれどもはいまこんな感じになってる
とあアストロ後ありますねアストロも
こんな感じとま右上の方向に今向かってる
という感じですかねまこういう形で見ると
えビートとかリアクトあとジェストまえ
ウブパックあたりですかねまここら辺が
まあ多く使用されているということになり
ますはいあTSCクライアントありました
ね今TSCクライアントが右上に来てるん
でまこれもすごいいいんですかねあ違う逆
に左側に行ってるんですね2021が右上
に行ってでえこちら2023ここの部分今
カーソルある部分なんでまえちょっと下の
方に行ってえ左側に行ってるという形です
かねでえ次がえライブラリーティアリスト
となってるんですけれどもえまこれ上の方
がえま良質ま高印象の意見が多いとでえ
それぞれ色によってえまどういうような
ものかという形ですねまなんでオレンジだ
とまテストに使いますとでえこちらピンク
の場合にはえこれUIライブラリーですね
マスベルトとかがフォーカスされてるんで
UIライブラリーとでえ紺色がモノ
レポートはいでえ緑がえモバイルでえ
こちらえ紫がフレームワークという形です
ねまなのでえそういう意味だと高印象なの
はまこのSランクからえ始まってるんでま
ビートが今1番えすごいポジティブな意見
が多いとでえま次にAAがえスベルトは
ここら辺に入ってくるとでえ次にBがえ
結構有名なやついっぱいありますけれども
まビュJSとかあとはリアクトネイティブ
かなでえあとはえナクトとかNEXTもま
ここら辺に入ってますまこちらナストと
NEXTってまこの印象値一緒なんですね
はいまこんな感じになっていますとでえ次
はえリテンションvsユという話でまこれ
どういう意味かなまこちらえ縦軸
リテンションになっててえ右がユーザー
カウントになってるんでえまユーザー数が
右ですねまなんでえこれ右上に行く方がま
いいやつってことですかねまそういう意味
だとえジェストBとなんかすごいおしゃれ
ですねこれはいジェストとあとリアクトと
NEXTJSとviwJSとまこれずっと
使ってるま割合ですかねリテンションなん
でまえ使ってる割合が多くてでユーザー数
が多いということでまここら辺のえものが
いいものとまよく使われてるものって感じ
ですかねではえ次にフロントエンド
フレームワーク見ていきましょうはいまこ
はえリアクトやっぱり1番でで次に
アンギュラーがえこのピンクですねでえ
水色がえこちらVIJSですねでSベルト
という形ですはいでま次にえフロント
エンドフレームワークえエクスペリエンス
アセンチメントということででまこちらえ
開発体験がいいかというような形ですねで
えリアクトがえ1番いいよとでえviw
JSアンギュラースベルトということでえ
anuseitま一番よく使われていると
いう形ですかねtouseAGはいまそう
ですねこちらえユITなんでま使ったこと
あるかという形ですねはいでま次にas
フロントエンドフレームワークと書いて
あるんですけれどもまこちらアストロ1番
になってますけれどもえまこちら使用し
てるユーザーの数とかではないと思います
ね多分ま高印象なまこちらのセンチメント
の仕様なんですかねまポジティブとか
ニュートラルネガティブまここら辺の話か
なと思いますまちょっとよくわかんない
ですねこれはいでまこんな感じでえ色々
指標あるんですけれどもま結構いっぱい
あるんでまちょっと飛ばしていきましょう
かえメタフレームワークえNEXTジェス
がえ特装体
ですとでえ2番目が水色なんで2番目
なくすとですねでえ次がギャツビーとはい
まそんな感じになっていますとでえ次にえ
アザメタフレームワークということでえ
クイックなんかも入ってますよという形に
なっていますでえ次にテスティング見て
いきましょう1番がえジェストでえモカが
え47
でえストーリーブック
53えサイプレス48%とまこんな感じに
なっていますでえジェストが1番使った
ことあるよとまここら辺は他のやつと一緒
ですねああとなんかBANがテスティング
ライブラリー内蔵してるみたいなんで
テスティングライブラリーというかテスト
ライブラリーですねはい内蔵してるみたい
なんで一応指標に入ってますとでばえ
どんどん進んでいきましょうはい次
モバイル&デスクトップということでえ1
番エレクトロンが1番ですとでえ
リアクトネイティブがえ次に使われてい
ますとまそんなような状態になっています
はいま大体40%え前後がですねま使っ
てるという形ですねではえ次行きましょう
ビルドツールえウブパックが依然として
1番よく使われていますでえこちら水色ま
これ何かなこれビートかなんでビートがえ
急速にに追い上げてるという形になります
まこれもえ他のやつまBANがえダトです
ねまビルドツールとしてまバが他の候補と
してま今え注目されているということに
なりますまこんな感じですかねあとモノ
レポのツールモノレポのツールはえ
pnpmがえ1番使われているとでえあと
ターボパックえ注目のターボパックはえ
15%がま使あったことあるよとまそんな
感じになっていますでえその他のえアモ
レポツールはえBANがえ1番ま注目され
ているということになりますはいという
ことでえまこんな感じですかねま1年前の
調査からあまり勢力図的には変わってない
かなという印象ですねまBANとかあとま
ビートみたいなところていうのがどんどん
勢い出てるなとは思うんですけれどもま
それ以外は結構同じ顔ぶれな感じがします
ということでえいかがだったでしょうかま
皆さんもですね是非使ってる構成なんか
あればえコメント欄に書いてくださいそれ
ではえ今回もご視聴いただきありがとう
ございますまた次の動画でお会いし
ましょうバイ
バイ今回もご視聴いただきありがとう
ございます私はえユミでWEB制作から
Web開発まで幅広いコースを出してい
ますので興味のある方は是非概要欄から
ご覧くださいまたさらにハイレベルな
WEB制作スキルを学びたい人向けにノ
イコールというサービスを運営しています
ので興味のある方はそちらも合わせて概要
欄の方でチェックしてみてください最後に
プログラミングの学習が1人で寂しい方は
無料のオンラインコミュニティコード
トゲザーを運営していますのでそちらも
概要欄から是非チェックしてみてください
それではご視聴ありがとうございました
javascriptの独学に最適な標準
教科書様々なサンプルプログラムを例示し
あなたのプログラミング力の上達を
サポートしますDET
5.0 / 5 (0 votes)