jQueryの後に学びたい最新JSフレームワークまとめ

アスキー 10月19日(水)18時00分配信

jQueryを「卒業」して次へ進みたいWeb制作者のために、Vue.js、Chart.js、D3.js、Reactなどの最新フレームワークについての記事を「WPJ」の記事の中から紹介します。

1.シンプルで触りやすい、Vue.jsから始めるアプリ開発

016-zu

jQueryはもうしんどい…フレームワーク初心者ならVue.jsから始めてみたら?』(WPJ)

jQueryは超便利。でも、ちょっとアプリっぽいものを作るには見通しも悪いし、後々のメンテナンスも大変…。Angunlar.jsやReact.jsよりもシンプルで触りやすい、Vue.jsから始めてみてはいかが?

2.シンプルグラフならChat.jsにおまかせ

016-zu

カッコいいグラフがむちゃくちゃ簡単に描ける!Chart.js 2.0がスゴい』(WPJ)

データビジュアライゼーション系のライブラリーといえば、D3.jsが有名。でも、シンプルなグラフをWebで描くだけなら、もっと手軽なChat.jsを使ってみてもいいかもしれません。

3.デザイナー必見、データの可視化に役立つD3.js

016-zu

jQueryの次に学びたい!D3.jsはWebデザイナーの最高の武器になる』(WPJ)

え、「D3ってグラフ描くライブラリーでしょ?」ですって? それだけではありません。あらゆるデータを魅力的に見せる「データビジュアライゼーション」は、Webデザイナーの表現の幅をさらに広げてくれそうです。

4.D3.jsはグラフだけじゃない、野菜畑で初心者向け解説

016-zu

グラフ描くだけだと思ってない?D3.jsのデータバインディングがやっとわかった』(WPJ)

イケてるグラフが描けると人気のJSライブラリー「D3.js」。でも、グラフを描くライブラリーならほかにもありますよね。人気の背景にあるデータバインディングについて、なぜか野菜畑を使って初心者向けの解説を試みてみました。

5.Reactアプリ「高階コンポーネント」の考え方

016-zu

Reactアプリのコードを美しく保つ「高階コンポーネント」の考え方とは?』(WPJ)

Reactアプリケーションを整理して構築し、保守を簡単にするためにHigher-Order Componentsを使用する方法について説明します。純粋関数でコードをクリーンに保つ方法や、同じ原理をReactコンポーネントに適用する方法を紹介します。

6.D3.jsとReactでリアルタイムアニメに挑戦

016-zu

ReactとD3.jsの組み合わせで変わる!JavaScriptアニメーション開発』(WPJ)

人気のデータビジュアライゼーションライブラリー「D3.js」をもっと使いやすく、便利にするために。Reactを使ったコンポーネント化に取り組み、リアルタイムで描画されるアニメーションを作ります。

7.React+Three.js+WebGL=3Dゲーム?

016-zu

SPAだけじゃない!ReactとThree.jsの組み合わせはゲーム開発を変える?』(WPJ)

Reactといえば、SPA(シングルページアプリケーション)のViewに使われるライブラリー。でもThree.jsとWebGLを組み合わせると、3Dのゲーム開発にもメリットがあるようです。

8.ElectronとReactで音楽アプリを作る

016-zu

Webデザイナーの仕事が広がる!ElectronとReactでデスクトップアプリ開発』(WPJ)

WebデザインとJavaScriptの技術があれば、デスクトップアプリも自在に作れる時代です。ElectronとReactを使って、SoundCloudの音楽を自由に再生できるデスクトップアプリを作ってみました。

まとめ

いかがでしたか? jQueryから次のJavaScriptフレームワークに取り組みたい人に役立ちそうな記事をセレクトしてみました。ぜひ、チェックしてみてください。

アスキー
もっと見る もっと見る

【あわせて読む】

    最終更新: 10月19日(水)18時00分

    【関連ニュース】

    【コメント】

    • ※コメントは個人の見解であり、記事提供社と関係はありません。

    【あなたにおススメ】