package.json互換のJavaScriptパッケージマネージャー「Yarn」を知っていますか? なぜYarnなのか? npmと比べてどこがいいのか? 使うべきなのか? 解説します。 YarnはFacebook、Google、Exponent、Tildeによって開発された新しいJavaScriptパッケージマネージャーです。公式発表に記載されているように、Yarn開発者が直面したnpmの問題…

Loading...

Angular、Reactと並んで海外で人気が高まっている「Vue.js」。ReactとAngularの開発経験がある著者がVue.jsをチュートリアルを通じて特徴をまとめました。2017年、新しく学び始めるきっかけにどうぞ。 2016年9月、人気のJavaScriptフレームワークVue.jsがv2をリリースしました。それ以来ぜひ使ってみたい、どのようなものか知りたいと思っていました。Angul…

Loading...

JavaScriptの変数の使い方と、ECMAScript 2015(ES6)で変わった点をコンパクトにおさらい。 JavaScriptを学ぶ基本の1つに、変数の使い方があります。変数は、number(数値)、string(文字列)、array(配列)など、あらゆる型(データ型を参照)を含む入れ物です。変数は、あとでアプリケーション内で使用する(たとえば、値の参照)ために名前が付けられます。 本記…

Loading...

いろいろなサイトで見かけるようになった、Webからデスクトップへのプッシュ通知。専用のWebサービスもありますが、フロントエンドエンジニアならWeb Notification APIで手軽に実装できちゃうのです。 お気に入りのサイトやアプリからの通知は、もはやスマートフォンだけの話ではありません。ブラウザーから通知を直接受け取ることも普通になってきました。たとえばFacebookは新しい友達リクエ…

Loading...

Webの技術でデスクトップアプリが作れるフレームワークといえばElectronが有名ですが、より手軽に使えるのがNW.jsです。デザイナーでもちょっとしたデスクトップアプリならすぐに作れちゃいますよ。 NW.jsは、HTML、JavaScript、CSSといったWeb技術を使ってネイティブアプリを作るフレームワークです。一番単純なケースだと、手慣れたワークフローでWebアプリを作り、最後にジェネレ…

Loading...

「jQueryへ依存せずにBootstrapを使いたい」そんなときは、ネイティブJavaScript化する「Native JavaScript for Bootstrap」プロジェクトをチェックしてみるといかもしれません。 BootstrapのJavaScriptコンポーネントを使うよりも、実はVanilla JavaScript(編注:素のJavaScriptのこと)が好きだという人がいます。も…

Loading...

Angular 2、ReactといったJavaScriptライブラリー/フレームワークが盛り上がった2016年。一方で急速にコミュニティが立ち上がり、大きく成長したのが「Aurelia(アウレリア)」です。今後の気になる動きとは? Aureliaへの取り組みの根幹はオープンソースであることです。オープンソースがもたらす自由、コミュニティの存在とその協力は、多くの人のビジョンに欠かせません。オープン…

Loading...

JavaScriptの新バージョン「ECMAScript 2015(ES6)」が2015年6月に標準化されてから1年半。まだ普及には少し時間がかかりそうですが、エンジニアはいつES2015に移行するべきでしょうか。 JavaScriptのバージョンES2015(以降、ES6)のコードを最後に書いたのはいつですか? 最近の開発者向けの調査「The State of JavaScript」によると74…

Loading...

jQuery Foundation(jQuery財団)がJS Foundation(JS財団)に生まれ変わり、ESLint、Webpackなど人気プロジェクトが参加。今後の動きに注目です。 近年、JavaScriptでは膨大な数のライブラリーとフレームワークが現れては消えていきました。プロジェクトでどのソフトウェアを使用するかについて、重要な判断を下すことが難しい場合があります。なぜなら、メンテナ…

Loading...

知っておくと便利なnpm(Node Packaged Modules)のコマンドとTipsを全部で10本まとめました。 Facebookの新しいYarn projectには興奮を覚える一方で、Node.jsの躍進にはオリジナルパッケージであるnpmの存在が大きく貢献しています。 少ないnpmのコマンドで、初期化したり(npm init)、パッケージをダウンロードしたり(npm install)、テ…

Loading...