Angular: Lightweight Injection Tokenという新しいテクニック | Marginalia
最近Angularチームが発見し、Angularライブラリの実装におけるパターンとして普及させようとしているのが、 Lightweight Injection Token というテクニックだ。これはこれまで不可能だった コンポーネント(ディレクティブ)のTree-Shaking を可能にする。本稿ではこの新しいテクニックの概要、そして生まれた経緯や深く知るための参考リンクをまとめる。 なお、Lightweight Injection Tokenについては公式ドキュメントでも解説される予定であるため、そちらを参照すればいい部分は省略する。 Angular - Optimizing client app size with lightweight injection tokens Lightweight Injection Tokenの概要ひとことでいえば、「オプショナルな機能に関連するInj
Angular Material 16 Reactive Forms Validation Tutorial
We will figure out how to create a form and validate a form in the Angular application.To build and validate the form in angular, we will use the Reactive form API. It offers the ReactiveFormsModule that is really essential for managing the forms. As we know, there are 2 types of Form types offered by Angular. Angular Form Types:Template Driven FormReactive FormsIn this tutorial, we’ll be using Re
Handsontable is a JavaScript data grid that looks and feels like a spreadsheet - Available for React, Angular, and Vue
JavaScript data grid with spreadsheet UI A front-end component that combines data grid features with spreadsheet UX/UI. Professional support included. Works with React, Angular, Vue, and plain JavaScriptGet Started What's new in v14.4.0 of June 11, 2024 → All spreadsheet featuresWhen you work with Handsontable, it's like you're working with Excel or Google Sheets. There's no steep learning curve –
[Angular] 子コンポーネントや外部コンテンツの参照を取得する - Qiita
$ ng version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 11.0.5 Node: 12.18.3 OS: darwin x64 Angular: 11.0.5 ... animations, cli, common, compiler, compiler-cli, core, forms ... platform-browser, platform-b
![[Angular] 子コンポーネントや外部コンテンツの参照を取得する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/595bd239b8ffdf3efaef42177c24ae84458ec9d6/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCQW5ndWxhciU1RCUyMCVFNSVBRCU5MCVFMyU4MiVCMyVFMyU4MyVCMyVFMyU4MyU5RCVFMyU4MyVCQyVFMyU4MyU4RCVFMyU4MyVCMyVFMyU4MyU4OCVFMyU4MiU4NCVFNSVBNCU5NiVFOSU4MyVBOCVFMyU4MiVCMyVFMyU4MyVCMyVFMyU4MyU4NiVFMyU4MyVCMyVFMyU4MyU4NCVFMyU4MSVBRSVFNSU4RiU4MiVFNyU4NSVBNyVFMyU4MiU5MiVFNSU4RiU5NiVFNSVCRSU5NyVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9OWRhOTlmNDQ2YTA2ZmI5MDRhZmMwY2FjZTVkY2NmMjM%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrc2gtZnRociZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NWNiYmU4YzBkNjRjZGNhMDdjM2NmOWE0Y2I3MDQ3ZTY%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dbfbab036be554fa54becdea16ba3ea6c)
Angular でGoogle Analytics を設定する - nao blog
はじめに Angular のチュートリアルを終えて、簡単なアプリケーションの Showcase のようなものを Firebase 上に運用しています。 今回は Angular のアプリケーションに対して Google Analytics の設定を行います。 fir-angular-showcase.web.app Angular でGoogle Analytics を設定する 今回は大きく URL ごとのアクセス数と任意のイベントを取得しようと思います。 index.html に gtag をコピペするだけだと、例えば ng serve して開発している途中のアクセスも全て Google Analytics に送信してしまいますし、任意のイベントをフックすることもできません。 なので今回は environments を参照した上で、typescript側にロジックを持たせる形で実装していき
Angular8を使って爆速でPWAを作成する | DevelopersIO
Angularはアップデートが盛んでワクワクしますね！ v8からめちゃめちゃ簡単にAngularアプリをPWA化できるようになったので試してみたいと思います。 Angular8のアップデート内容はこちらの記事でまとめられているので、参考にしてください。 Angular v8がリリースされました！バンドルサイズ削減され、新レンダリングエンジンIvyのプレビュー版が利用可能に！ PWAのメリット PWA（Progressive Web Apps） インストール不要 webプッシュ通知（Androidのみ） オフラインでの動作 ネイティブアプリに近いUI これによりUXを向上させることが期待できます！ また、PWA未対応のブラウザであっても、webアプリとしての動作は可能です。 ストアに上げる必要も無いのでアップデートの度に審査を通す必要もなく、開発の自由度も上がりますね。 PWA化に必要な作業
Vue・React・Angularのパフォーマンス比較検証 - ICS MEDIA
ウェブのフロントエンド開発に役立つライブラリとして、VueとReact、Angularがよく取り上げられます。これらのライブラリは、SPA（シングルページアプリケーション）の開発に役立つ多くの機能を持っています。 フレームワークを選定するには、「人気だから使う」という短絡的な理由で選択をするのは望ましくありません。設計思想や機能の種類、学習コストなどの観点で、プロダクト・プロジェクトチームへの適性を検討するのがセオリーです。幸いにも、それぞれを比較した記事がウェブに数多くあり、選定のヒントを簡単に得ることができます。 一方、機能面の比較ばかりが取り上げられ、性能面で紹介されている記事が少ないように見受けられます。記事『サービスにおいて速さこそが神である｜深津 貴之』でも紹介されているように、昨今のウェブはスピードが求められる時代でもあり、ライブラリの性能評価の記事があってもよいのではないで
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などを備えたレンダリングエンジンとして
エンプラ脳でAngularのReactiveFormsを使ってみる - はまったりひらめいたり…とか…
AngularのReactiveFormsは素敵なFormModuleだと思います。 自分も実際の作業の際には非常にお世話になりました。 ReactiveFormsについて https://angular.io/docs/ts/latest/guide/reactive-forms.html https://angular.io/docs/ts/latest/cookbook/form-validation.html 上記のAngularの公式サイトが大変参考になります。 基本のキは、上記サイトで学習できるので、エンプラ脳でReactiveFormsの利用方法を考えてみようと思います。 記事作成当時のAngularはV4です。 あと、これベストプラクティスかどうかはかなり怪しいので、色々ご意見いただけるとありがたいです。 Formでほしい機能を考える さて、エンプラな頭で考えたとき、Web
AngularFireでFirestoreのCRUD処理を実装する【Angular + Firebase】 | maesblog
先日当ブログで、『Angular + Firebase事始め – Firestoreのデータを取得し、Firebase Hostingにデプロイするまで』という記事を投稿しました。この記事では、開発環境の構築方法、AngularとFirebase（Firestore）との連携方法、デプロイ方法など主に開発の前段階の内容を扱いました。今回は少し先に進んで、実際にデータを操作する方法を紹介したいと思います。AngularFire (AngularFire2) というAngular公式のFirebase用ライブラリを使ってCRUDを行う処理をまとめてみました。 目次 はじめに AngularFireを使う準備 Firestoreのデータを扱えるようにする データを参照する（Read） データを生成する（Create） データを更新する（Update） データを削除する（Delete） CRUDを
開発者はReactとAngularのどちらを選ぶべきか？
新しくプロジェクトを始めるときに開発者を悩ませる、フレームワーク選び。ReactとAngularをあらゆる点で比較しながら、どう選ぶべきか？ の基準を考えます。 AngularとReactのどちらを選びますか？ JavaScriptのフレームワーク選びで多くの開発者が悩んでいます。始めたばかりの初心者も、次のプロジェクトで使うフレームワークを検討中のフリーランサーも、企業戦略を立てるITアーキテクトも。そこで、フレームワーク選びの知識を授けましょう。 最初にお伝えします。この記事では、どちらが優れているか明確な結論は出しません。しかし、何百とある似たようなタイトルの記事も同じです。自分の環境と使い方によって多くの要素が絡むため、一概に決まらないのです。 この記事は、Angular（バージョン2以上のこと。古いAngularJSのことではない）とReactを体系的に比較し、違いを理解した上で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular CLI + Onsen UI 2 によるアプリ開発 - Qiita