In this tutorial series, we'll learn how to build a small app with some big concepts. We'll cover reactive programming with Reactive Extensions (Rx*), JS framework component interaction in Angular, and speech recognition with the Web Speech API. The completed Madlibs app code can be found at this GitHub repo. In this part, we will cover: Keyboard component fallback if user's browser does not suppo
Nx is designed to help you create and build enterprise grade Angular applications. It provides an opinionated approach to application project structure and patterns. Why Nx?At Nrwl we help the Fortune 500 build Angular applications. These companies don’t build small apps. They have multiple teams building multiple apps using multiple shared libs. It’s many to many to many. Organizing this dev work
import { Component, AfterViewInit, AfterViewChecked } from '@angular/core'; @Component({ selector: 'my-app', template: `<h1>Hello {{name}}</h1>` }) export class AppComponent implements AfterViewInit, AfterViewChecked { name = 'Angular'; ngAfterViewInit(){ console.log("init"); } ngAfterViewChecked(){ console.log("checked"); } } 使用上の注意 Expression has changed after it was checked. Previous value: 'An
All slide content and descriptions are owned by their creators.
動機 Angular(2 or 4)で開発中のプロダクト(SPA)が重い JS の肥大化 起動が遅い パフォーマンスチューンしたい で、みんないろいろ調べると思うけど… AOT コンパイルとか module の最適化とか手段はいろいろあるのはわかった が、ブログエントリを読んで今開発中のプロダクトに自分で解決策を注入するのが大変 サマリ 対工数効果が高い部分に絞ってパフォーマンスチューンできる、「これさえやればOK!」みたいな進研ゼミ的マニュアルを作った(半ば覚え書きだけど) 平均起動時間1は84%減 4000msec超 -> 640ms2 JS ファイルサイズ3は23%減 2770kb -> 2153kb (Parsed Size) 最適化後の Gziped Size は 393.47kb 前提 この記事は、AngularClass/angular-starter を使ったプロダクトで実
今回はAngularのRouterを使って画面遷移をやります。ログイン画面からメニュー画面に遷移するサンプルをやります。 名前とパスワードが等しければログインOKでメニュー画面に遷移します。いきなりメニュー画面に アクセスできてしまうので、実際のログイン認証とは程遠いのですが、あくまでも画面遷移のサンプルとして見て下さい。 Angular CLIの続きからやるので、環境がない場合、そちらを参考に環境構築してください。 プロジェクト作成 Angular CLIでプロジェクトとログインとメニューのコンポーネントを作成します。 プロジェクト作成時は--routingオプションを付けて下さい。 ng new プロジェクト名 --routing cd プロジェクト名 ng generate component login ng generate component menu ログイン画面関連 src
The Angular CLI is a command-line interface for building Angular applications, and over the last year it has become one of the most essential tools in an Angular developer’s toolbox. The CLI is responsible for automating away many of the challenges and headaches that come with being a developer in 2017. By starting with a configuration that works out of the box, baking in best practices that have
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く