皆さんこんにちは。昨今の技術選定においては、「シンプルさ」が重視されることが良くあります。
特に「イージー VS シンプル」という対立軸が持ち出されることが多く、規模の大きなアプリケーションを作る際には「シンプル」側の技術を選定するほうが有利だという論調がよく見られます。
本当にそうなのか、あるいはそもそも「シンプル」とはどういう意味なのかについては皆さんそれぞれの考えがあるでしょうから、この記事では深入りしません。
代わりに、実際どのような技術がシンプルなのかが気になるところです。そこで、今回は筆者が比較的得意なWebフロントエンドのUIライブラリの領域において、どのライブラリがシンプルなのか調査してみました。
React
先日プロジェクトでReactを使ってみたら、本当にシンプルな実装でやりたいことが全部できちゃうというか、すぐに画面に反映できて開発効率的にも良いなと感じました。
Reactは比較的シンプルなライブラリのため導入しやすいですが、JavaScriptの知識やJSXなどいくつかのコンセプトを理解する必要があります。
このようにReactはシンプルな機能を持つため、Webアプリケーションのフロントエンド開発で多く使用されています。
React is pretty simple, so if you have a strong understanding of Javascript and a good React course at your disposal, you’ll be OK.
Angular, React, Vue -- A three-way comparison (OpenReplay Blog)
Angular
Angular は、その速度や効果的なクロスプラットフォーム開発、シンプルなデザインアーキテクチャなどの特性により、他のフレームワークと比較して柔軟なコーディングが可能です。
今すぐに実行できる高機能なAngularサンプルアプリを３つご紹介！ - インフラジスティックス・ジャパン株式会社Blog
The simple architecture makes it easier to build the app quickly without cumbersome code, thus making the website light. This makes it easier for users to navigate through websites made with Angular JS.
Angular vs React | Angular vs Vue | React vs Vue - Know the Difference (Radixweb)
Vue
その中でVue.jsは、シンプルさ、学習の手軽さなどに強みのあるフレームワークです。
シンプルな構造になっているため学習コストが低く、すぐに開発に使用することができるというメリットがあります。
Vue.jsは、シンプルで高速なUI処理を可能にする優れたフレームワークです。
【フロントエンド】JavaScriptライブラリとフレームワークの決定版！| React vs Vue vs Angular（株式会社オータム）
Vue.js は、React と並んで非常に人気のあるフロントエンドフレームワークで、シンプルで直感的なAPIを持つことが特徴です。
Driven completely by the Vue open source community,it’s considered progressive, simple, flexible, and lightweight, with total backwards compatibility.
Angular vs React vs Vue: Best JavaScript Frameworks in 2023 (Tiny Blog)
Svelte
いかがでしょうか、Svelteのコードは非常にシンプルで理解が容易です。
バックエンドエンジニアにお勧めしたいフロントエンドフレームワークSvelte - SO Technologies 開発者ブログ
どちらのフレームワークも素晴らしいことは理解できますが、フロントエンド開発をほとんどやったことがない私からみたら開発の進め方やアーキテクチャにあまり違いがあるようにみえませんでした。強いて言えば、Svelte の方が Reactよりもシンプルな分、やりたいことを直接的に記述して学習コストが低くなるように感じました。実際にコードを書いてみて動かしてみた感触ではどちらを選んでも同じではないかというのが率直の感想でした。
Svelteはシンプルなコード記述でエンジニアの業務負担を削減するほか、アプリケーション自体の性能向上にも大きく寄与する方法として、フロントエンドを中心とする開発現場において存在感を増しつつあるフレームワークのひとつです。
It also has a simple API that makes it easy to get started quickly, as well as detailed documentation that makes learning the framework straightforward.
Svelte vs. React: Everything You Need to Know About the Two (ninetailed)
SolidJS
SolidJSは比較的シンプルなAPIで構成されており、学習コストが低く始められます。
A simple and intuitive syntax, with a focus on declarative programming
SolidJS: More Than Just Another React Alternative - Codemotion Magazine
In conclusion, Solid.js is a powerful UI library that provides developers with a simple and efficient way to build dynamic, reactive user interfaces.
その他
Knockout.jsは、Angular.jsと比較すると機能がシンプルで使いやすく、軽量という特長が有ります。
Riot.jsとは、シンプルで軽量なJavaScriptライブラリです。
2022年JavaScriptのおすすめフレームワーク完全版！各フレームワークを徹底比較！ | 【テックストックMAGAZINE】エンジニア向けスキル・キャリア情報
Riot.jsは、昨今の複雑化したフレームワークを踏まえて、非常にシンプルかつ学習コストの低いコンポーネント指向のフレームワークです
Backbone.jsは、（中略）React.jsやAngularJSのようなフルスタックなフレームワークと違い、必要最小限の機能を持つシンプルなフレームワークであるため、一般的にjQueryなどと併用されます。
【最新】JavaScriptフレームワーク一覧｜おすすめ・人気はどれ？ | プログラミングを学ぶならトレノキャンプ（TRAINOCAMP）
まとめ
シンプルなUIライブラリとしては、ReactやAngular、Vue、Svelte、Solidなどが存在することが分かりました。
いかがでしたか？ いいねとチャンネル登録よろしくお願いいたします。
ちなみに、ここで挙がっていないものではQwikに対する評価も探したのですが、「シンプル」とする言及が見つかりませんでした。
おことわり: この記事では多くの文章から引用していますが、これは引用元の文章に対する肯定、否定、同意、非同意、称賛、非難、その他の評価を意図したものではありません。引用は、そのような考えが存在することを示すことのみを目的として行なっています。