?Angular Addict の皆さん
これは、私の注意を引いた厳選された Angular リソースを毎月まとめた Angular Addicts ニュースレターの第 33 号です。 （第32回、第31回、第30回はこちら）
?リリースのお知らせ
? NgRx 19 の発表: NgRx シグナル機能、アクションシグナルなど!
Brandon Roberts が、NgRx の最新バージョンといくつかの新機能を発表します。
- SignalStore では、作成時に SignalStore 内の静的プロパティまたはオブザーバブルを定義する withProps 機能が導入されました。
- 新しい signalMethod ユーティリティ関数。使用シグナルのみを使用できる機能を備えた rxMethod の利点が得られます。
- 開発モードでは、patchState 関数をチェックして、開発中の状態の不変性を確保します。
- NgRx ストアは、シグナル変更時のアクション ディスパッチをサポートするようになりました。
?2024年12月のAngular Gem
?私の新しい Angular コーディング スタイル
Kevin Kreuzer は最近、Signals と新しい Angular API を使用して大規模なコードベースを書き直しました。この記事では、リファクタリング中に出現した新しいコーディング スタイルとパターンについて説明します。重要なポイントには、標準としてのスタンドアロン コンポーネントの採用、反応性のためのシグナルの使用への移行、従来のライフサイクル フックからの移行が含まれます。
? NGRX シグナル ストアでの Angular のリソース API の使用
Manfred Steyer が、リソース API で SignalStore の withProps 機能を使用する方法を示します。彼のガイドには、linkedSignal と signalMethod を使用したテンプレート駆動型フォームの接続も含まれています。
? Angular アプリケーションでのページ オブジェクト モデル デザイン パターンの使用
Francesco Borzì の記事では、Angular アプリケーションでのページ オブジェクト モデル (POM) デザイン パターンの実装について説明しています。 POM を使用すると、ページ オブジェクトが DOM との対話が「どのように」行われるかを処理しながら、テストは「何を」行う必要があるかに重点を置くことができるため、よりクリーンで保守しやすいテスト コードが得られます。 Francesco は、Angular コンポーネント テストでの POM の使用を容易にするように設計され、さまざまなテスト フレームワークと互換性のある新しいライブラリ ngx-page-object-model も紹介します。
? Vite を使用して 15 分でマイクロフロントエンド アーキテクチャをセットアップします。
Meidi Airouche は、記事の中で、Vite を使用したマイクロフロントエンド アーキテクチャの作成、Vue.js、Angular、および React コンポーネントをモジュラー ニュース ポータルに統合する方法について概説しています。プロジェクトは以下を組み合わせます:
- ナビゲーション用の Vue.js ヘッダー
- 最新記事の React Trending セクション
- 人気コンテンツの Angular ハイライト領域
? Angular でのコンポーネント通信をマスターする
Michał Grzegorczyk は、Angular アプリケーションのコンポーネント間の通信を促進するためのさまざまな方法の包括的な概要を提供します。取り上げられる主なトピックは次のとおりです:
- 入力、出力、セッター、および ngOnChanges ライフサイクル フック
- @注入可能なサービス
- コンポーネント/ディレクティブの挿入
- テンプレート変数 (#)
- コンテンツ投影 (@ContentChild / contentChild() / @ContentChildren / contentChildren())
- リストの表示とクエリ (@ViewChild / viewChild() / @ViewChildren / viewChildren())
- ルーティング (パラメータ、クエリ、withComponentInputBinding()、状態オブジェクト)
??著者について
私の名前は Gergely Szerovay です。私は長年データ サイエンティストおよびフルスタック開発者として働いており、Angular ベースのフロントエンド開発に重点を置いてフロントエンド テクノロジー リードとして働いてきました。私の役割の一環として、私は Angular とフロントエンド開発シーン全体がどのように進化しているかを常に観察しています。私の知識を共有するために、2022 年に Angular Addicts の月刊ニュースレターと出版物を開始し、毎月出会う最高のリソースをお届けできるようにしました。あなたが経験豊富な Angular Addict であっても、初心者であっても、私はあなたをカバーします。ライターとして参加したい方はお知らせください。一緒にAngularを学びましょう！ここから購読してください?
Angular はここ数年で非常に急速に進化しており、ここ 1 年で生成 AI の台頭により、ソフトウェア開発ワークフローも急速に進化しました。 AI 支援ソフトウェア開発の進化を綿密に追跡するために、私は AI ツールの公開を開始し、進捗状況を AIBoosted.dev で公開することにしました。この学習の旅に参加してください: ここから購読してください?
Angular の詳細と、AI、Typescript、React、Angular を使用して AI アプリを構築する方法を学ぶには、Substack (Angular Addicts)、Substack (AIBoosted.dev)、Medium、Dev.to、Twitter、または LinkedIn で私をフォローしてください!
?️以前の問題
ニュースレターの前号を見逃した場合は、ここで読むことができます。これらは最新の 3 号です:
- Angular Addicts #32: Angular 19、新しいスタイルガイド RFC など
- Angular Addicts #31: 新しいリソース API、エフェクトの更新など
- Angular Addicts #30: エフェクト、Angular DI 機能、リクエスト キャッシュなどを使用する場合
? Angular リソースを送信する
最近、Angular 関連の興味深い記事、ツイート、またはその他のリソースを見つけたり書いたりしましたか?こちらのコメント欄かTwitterのDMでお知らせください！次の Angular Addicts 号で取り上げるかもしれません!
以上がAngular Addicts # NgRx のテストでのページ オブジェクト モデルの使用、Vite を使用したマイクロ フロントエンドなどの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
JavaScriptの文字列文字を交換しますMar 11, 2025 am 12:07 AMJavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します：内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換（）メソッドを使用することです。 str = str.replace（ "find"、 "置換"）; この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace（/fi
独自のAjax Webアプリケーションを構築しますMar 09, 2025 am 12:11 AMそれで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか？ Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました
10 jQueryの楽しみとゲームプラグインMar 08, 2025 am 12:42 AM10の楽しいjQueryゲームプラグインして、あなたのウェブサイトをより魅力的にし、ユーザーの粘着性を高めます！ Flashは依然としてカジュアルなWebゲームを開発するのに最適なソフトウェアですが、jQueryは驚くべき効果を生み出すこともできます。また、純粋なアクションフラッシュゲームに匹敵するものではありませんが、場合によってはブラウザで予期せぬ楽しみもできます。 jquery tic toeゲーム ゲームプログラミングの「Hello World」には、JQueryバージョンがあります。 ソースコード jQueryクレイジーワードコンポジションゲーム これは空白のゲームであり、単語の文脈を知らないために奇妙な結果を生み出すことができます。 ソースコード jquery鉱山の掃引ゲーム
jQuery Parallaxチュートリアル - アニメーションヘッダーの背景Mar 08, 2025 am 12:39 AMこのチュートリアルでは、jQueryを使用して魅惑的な視差の背景効果を作成する方法を示しています。 見事な視覚的な深さを作成するレイヤー画像を備えたヘッダーバナーを構築します。 更新されたプラグインは、jQuery 1.6.4以降で動作します。 ダウンロードしてください
独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか？Mar 18, 2025 pm 03:12 PM記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。
ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか？Mar 18, 2025 pm 03:14 PMこの記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。
Matter.jsを始めましょう：はじめにMar 08, 2025 am 12:53 AMMatter.jsは、JavaScriptで書かれた2D Rigid Body Physics Engineです。このライブラリは、ブラウザで2D物理学を簡単にシミュレートするのに役立ちます。剛体を作成し、質量、面積、密度などの物理的特性を割り当てる機能など、多くの機能を提供します。また、重力摩擦など、さまざまな種類の衝突や力をシミュレートすることもできます。 Matter.jsは、すべての主流ブラウザをサポートしています。さらに、タッチを検出し、応答性が高いため、モバイルデバイスに適しています。これらの機能はすべて、物理ベースの2Dゲームまたはシミュレーションを簡単に作成できるため、エンジンの使用方法を学ぶために時間をかける価値があります。このチュートリアルでは、このライブラリのインストールや使用法を含むこのライブラリの基本を取り上げ、
jqueryとajaxを使用した自動更新DivコンテンツMar 08, 2025 am 12:58 AMこの記事では、JQueryとAjaxを使用して5秒ごとにDivのコンテンツを自動的に更新する方法を示しています。 この例は、RSSフィードからの最新のブログ投稿と、最後の更新タイムスタンプを取得して表示します。 読み込み画像はオプションです
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境
SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン
MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。
AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
ホットトピック
7432
15135952