frontendとangular2に関するlizyのブックマーク (3)
-
ReactとAngular2の使い方やコードの違いを状態管理、CSS適用、単体テストで比較する‥モダンなフロントエンド開発者になるためのSPA超入門︵終︶︵1/3 ページ︶ フロントエンド開発のアーキテクチャである﹁SPA︵Single Page Application︶﹂について、開発に必要となる各種フレームワークの特徴や作り方の違いなどを紹介する連載。今回は、状態管理の方法やCSSの適用、単体テストの実装方法について比較し、ReactとAngular2の違いを明らかにする。 フロントエンド開発のアーキテクチャである﹁SPA︵Single Page Application︶﹂について、開発に必要となる各種フレームワークの特徴や作り方の違いなどを紹介する本連載﹁モダンなフロントエンド開発者になるためのSPA超入門﹂。 連載初回の﹁ゼロから学ぶ! Single Page Applicatio
-
SPAはWeb標準技術︵HTML、JavaScript、CSS︶で構成されているため、環境依存がほとんどありません。Node.jsやnpmは公式サイトから各OSに対応したインストーラーが取得できますので、環境の構築も容易です。また開発用のエディタとしては、近年はAtomやVisual Studio CodeといったOSSエディタが充実しているので、Node.jsとエディタの2つをインターネットから取得すれば、すぐにSPA開発を始めることができます。 スターターツールとは SPA開発を始めるに当たり、さまざまなライブラリを組み合わせる必要があります。本来であれば、ライブラリを選定し、環境を構築するところから始める必要がありますが、今回は開発を簡単に始めるため、Reactは﹁create-react-app﹂、Angular2では﹁Angular CLI﹂と呼ばれるスターターツールを使用します
-
まえがき 最近社内でLT大会がありまして、Angular2について発表したのですが︵正式リリース直前でしたが︶、結構内容的には、ReactvsAngular2みたいな内容になってたので、﹃︵私が︶ReactとAngular2の選択で迷ったときに考えたいこと﹄としてちょっと記事にしてみました。 ※1この記事はあくまで両者を触ってみた﹃個人的な感想﹄になりますのであしからず。 ※2そして、この記事は2016-09-18の時点での内容になります。 Reactはライブラリ、Angularはフレームワーク Reactが出始めた頃にはよく比較されることの多かったAngularですが、それは両者が似たような時期に盛り上がってきており、それでいてDOM周りの問題解決で謳っている機能がそれぞれちょっとずつちがっていたからかなと思っています。︵それぞれDOMの構築とデータバインディングについての機能を
-
1