2016年、ReactがAngularを抜いて1番人気に！ JSライブラリの利用意向はますます高まっている
← 前回 連載 INDEX 次回 → 依然としてJavaScriptライブラリの栄枯盛衰は、すさまじいスピードで進んでいる。2016年、本当に利用意向の高いJavaScriptライブラリはどれなのか。これを調査するため、Build Insiderではアンケート調査を実施した（※ちなみに、本稿とほぼ同じ質問内容のアンケート調査を毎年5月に実施している。この定点観測により、技術トレンドの推移を浮き彫りにしたいと考えている。その去年の結果はこちら）。 さっそくランキングをジャンル別に紹介していこう JavaScript関連全体の動向： 人気ジャンル フレームワーク関連： MV*などのJavaScriptフレームワーク／SPA（Single Page Application）開発の採用動向 各種アプリを支える技術＆ツール： altJS（JavaScript代替）／CSSプリプロセッサー（CSSメタ
いまどきのJavaScript事情とAngular2のはなし - UUUMエンジニアブログ
こんにちは、タナカです。 先日Angularのカンファレンスに参加させていただきました。 Angular2はもちろんですが、JavaScriptの進化についても興味深かったです。 本日の社内勉強会ではカンファレンスで得た情報を含めたいまどきのJavaScipt事情について共有させていただきました。 フレームワークはMVCからコンポーネント指向へ 一昨年リリースされたReat+Fluxが人気となり、フレームワークの注目はMVCからコンポーネント指向に変わってきました。 W3C標準化を進めているWeb Componetsにも追い風になっています。 また、昨今話題のマイクロサービスアーキテクチャーとも相性がいいです。 Web Comonentsのイメージ、各画面部品がコンポーネントとなる 引用元 Virtual DOMが流行 こちらもReactの影響ですがVirtual DOMが流行しています。
Angular 2とAugular 1はアプリ内で混在可能になると発表。Anguler 1から2への段階的な移行が可能に
Angular 2とAugular 1はアプリ内で混在可能になると発表。Anguler 1から2への段階的な移行が可能に 1つのWebアプリケーション内で、Angular 1とAngular 2が共存可能になり、デベロッパーはAngular 1アプリケーションを少しずつ段階的にAngular 2へと移行することができる。AngularJSのブログに投稿されたポスト「Angular 1 and Angular 2 integration: the path to seamless upgrade」で、Angular 2移行に関する発表が行われました。 オープンソースのJavaScriptフレームワークとして知られるAngularJS。来春登場に向けて開発が進んでいるAngular 2は、より高速、高性能が期待される一方、現在利用されているAngular 1とは互換性が完全ではないことが明らか
How to re-render a template in an AngularJS directive?
I've create a directive that generates Twitter buttons. Since the scope variables on those buttons may change, I need to rebuild the button when it happens. Currently, I'm using jQuery to empty() the linked element and rebuild the button. app.directive 'twitterShare', ($timeout, $window) -> restrict: 'E' template: '<a href="https://twitter.com/share" class="twitter-share-button" data-text="{{ text
Animations: the Angular Way | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. AngularJS is a major player in the JavaScript MVW framework world. ‘Thinking in Angular’ is something that can elude developers who come from jQuery or other DOM manipulation heavy libraries. There is an ‘Angular way’ to do things that is data-driven rather than using DOM tr
フレームワーク対決！Angular VS React仮想パネルディスカッション
フレームワーク対決！Angular VS React仮想パネルディスカッション 吉川 徹 特集企画「アプリケーションアーキテクチャ最前線」では、さまざまな視点からアプリケーションアーキテクチャをエキスパートたちに語っていただきます。今回は、今話題のAngularJSなどのJavaScript MVCフレームワークの台頭と進化、そして新しいアーキテクチャであるFluxとそのフレームワークであるReactなどについて、既に先行して学んでいるエキスパートたちにその知見を聞いてみました。 今回はフレームワーク対決ということで、エキスパートたちがAngularとReactという陣営に分かれ、それぞれのフレームワークについて疑問点をぶつけたり、議論したりする仮想パネルディスカッションという形式でお伝えします。単なるパネルディスカッションとは違って、キーワードは「プロレス」です。まさかりの投げ合い、di
Token-Based Authentication With Angular and Node | Envato Tuts+
Authentication is one of the most important parts of any web application. This tutorial discusses token-based authentication systems and how they differ from traditional login systems. At the end of this tutorial, you'll see a fully working demo written in Angular and Node.js. Traditional Authentication Systems Before proceeding with a token-based authentication system, let's have a look at a trad
AngularJS+enchant.js+CoffeeScriptで音ゲーを作ってGitHubPages上で公開しました - undefined
これなに？ 無料音ゲー flavabeats github.com ブラウザ上で遊べる音ゲーです。 ノートと呼ばれるオブジェクトが曲に合わせて落ちてくるのでターゲットに重なるタイミングでキーボードのZ,X,C,V,Bを押していくゲームです。 楽曲はCreativeCommonsのものを使用しています。 なんで作ったの？ Vue.jsやReactやAngularJSやAurelia.JSなどフレームワークが乱立するなか何か一つ使えるようにならないといけない気がしたので勉強用に始めました。（あとcocos2d-JSのAndroidデバッグが嫌になりましたので気分転換に)。最初はAngularJSより学習コストの低そうなVue.jsを触ろうかと思ったのでですが、Vue.jsにはルーティング機能がついていないということで結局AngularJSを触ってみることにしました。(書籍も買っちゃってたし。)
AngularJSサービスをJasmineでBDD（２） | QUARTETCOM TECH BLOG
はじめに 前回はごく簡単なAngularJSサービスをJasmineでBDDする手法を記しました。今回は予告通りにDIを用いたAngularJSサービスのテストを同様に扱っていきたいと思います。 今回の肝はユニットテストにはお馴染みのモックを仕込むことにあります。 開発プロセス例 1. 設計 前回のHelloServiceを拡張することにしましょう。MyServices.HelloService.say(name)を ‘name’ を引数として与えると ‘Hello N-A-M-E’ という文字列を返すメソッドに変更します。 ここで「小文字を大文字にしてハイフンで分割する」機能は別のサービスとして設けることにします。MyUtilServices モジュールに UpperDashService サービスを設けて先述の機能を format(str) というメソッドで実現することにしましょう。
Using AngularJS For Data Visualisations | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Nick Moreton. I gotta say I find this idea rather intriguing. I know that I love working in HTML, SVG, and CSS, so when Nick shares that we can use that for structure and use the data directly to style a chart, that appeals to me. And then to know that, becau
AngularJS サービス Restangularの紹介 | DevelopersIO
はじめに 好物はインフラとフロントエンドのかじわらゆたかです。(ご挨拶) 今回はAngularJSでRestを扱うRestangularの紹介です。 AngularJSでRestを扱う際に使うのはngResourceを使うケースがほとんどとは思いますが、 Swiip/generator-gulp-angularで雛形を作ろうとした際に、 ngResouceとRestangularどっちつかうん？みたいなことを聞かれたので触ってみました。 実装内容 今回はGoogleカレンダーから祝日を取得し、日付をキーとするオブジェクトとして取得するといった例を作成しました。 PHPで作成している例があったので、そちらをRestangularで作ったといった形になります。 PHPで日本の祝日のJSONをGoogleカレンダーから取得する（API認証等不要） - きじとら HolidayService.js
AngularJSの強力なフォームバリデーションを活用しよう
連載企画「AngularJS徹底解説」の第2回目は、Angularが備えている強力なフォームバリデーションについて解説します。 AngularJS の強力なフォームバリデーション ご存知の通り、HTML5の仕様にもフォームバリデーションがあり、主要なモダンブラウザであれば既に実装されています。しかし、ブラウザに実装されたバリデーション機能は、まだ実践で使うには使い勝手がよいものとは言えません。もうしばらくは、プラグインやライブラリに頼ったり、または、自身で実装していく必要がありそうです。 今回からデモページを用意してみました。実際に動作していることを確認できます。レイアウト調整をしているため、本稿で掲載するサンプルコードとは多少異なること、ご了承ください。 各input要素のバリデーション まず、Angularでのバリデーションは、双方向バインディングの特性を活かして、入力と同時にチェック
mobile-bookmark-bubbleをangular.jsで使う
mobile-bookmark-bubbleをangular.jsで使う mobile-bookmark-bubbleというのはiPhoneなどのMobile Safariで「ホーム画面に追加」を促すポップアップを出すライブラリです。 依存ライブラリもなく比較的ポータブルに実装されているのですが、 angular.jsで使おうとすると、デフォルトの#ハッシュで抑制する機構がうまくありません。 解決法は色々あると思いますが、おそらく最も手軽な$rootScopeを使う方法を実装してみました。$rootScopeなのでリロードするとリセットされますが、それはそれでいいケースもあるでしょう。 コードはこちら。 angular.module('MyModule', []).run(['$rootScope', '$timeout', function($rootScope, $timeout) {
AngularJSはもう古い？未来志向フレームワークAurelia.JSを試してみた！ - paiza times
こんにちは、吉岡(@yoshiokatsuneo)です。 最近のJavaScriptフレームワークといえばAngular.JSやReact.JSがホットですが、今年来ると思われるフレームワークAurelia.JSが2015年1月末リリースされました。 Home | Aurelia Aurelia.JSはGoogleでAngularJSの開発に関わっていたRob Eisenbergさんが開発した次世代のJavaScriptフレームワークです。 特徴として、最新のJavaScript関連技術であるECMAScript6、WebComponents、Object.observeなどの機能を取り込むことで、シンプルで使い勝手のよいフレームワークになっていることが挙げられます。 オンラインコーディング環境paiza.IOでも利用しているAngularJSとの比較を中心にして紹介します。 ■Aurel
AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（後編）。Deverlopers Summit 2015
AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（後編）。Deverlopers Summit 2015 JavaScriptのフレームワークの1つとして注目されている「AngularJS」は、どんな用途に向いているのか、学習コストはどれくらいか？ 使いにくいところは？ などの疑問をAngularJSのエキスパート達が次々に答えてくれるセッション「AngularJSの今とこれから」が、2月19日に都内で行われたイベント「Developers Summit 2015」で行われました。 （本記事は「AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（前編）。Deverlopers Summit 2015」の続きです） AngularJSを選んだ理由 川田氏 次の質問は、数あるフレームワークの中からAngularJSを選ん
Faster AngularJS Rendering (AngularJS and ReactJS) | Thierry Nicola
Have you used AngularJs and ran into some performance problems? Using ReactJs rendering becomes much faster. A small examples explains how to use ReactJs for rendering in AngularJs and a comparison is made between native rendering and rendering using ReactJs. I like AngularJS. I use it when I do some little fun projects and I use it professionally in large Web apps. I tried other frameworks as wel
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SC5 Style Guide Generator
GitHub - teropa/angular-virtual-dom: A Virtual DOM based AngularJS view renderer designed to be used with immutable data structures
http://sskyy.github.io/Gilgamesh/
ng-japan
