React、Vue.jsなどの人気ライブラリから、エラー処理やコメントの書き方まで。いろいろあった2016年のJavaScript関連の人気記事、ベスト20をKADOKAWAが運営するオンラインメディア「WPJ」からアクセス人気順に紹介します。気になる1位は……？
【第1位】jQueryの次に学びたい！D3.jsはWebデザイナーの最高の武器になる
え、「D3ってグラフ描くライブラリーでしょ？」ですって？ それだけではありません。あらゆるデータを魅力的に見せる「データビジュアライゼーション」は、Webデザイナーの表現の幅をさらに広げてくれそうです。
【第2位】JavaScriptエンジニアなら知ってるよね？ エラー処理のいい書き方、悪い書き方
JavaScriptのエラー処理、ちゃんと書いていますか？ エラーを無視せず、どこに問題があるのか、きちんと確認できるコードの書き方をデモで紹介。
【第3位】セミコロンは省略？人気スタイルガイドに学ぶJavaScriptのコーディング規則
インデントにタブとスペースのどちらを使うのがいい？ JavaScriptにセミコロンは付けるべき？ JavaScript Standard Styleを使えばそんな論争にけりがつくかもしれません。
【第4位】Dropboxも採用！JSだけでPDFをレンダリングできるPDF.jsにしびれた！
WebアプリでPDFを扱うときって、どうしています？ 一昔前ならサーバーサイドで生成してAdobe Readerで表示させるぐらいでしたが、いまならJavaScriptだけで描画も制御できちゃうんですね。
【第5位】カッコいいグラフがむちゃくちゃ簡単に描ける！Chart.js 2.0がスゴい
データビジュアライゼーション系のライブラリーといえば、D3.jsが有名。でも、シンプルなグラフをWebで描くだけなら、もっと手軽なChat.jsを使ってみてもいいかもしれません。
【第6位】知ってる？Web開発者がJavaScriptでゲームを作るときのはじめの一歩
Web開発者が初めてゲームを作るときに戸惑うのが、「ゲームループ」という考え方。普通のWebアプリを作るのとどう違うのか、シンプルなゲームのプログラム構造に触れてみましょう。
【第7位】ReactとD3.jsの組み合わせで変わる！JavaScriptアニメーション開発
人気のデータビジュアライゼーションライブラリー「D3.js」をもっと使いやすく、便利にするために。Reactを使ったコンポーネント化に取り組み、リアルタイムで描画されるアニメーションを作ります。
【第8位】シングルページをラクして作る！横スクロール系jQueryプラグインならこの10本
おしゃれなキャンペーンサイトで見かける、横スクロールのシングルページ。jQueryのプラグインを使えば、あまり苦労せずに作れるかもしれません。
【第9位】jQueryはもうしんどい…フレームワーク初心者ならVue.jsから始めてみたら？
jQueryは超便利。でも、ちょっとアプリっぽいものを作るには見通しも悪いし、後々のメンテナンスも大変…。Angunlar.jsやReact.jsよりもシンプルで触りやすい、Vue.jsから始めてみてはいかが？
【第10位】HTMLのテーブルをJSONで動的に更新できる「Tabulator」がスゴい！
テーブル（表組み）をかっこよく、使いやすく表示するJavaScriptライブラリーはたくさんありますが、決定版になりそうなのが「Tabulator」です。JSONデータを簡単に読み込めるので、更新が必要なサイトやアプリにおすすめ。
【第11位】まだ手動でやってない？UIテストを爆速で自動化できるNightwatch.jsが便利すぎ
【第12位】Webデザイナーの仕事が広がる！ElectronとReactでデスクトップアプリ開発
【第13位】1年後に読み直しても発狂しないJavaScriptを書く15の方法
【第14位】フロントエンドエンジニアなら知っておきたい、JavaScriptのログ収集方法まとめ
【第15位】「動き」はどの技術で実装すべきか？ Web Animations APIの登場で常識が変わる
【第16位】CSSライクでデザイナーに優しい！anime.jsはDOMアニメーションの新定番だ！
【第17位】WebRTCがそこそこ手軽になった！PeerJSでビデオチャットを作ってみた
【第18位】jQueryにはもう頼らない！無限スクロールをネイティブで実装する最新テクニック
【第19位】JSプログラマーのイラッとする「クセ」はESLintを導入して対処しよう
【第20位】オバマ夫人にも採用！VR風パノラマ画像をサクッと実装するjQueryプラグイン10
