キミはNativeScriptを知っているか？Angular2でネイティブモバイルアプリが書けるぞ！ 佐川 夫美雄（Ashiras, inc.） Web技術でアプリ開発2016特集・第4弾は、JavaScript（およびTypeScript）によるクロスプラットフォーム開発が可能ながらネイティブと同様の実行速度を得られる、Telerik社のNativeScriptを取り上げたいと思います。 NativeScriptは、Angular2とも組み合わせて使うことができる、現在注目のフレームワークです。本記事では、XMLによるUI定義を行う従来の開発手法だけではなく、Angular2（ただし、RC4という少し古いバージョン）と組み合わせてモバイルアプリを開発する方法まで網羅してご紹介します。 NativeScriptの概要 NativeScript 2.0は、JavaScriptとCSSを使用し

Angular 2 の特徴を美味しいところだけ凝縮してお届けします

はじめに Angular2の仕様がようやく固まってきました。2016/06/20現在、Router以外の機能はほぼほぼfixしたと言っていいでしょう。JavaScriptフレームワークといえばReact 1 が日本でも海外でも人気を博していますが、個人的にはAngular2のほうが気持よく実装することができています。2 Angular2を用いてすでにいくつかアプリケーションを開発してきましたが、その中で、個人的に試行錯誤の上採用した"デザインパターン"みたいなものをメモがてらに書いていきます。 StoreManagerService ViewManagerService ModelManagerService という３つのマネージャークラスを定義することでアプリケーション全体を構築しているので、SVMモデルと勝手に名付けています。3 Angular2の概要 Angular2の特徴のひとつと

Httpクライアント これから全部で3つのコードを紹介します。 今回例で使うソースコードは公式リファレンスで紹介されているものです。 Ajaxで取得したデータをリストで表示します。 app/toh.component.ts import { Component } from '@angular/core'; import { HTTP_PROVIDERS } from '@angular/http'; import { HeroListComponent } from './hero-list.component'; import { HeroService } from './hero.service'; @Component({ selector: 'my-toh', template: ` <h1>Tour of Heroes</h1> <hero-list></hero-list>

最近、Angular 2を使ってWebアプリ作成の手伝いをする機会がありました。このフレームワークの複雑さに戸惑いもありましたが、Angular 2は間違いなくすばらしいものです。この事後分析では私がAngular 2のフレームワークを使った時に感じたいい面と悪い面の両方を掘り下げていくことにします。 Angular 2 Angularは携帯電話やデスクトップのWebアプリケーションを作成するための開発プラットホーム。 https://angular.io/ Angular 2＋リアクティブプログラミング＝❤ 私はすでに、Angular 1アプリケーション ではRxJSをかなり使っていました。特に、サービス間のメッセージ・バスを行うアプリを作成する時です。Angular 2はObservableを非常によくサポートしているので、アプリ全体にリアクティブプログラミングを取り入れることができ、