ツールやライブラリーが乱立し、年々複雑化するJavaScriptの世界。それでも2017年に注目したい3つのライブラリーを紹介します。 JavaScript界にとってはクレイジーな年だった、2016年が終わりました（編注：本記事の原文は2017年1月2日に公開された）。この1年で数え切れないほどの印象的なライブラリーやフレームワークが登場しました。「You Might Not Need JavaScript」はJavaScriptを使わなくても実現できるコードを紹介してJavaScriptの使い方について疑問を投げかけ、Nolan LawsonがFronteersで発表したスライドに関するツイートが議論を呼び、Jeremy KeithやChristian Heilmannといった著名人からもレスポンスがありました。この様子はNolanの投稿にまとめられています。最初にクレイジーと書きました

このストーリーは、Circle CIに投稿された”It’s the future”というストーリーにインスパイアされたものです。オリジナルはこちら。ここに書いたことは一つの意見というだけで、他のJavaScriptフレームワークもそうですが、過剰に真に受けないでください。このストーリーを執筆中に新たなJavaScriptフレームワークは作成されていません。 やあ、今新しいプロジェクトをやっているんだけど、実はここ数年ウェブのコード書いていなくてさ、しかも以前とは少し変わったとも聞いているよ。それで君が一番この辺でウェブ開発に詳しいって聞いたんだけど？ -フロントエンドエンジニア、といったほうが正しいが…まあ、俺なら間違いない。俺のは2016年のウェブだからな。ビジュアライゼーション、ミュージックプレイヤー、サッカーをするドローン等々。JsConfとReactConfから帰ってきたばかりだか

W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999

#divclass(page_title){ &this_page() } 我々は&blanklink(C++ style for comments){http://google-styleguide.googlecode.com/svn/trunk/cppguide.xml#Comments}の考え方に従います。 全てのファイル、クラス、メソッド、プロパティに&blanklink(JSDoc){http://code.google.com/p/jsdoc-toolkit/}コメントが、適切な&link_anchor(jsdoc_tag_reference){タグ}と&link_anchor(js_type_language,pageid=17){データ型}を伴って記されるべきです。また名前から明白に判断できる場合を除き、プロパティ、メソッド、メソッドの引数、メソッドの戻り値を説明する文章

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is writ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで

Web Platform Dive into the web platform, at your pace.

ArrayBuffer、DataView、TypedArrayはJSからバイナリデータを扱うための仕様です。 どういう操作があるのかを改めて確認してみました。 まずは簡単に各クラスの定義から整理。 ArrayBuffer 物理メモリの領域（バッファ）を確保するためのクラス。 ただし、確保するのみでバッファに対する操作は提供していません。 バッファの操作はTypedArrayかDataViewいずれかのクラスを利用します。 ArrayBufferのプロパティ byteLength ... バッファの総バイトサイズ。 ArrayBufferのメソッド slice() ... バッファの開始位置と終了位置を指定して、新しいArrayBufferを生成します。 TypedArray いわゆる型付き配列。Float32ArrayやUint8Arrayなど、型を指定してバッファから配列を生成する。 通

はじめに この記事は、 gulpも browserifyも知らない 初心者を対象にしています。 最近になってnode.jsでプログラミングしていますよって人が対象です あまりにも０ステップからで、それくらいわかるよって事もあるかもしれません。 node.jsについて、０から勉強したい人はドットインストールとか便利かもね。 gulpって？browserifyって？ まず、gulpもbrowserifyもなんのことだか、さっぱりわからないって！ でも、まだ説明しません。 なぜなら、 **なんで必要？**を説明していないから。 目的は ブラウザとサーバで全く同じjavascriptを動かそう 最近は、node.jsでサーバサイドjavascriptも珍しくなくなってきました。 でも、微妙に違うサーバとブラウザでのjavascript！ 特に、違うなーと感じるのは、記述する場所ですね。 本当はもっ

// canvas要素を取得 var c = document.getElementById('canvas'); var cw; var ch; // canvasサイズをwindowサイズにする c.width = cw = window.innerWidth; c.height = ch = window.innerHeight; // 描画に必要なコンテキスト(canvasに描画するためのAPIにアクセスできるオブジェクト)を取得 var ctx = c.getContext('2d'); // AudioNodeを管理するAudioContextの生成 var audioCtx = new (window.AudioContext || window.webkitAudioContext)(); /** * 音声ファイルローダー */ var Loader = function(

Regular expression literals provide compilation of the regular expression when the script is loaded. If the regular expression remains constant, using this can improve performance. Or calling the constructor function of the RegExp object, as follows: Using the constructor function provides runtime compilation of the regular expression. Use the constructor function when you know the regular express

All-in-one creative subscription with full AI stack All-in-one creative subscription From $16.50/m

去年は初日に http://qiita.com/s-shin/items/203e0f8c0aa00cfacfc5 こんな啓蒙記事を書きました。 あれからメジャーバージョンアップもあり、デフォルトテーマが変わったり、一部有名Packageがビルトインになったり、少しコミットしたに過ぎないにもかかわらずContributor Patchをもらったりしました。 ということで、今年も2015年版として誘いを書くことを考えましたが、全体的に見ればさほど変わってない気もしたので、今回は定番ネタではありますがPackage紹介をしたいと思います。 JavaScriptの静的解析によりコード補完やクロスリファレンスを実現するatom-ternjsの紹介 長いタイトルになりましたが、今回紹介するのはatom-ternjsです。 ググっても日本語の記事は中々見つからず、国内ではそれほど話題になっていないよう

はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ