AngularDartでHot Reloadが使えるようになっていた - ntaoo blog
FlutterのウリのひとつであるHot Reload、この体験がAngularDartでも可能となっていた。WebでもHot Reloading。 dartファイルの編集 htmlファイル(angular template)の編集 cssの編集 これで、とくにHTMLとCSSの編集がかなり捗るようになる。 --hot-reloadオプションをつけて起動するだけで、その他の設定を変えずに有効になった。 webdev serve --hot-reload 従来のLive Reloadでは、コードの編集からブラウザのリフレッシュを経てのコードの反映までに5秒から10秒かかり、ブラウザのタブがリロードされることでランタイムの状態が一新されていたが、Hot Reloadでは0.5秒から2秒くらいで差分更新され、その他のランタイムの状態が維持される。 ただしまだ不安定な印象。手元のかなり大きなコード
Medium – Get smarter about what matters to you.
Your privacy stays yours. We don’t sell your data or target you with ads. Ever. Medium is not like any other platform on the internet. Our sole purpose is to help you find compelling ideas, knowledge, and perspectives. We don’t serve ads—we serve you, the curious reader who loves to learn new things. Medium is home to thousands of independent voices, and we combine humans and technology to find th
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ページであればブラ
3 Tips for Angular Runtime Performance from the Real World
Co-authored by Andrew Wiens At Oasis Digital, we train and work with large companies that build software with Angular. In this time, we’ve learned a lot about about building performance sensitive applications. From these experiences we’ve distilled out our top 3 performance tips for building great user experiences. What is Runtime Performance?To discuss any type of application performance, it’s im
Managing State in Angular Applications using NgRx
Victor Savkin is a co-founder of Nrwl. We help companies develop like Google since 2016. We provide consulting, engineering and tools. Managing state is a hard problem. We need to coordinate multiple backends, web workers, and UI components, all of which update the state concurrently. What should we store in memory and what in the URL? What about the local UI state? How do we synchronize the persi
Angular Universal with Firebase Dynamic Hosting
With the announce of the Angular-cli 1.3.0-RC2, it becomes really easy to create an Angular Universal project. For an Universal application, It is obvious that you need a running server to render the application at. For a standard Angular project we were using Firebase hosting and that was all. But Firebase is not a classic server so you cannot simply deploy the an Universal project and expect to
依存関係逆転の原則をAngularコンポーネントに適用する - Qiita
Angularでコンポーネントとアプリを分離して開発していて、そのコンポーネントの開発で依存関係逆転の原則(Dependency Inversion Principle)を使うといい具合にコンポーネントを定義できるのではないかと気づきました。いいかもしれないし悪いかもしれないのでいろいろご意見いただけたらうれしいです 前提 どんなAngular開発の現場でもメリットがあるわけではなく、以下の前提を想定します。 規模が割りと大きい 全体を整えるために記述がある程度冗長になっても許される コンポーネントとアプリケーションを分離している フォルダ単位とか、コンポーネントを別ライブラリにしているなど ビジネスロジックとコンポーネントが混ざるのを防ぐためとか、コンポーネントを複数のプロダクトで共有するとか 単純な実装 Todoを扱うようなコンポーネントをAngularで作るときに、一番単純に作るとこ
Angular Material Beta Release, New Flex-Layout library
Angular Material Beta Release, New Flex-Layout library We're sneaking in a little holiday gift at the end of the year: two new beta releases for developers to try out with the latest version of Angular. In March, we gave you a first preview of the new Angular Material components. Today's beta release of @angular/material includes 22 UI components written for the latest Angular: button, button‑togg
Lambda-IT Blog
Tom Wenger - 2.2.2024 How we made our new websiteWe are excited to announce that our new website (this website you're on right now) has been built using four of the most modern web technologies available today: Astro, Strapi, SolidJS and Tailwind CSS. This combination of tools allows us to build a website that is fast, secure, scalable, and visually appealing. Thomas Schneiter - 24.11.2021 Augment
Angularの5年とこれから // Speaker Deck
All slide content and descriptions are owned by their creators.
Building a todo list application with Angular 2.0
UPDATE: This blog post has been updated for Angular 2.0 beta (16th Dec 2015) This blog post takes a step-by-step approach to building a simple todo-list application with Angular 2.0. Along the way we’ll look at web components, dependency injection, TypeScript, bindings and the Angular 2.0 change detection strategy which combine to make a much more elegant framework to its predecessor. Introduction
マテリアルデザインに対応したAngularJS用UIフレームワーク「Angular Material 1.0」正式リリース
マテリアルデザインに対応したAngularJS用UIフレームワーク「Angular Material 1.0」正式リリース AngularJSでアプリケーションを開発する際に、マテリアルデザインに対応したユーザーインターフェイスの構築に使えるフレームワークが「Angular Material 1.0」として正式にリリースされました。 Angular Materialは、ボタンやアイコン、メニュー、スライダーといった32個のコアコンポーネントを含み、グリッドレイアウトも可能。反応時のアニメーションやCSSによる配色、文字のスタイリングなどにも対応しています。 下記はボタンのサンプルの一部です。 対応するAngularJSはバージョン1.3以降。対応するWebブラウザはChrome、Safari、FirefoxなどのモダンブラウザとInternet Explorer 11以降。Android
Angular 2 Beta
We're ecstatic to announce that we've reached Angular 2 Beta. You can read about many of the improvements over Angular 1 in a recent post. Get started learning Angular 2 now at angular.io. What does 'beta' mean? Beta means we're now confident that most developers can be successful building large applications using Angular 2. Through developer preview and alpha we've worked closely with several l
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular Universal and Server Side Rendering (Step By Step)
Improve SPA Performance with Angular App
Savkin先生から学んだぼくの考えた最強のAngularアプリアーキテクチャ / The best Angular application architecture
Angular testing recipes and best practices (v2+)
Beta.16とBeta.17の変更点 | Angular2 Info
GitHub - mgechev/angular2-style-guide: [Deprecated] Community-driven set of best practices and style guidelines for Angular 2 application development![GitHub - mgechev/angular2-style-guide: [Deprecated] Community-driven set of best practices and style guidelines for Angular 2 application development](https://cdn-ak-scissors.b.st-hatena.com/image/square/148e86f5a17d206fc97565a4a314782ec1d68db6/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F57a3aa5fd43e58cf9a1bb82722c8ab6970b633a0a7bbab6216ea8dad1f634131%2Fmgechev%2Fangular2-style-guide)
Angular Material - Introduction