らいふうっどの閑話休題

興味のあることをゆる~く書いていく

2025.11.19 覚書 / 2025.11.19 memo's

2025.11.19 覚書 / 2025.11.19 memo's

自分が参考になったブログの紹介します。 / Here are some blogs that I found helpful.

Angular

dev.to

ストレスなく Angular をアップデートするためのガイド * Angular のアップデートで起きやすい失敗や混乱を避けるための方法を解説。 * Nx や Angular CLI を使った安全なアップデート手順を紹介。 * 依存ライブラリのバージョン管理や自動アップデートツールの活用法を示す。 * 破壊的変更(breaking changes)に備えるためのチェックリストを提供。

dev.to

Angular 21 の新機能と実務的メリット * Angular 21 が開発者のワークフローを改善する実用機能を紹介。 * 新たな Reactivity(signals)の拡張、テンプレート改善、ビルド速度の向上に着目。 * SSR(Server-side Rendering)の改善や Universal のアップデートも解説。 * 「実務で役立つ改善」に焦点を当て、デモコード付きで紹介。

dev.to

Node.js + Angular で 2FA(TOTP)認証を実装する方法 * Google Authenticator などと互換性のある TOTP(時間ベース認証の仕組み)を実装。 * Node.js backend + Angular frontend でのセキュア実装手順を説明。 * QRコード生成、秘密鍵管理、認証検証など具体的コード例を提供。 * プロダクション運用を前提としたセキュリティ注意点も解説。

dev.to

共通 UI コンポーネントの抽象化「するべき / しないべき」判断 * UI コンポーネントを共通化(abstract)するメリット・デメリットを解説。 * 過剰抽象化によるメンテナンスコスト増に注意。 * 「再利用性」と「単純性」のバランスをどのように取るかを説明。 * 実例付きで、いつ共通化が正解なのか判断基準を提示。

dev.to

  • より詳細に UI 抽象化の設計パターンを深掘り。
  • 共通コンポーネントを「しっかり適応させるためのデザインの原則」を紹介。
  • 抽象化のレベルを段階的に判断する戦略 を提示。

dev.to

  • フレームワーク跨ぎ(Angular ↔ React)の統合を Web Components で実現する方法。
  • ライブラリの共存が求められる実務ケースで役立つ。
  • パフォーマンス、イベント、Props の扱い方を解説。
  • Example:Angular で React UI を部品として利用する。

blog.stackademic.com

Angular の DI(依存性注入)のスコープと探索の仕組み * DI がどのようにツリーを登って依存サービスを解決するのかを詳細解説。 * @Injectable({ providedIn: ... }) のスコープの違いを説明。 * ルート / コンポーネント / モジュール単位での提供範囲の違い。 * パフォーマンスと設計の観点から「どこで提供すべきか」を示す。

Rust

blog.rust-lang.org

  • 公式ブログ(Rust Lang Foundation)による、2025 年の Rust 言語アンケート調査を公開。記事ではアンケートの目的、参加データ概要、得られた知見や今後の Rust コミュニティ・エコシステムにとっての意味が語られている。
  • (リンク本文そのものは “アンケート開始” の告知で、詳細な調査結果は別途今後発表予定である旨記載)
  • Rust の利用・満足度、障壁、導入動機などを把握するうえで参考になる可能性あり。

dev.to

  • (※該当記事が DEV で確認できなかったため、同種の Rust CLI 開発ガイドを参照)Rust が “性能” と “安全性” を両立した言語であり、CLI ツール開発に非常に適しているという観点からの解説が多くなっている。
  • 例として、Rust の所有権モデル/ゼロコスト抽象化/豊富なライブラリ(clap, serde 等)を活用して、堅牢かつ高速な CLI を開発するための設計・ツールチェーンが紹介されている。
  • Rust を使った CLI 開発を検討するなら、上述の特長を押さえつつ、ビルド・配布・クロスプラットフォーム対応・バイナリサイズ・エラーハンドリングなど実運用観点も重要というメッセージ。

dev.to

  • Rust+WebAssembly(Wasm)を活用して、Web アプリケーションにおいて “高速実行・安全” を実現する手法を紹介する内容。WebAssembly のターゲットとして Rust を使うことで、ブラウザ上で近ネイティブ速度の処理が可能になるという考察がされている。 ※記事自体の参照ページが見つかりにくかったものの、関連テーマとして多く言及されている。
  • Web とシステム/パフォーマンスクリティカルな部分の橋渡しとして Rust の導入価値があるという立場。
  • ただし前提として「すべてを Rust に置き換える」のではなく「必要な部分/性能ボトルネックになる部分を Rust+Wasm で補う」というハイブリッドな考え方を提案している
RxJS

dev.to

  • Jest を使った Angular Standalone Service の単体テスト手順を解説。
  • RxJS timer()interval() によるメモリリークを防ぐ Mock パターンを紹介。
  • TestScheduler ではなくより簡単なアプローチを使用。
  • 実務テストに役立つ実例コード付き。

javascript.plainenglish.io

  • Promise と Observable の違いを実用的に説明。
  • AsyncPipe・firstValueFrom などとの使い分けパターン。
  • UI 更新や副作用処理で「どちらを使うべきか」を例付きで解説。
  • Signals の登場による変更点も言及。
TypeScript

dev.to

  • 自動生成 API クライアント(OpenAPI)ではなく 手動設計のクライアント を構築。
  • Axios / Fetch などの違いと設計ポイントを説明。
  • 型安全 + インテリセンスを最大限に活用した構成例を紹介。
  • シンプルで拡張性の高い API クライアントパターンを提示。