フロントエンドエンジニアが絶対読んでおきたいJavaScript最新記事ベスト10

変化の早いフロントエンド界隈でいま押さえておきたい、最新のJavaScript関連記事をKADOKAWAが運営するオンラインメディア「WPJ」からアクセス人気順に紹介します。

1. データビジュアライゼーションで表現の幅を広げるD3.js

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

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

2.エラーを無視しないで、ちゃんと処理しよう

『JavaScriptエンジニアなら知ってるよね？ エラー処理のいい書き方、悪い書き方』

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

3.「ゲームループ」が分かればゲーム開発も怖くない

『知ってる？Web開発者がJavaScriptでゲームを作るときのはじめの一歩』

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

4.コーディング規則に振り回されないために

『セミコロンは省略？人気スタイルガイドに学ぶJavaScriptのコーディング規則』

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

5.D3とReactでリアルタイムアニメーション

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

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

6.jQueryの次に学ぶならVue.jsがいいかも

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

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

7.ElectronとReactでデスクトップアプリ開発に挑む

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

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

8.JavaScriptでPDFをレンダリングできる

『Dropboxも採用！JSだけでPDFをレンダリングできるPDF.jsにしびれた！ 』

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

9.あとから読んでもよく分かるJavaScriptの書き方

『1年後に読み直しても発狂しないJavaScriptを書く15の方法』

「そのコメントわかりづらいんだよ！」なんて上司や同僚に叱られちゃった人へ。コメントがなくてもわかりやすいJavaScriptを書くテクニックです。コメントを書かなくていい、ということではないので、あしからず。

10.UIテストを自動化してさっさとできるNightwatch.js

『まだ手動でやってない？UIテストを爆速で自動化できるNightwatch.jsが便利すぎ』

Webアプリのクオリティアップに役立つのが、フロントエンドのテスト。実装したはずの機能がある条件で動かなかったり、期待どおりに操作できなかったりするとガッカリですね。Nightwatch.jsならテストがだいぶ捗りそうです。

まとめ

いかがでしたか？　フロントエンドエンジニアに役立ちそうなJavaScript関連の記事をセレクトしてみました。ぜひ、チェックしてみてください。