Announcing the Capacitor ngAdd Schematic
Today, we at Ionic are happy to share the release of Angular Schematics for Capacitor. Let’s take a look at what Capacitor is and how to add it to an Angular project. Capacitor overviewFirst off, let’s go over what Capacitor is and how it relates to other cross platform projects out there. At a glance, Capacitor follows many of the same ideas as Apache Cordova. There is a Web layer that renders th
Architecture with Ivy: A possible future without Angular Modules - ANGULARarchitects
Architecture with Ivy: A possible future without Angular Modules For Ivy, NgModules are optional. This allows us to structure Angular applications with pure EcmaScript techniques like barrels and packages. This article is part of an series: Part 1: A possible future without Angular Modules (this one) Part 2: Higher order and dynamic Components As there is already a module system in EcmaScript, the
バージョン8.0とIvyの計画
この記事はAngular公式ブログA plan for version 8.0 and Ivyを元に翻訳したものです。 私達は毎週のようにいつIvyがリリースされるのかについて聞かれます。 この記事ではバージョン8.0がどのようなものになるのかということと、そのリリースのスケジュールについてお伝えします。 私達は今年のQ2にリリースされるバージョン8.0の一部として、Ivyをオプトインプレビューとしてリリースすることを予定しています。 バージョン8.0についてチームメンバーの多くはIvyに取り組んでいますが、バージョン8.0に向けて取り組んでいるアップデートがいくつかあります。これらの計画は最終リリースの前に変更される可能性があることに留意してください。 モダンJavaScriptの並行ローディング CLIは、ビルドプロセスの中で、レガシーなES5とモダンなES2015+バンドルの両方を生
Angular 8正式版リリース。高速レンダリングエンジン「Ivy」、モダンブラウザ用と非モダンブラウザ用のJSコードを動的に使い分ける「Differential Loading」など
Angular 8正式版リリース。高速レンダリングエンジン「Ivy」、モダンブラウザ用と非モダンブラウザ用のJSコードを動的に使い分ける「Differential Loading」など Angularは2017年4月に登場したAngular 4から、半年ごとにメジャーバージョンアップが行われるリリースサイクルを採用しています。Angular 8はこのリリースサイクルに従って、2018年10月に登場したAngular 7に続くメジャーバージョンアップです。 次世代高速レンダリングエンジン「Ivy」実験的搭載 Angular 8では、新しく開発された高速なレンダリングエンジン「Ivy」が搭載されました。 Ivyは2018年5月のng-conf 2018で発表され、モバイルデバイスでも十分に動作するほど小さく高速で、開発者にとって利用しやすいシンプルなAPIなどを備えたレンダリングエンジンとして
Version 7 of Angular — CLI Prompts, Virtual Scroll, Drag and Drop and more
The 7.0.0 release of Angular is here! This is a major release spanning the entire platform, including the core framework, Angular Material, and the CLI with synchronized major versions. This release contains new features for our tool chain, and has enabled several major partner launches. Virtual Scrolling can improve the performance of applicationsHow to update to v7Visit update.angular.io for det
Angular v6.1で導入されるRouter Scrollerの紹介 - 余白
こんにちは、lacoです。 Angularの次のマイナーアップデートで、久しぶりに新機能らしい新機能が増えます。 その名もRouter Scrollerです。 長くAngularを使っている人には涙が出るほど嬉しい待望の機能です。 この記事ではRouter Scrollerの紹介と、来週のbeta.1まで待てない！今すぐ試してみたい！という奇特な方のために、最新のビルドで試す方法も紹介します。 Router Scroller Router Scrollerは、Angular Routerにスクロールに関連する機能を与えるものです。 Router Scrollerを使うと、次のようなことができます。 ブラウザバックしたときに遷移前のスクロール位置に復元する #foo のようなフラグメント付きのURLで、対応するIDを持つ要素まで自動でスクロールする どちらも、静的なHTMLページであればブラ
Component Driven Development with Atomic Components - Qiita
自己紹介 西田雅博 株式会社ビズリーチ HRMOS採用管理というサービスでフロントエンドをメインにやってます (Component Driven Development with AngularというタイトルでしたがAngularがほぼ関係ないので変更しました ) Component駆動開発はじめました きっかけ AngularJS 1.4で構築されたSPA フロント、バックエンド（だいたい）10万行〜 2〜3年経ってメンテナンスがなかなかつらい Angular4への移行を始めている Upgradeは諸事情によりあきらめ、新規リプレイス 新規で始めるならなんかやりたい 数年後開発スピードがなるべく落ちないように すいませんほぼAngularの話無いです 新しい取り組み コンポーネントとアプリを分離 コンポーネントリストアプリ Atomic Components 今日は話さないけど RxJS
🚀 Introducing Akita: A New State Management Pattern for Angular Applications
Every developer knows state management is difficult. Continuously keeping track of what has been updated, why, and when, can become a nightmare, especially in large applications. In the Angular world, the most popular solution is ngrx/store, which was inspired by the famous Redux model. Personally, I’m a big fan of Redux and worked a lot with ngrx; However, both as a developer and as a consultant,
AngularとZone.jsとテストの話 - Qiita
どうも @Quramy です。このエントリはAngular Advent Calendar の3日目向けに書いています。 はじめに Angularにおいて、Componentのテストコードは少し癖が強いですね。少なくとも僕はそう感じました。 次のComponentを例としてみましょう。ngModel を使って name プロパティをバインディングしただけのシンプルなComponent です。 import { Component } from '@angular/core'; @Component({ selector: 'app-my-form', template: `<input [(ngModel)]="name">` }) export class MyFormComponent { name: string = ''; } このComponent に対して、「name プロパテ
持続可能なAngularアプリケーション開発のために大事なこと - 余白
Webにかぎらず、アプリケーションというのは作って終わりではなく、その後も継続して改修・改善されていくケースが多い。受託で開発して納品して終わりというケースでも、納品した先にメンテナンスする人がいる。 この記事では、Angularアプリケーションの開発において、いかにメンテナンス性を維持して、持続可能なプロジェクトを構成するかについての個人的な見解をまとめる。 フレームワークを邪魔しない Angularアプリケーションのメンテナンスにおいて、いちばん重要なことはいかにAngularのアップデートを阻害しないかという点に尽きる。 これはAngularに限った話ではなくフレームワークと呼ばれるものを使うなら常に必要なことであるし、 アップデートが定期的に降ってくることが決まっているAngularであればなおさらである。 アプリケーションの一番根幹となる部分の鮮度が落ちれば、その他の部分はそれに
次世代Angularレンダリングエンジン「Ivy」発表、さらに小型化し高速になる実行とコンパイル。ng-conf 2018
そしてAngular開発チームは1日に数回、Angularのアップデートされたコードをリポジトリにプッシュしており、そのコードは必ずこの600種類以上のアプリケーションのテストをパスする必要があるとのこと。 そのため、もしもAngularのコードに互換性のないものが含まれていた場合、サービスの管理者からはコードのロールバック要求が出されるだろうと、Angular Framework LeadのMisko Hevery氏は説明します。 Ivyの重要なコンセプトが「ローカリティ」 Ivyの重要なコンセプトが「ローカリティ」です。ローカリティによる具体的なメリットは、例えばテンプレートを1つ変更した場合、現在は全体をコンパイルする必要がありますが、Ivyではそのファイルだけをコンパイルし直せばよい、というもの。 これによって、例えばnpmは事前コンパイル（AOT）されたコードの状態で提供可能にな
Angular v2からv6までの変化をまとめてみた - 余白
Angular 2から6までの主要な進化をまとめた記事を読みたい。— Masahiko Sakakibara (@rdlabo) 2018年4月20日 逆にIonicの変遷が知りたいですね 最近Stencilも出てきたしその辺の絡みとか俯瞰的に見てみたいです— lacolaco (@laco2net) 2018年4月20日 rdlaboさんがしっかりGW明けにIonicの記事書いてくれたので、僕もAngularのv2からv6まで、3年弱の変遷についてまとめます。 Ionic 2 から 4 への、この2年間の進化を振り返る 前Angular v2時代 Angular v2 オフラインコンパイル AngularJSへの .component 逆輸入 Animation API Language Service Angular CLIとスタイルガイド SystemJSからwebpackへ For
Version 6 of Angular Now Available
The 6.0.0 release of Angular is here! This is a major release focused less on the underlying framework, and more on the toolchain and on making it easier to move quickly with Angular in the future. a photo by Manu Murthy of the Angular TeamAs a part of this release, we are synchronizing the major versions going forward for the framework packages (@angular/core, @angular/common, @angular/compiler,
angular/README.md at master · angular/angular · GitHub
ngcontainer This docker container provides everything needed to build and test Angular applications: Note: This docker image will be no longer actively updated. Consider using other Docker images that come with Node installed. node 10.9.0 npm 6.2.0 yarn 1.9.2 Java 8 (for Closure Compiler and Bazel) Bazel build tool v0.18.0 - http://bazel.build Google Chrome 69.0.3497.81 Mozilla Firefox 47.0.1 xvfb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Angular】「[Error] Blocked 〜 cross-origin request.」のようなエラーが出たときの対処方法 - 鈴木商店ブログ![【Angular】「[Error] Blocked 〜 cross-origin request.」のようなエラーが出たときの対処方法 - 鈴木商店ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9cb4192f055fa8f5a9dcf71e95e98cc161fd167c/height=288;version=1;width=512/https%3A%2F%2Fblog.suzukishouten.co.jp%2Fwp-content%2Fuploads%2F2019%2F08%2Ficon-512x512.png)
Redux Refactoring Patterns with @ngrx/platform
Angular Ivyとその先
ng-japan 2018
Angular Progressive Web App Guide
Angular + Storybook でコンポーネントガイドを作ろう - Qiita
