このページの本文へ

1位は意外なあのライブラリー!? 2016年話題になったJavaScript関連記事ベスト20

2016年12月14日 17時30分更新

Web Professional編集部

  • この記事をはてなブックマークに追加
本文印刷

React、Vue.jsなどの人気ライブラリから、エラー処理やコメントの書き方まで。いろいろあった2016年のJavaScript関連の人気記事、ベスト20をKADOKAWAが運営するオンラインメディア「WPJ」からアクセス人気順に紹介します。気になる1位は……?

【第1位】jQueryの次に学びたい!D3.jsはWebデザイナーの最高の武器になる

01.png

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

【第2位】JavaScriptエンジニアなら知ってるよね? エラー処理のいい書き方、悪い書き方

02.png

JavaScriptのエラー処理、ちゃんと書いていますか? エラーを無視せず、どこに問題があるのか、きちんと確認できるコードの書き方をデモで紹介。

【第3位】セミコロンは省略?人気スタイルガイドに学ぶJavaScriptのコーディング規則

03.png

インデントにタブとスペースのどちらを使うのがいい? JavaScriptにセミコロンは付けるべき? JavaScript Standard Styleを使えばそんな論争にけりがつくかもしれません。

【第4位】Dropboxも採用!JSだけでPDFをレンダリングできるPDF.jsにしびれた!

04.png

WebアプリでPDFを扱うときって、どうしています? 一昔前ならサーバーサイドで生成してAdobe Readerで表示させるぐらいでしたが、いまならJavaScriptだけで描画も制御できちゃうんですね。

【第5位】カッコいいグラフがむちゃくちゃ簡単に描ける!Chart.js 2.0がスゴい

05.png

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

【第6位】知ってる?Web開発者がJavaScriptでゲームを作るときのはじめの一歩

06.png

Web開発者が初めてゲームを作るときに戸惑うのが、「ゲームループ」という考え方。普通のWebアプリを作るのとどう違うのか、シンプルなゲームのプログラム構造に触れてみましょう。

【第7位】ReactとD3.jsの組み合わせで変わる!JavaScriptアニメーション開発

07.png

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

【第8位】シングルページをラクして作る!横スクロール系jQueryプラグインならこの10本

08.png

おしゃれなキャンペーンサイトで見かける、横スクロールのシングルページ。jQueryのプラグインを使えば、あまり苦労せずに作れるかもしれません。

【第9位】jQueryはもうしんどい…フレームワーク初心者ならVue.jsから始めてみたら?

09.png

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

【第10位】HTMLのテーブルをJSONで動的に更新できる「Tabulator」がスゴい!

10.png

テーブル(表組み)をかっこよく、使いやすく表示する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

Web Professionalトップへ

Web Professionalトップページバナー

WebProfessional 新着記事

ASCII.jp会員サービス 週刊Web Professional登録

HTMLリファレンス誘導バナー

CSSリファレンスサイト誘導バナー

Webディレクター江口明日香が行く