2025.05.28 覚書 / 2025.05.28 memo's
自分が参考になったブログの紹介します。 / Here are some blogs that I found helpful.
Angular
- Resource API：非同期データ取得を簡潔に扱える新機能。
signalと連携。 - linkedSignal：依存関係を持つSignalを簡単に定義できる仕組み。
- テンプレート拡張子変更：
.ng.htmlが推奨に。 - 構文改善：タグ付きテンプレートやファイル名省略が可能に。
- 目的：状態管理・非同期処理の簡素化と開発効率の向上。
- GoogleのGenkitを使用して、AngularアプリにAI機能を統合する方法を紹介しています。
- Node.jsベースのバックエンドでGenkitを設定し、Gemini 2.0 Flashモデルを利用してAI応答を生成する例を示しています。
- AngularのSSR（サーバーサイドレンダリング）機能を活用して、AIとのインタラクションを実現する方法を解説しています。
- Ionic AngularのStandalone構成における
ion-iconの取り扱いの課題と、その解決策を紹介しています。 ion-icon-angular-standaloneライブラリを使用することで、アイコンの事前登録の手間を省き、開発効率を向上させる方法を提案しています。- 動的なアイコン名のバインディングにも対応し、ビルドプロセスの簡素化とバンドルサイズの最適化を実現しています。
- AngularアプリをNetlifyにデプロイした際に発生する404エラーの原因と、その解決策としての
_redirectsファイルの設定方法を詳しく解説しています。 - SPA（Single Page Application）の特性により、直接URLアクセスやページリロード時に発生する問題を、
_redirectsファイルを用いて解決する方法を紹介しています。 angular.jsonでの自動コピー設定や、netlify.tomlファイルを使用した代替設定方法についても説明しています。
- Angularを使用してお天気アプリを開発する過程を紹介する記事の第2弾です。
- OpenWeatherMap APIから取得した天気データを、Chart.jsを用いてグラフ表示する方法を解説しています。
- 親コンポーネントでAPIからデータを取得し、子コンポーネントにデータを渡してグラフを描画する構成を採用しています。
Develop
- 開発者が抱える「やりたいこと」と「やるべきこと」のギャップについて、三つの視点から考察しています。
- 自己実現、組織の目標、ユーザーのニーズという観点から、開発者がどのようにバランスを取るべきかを提案しています。
- 具体的な事例を交えながら、開発者としてのキャリアやプロジェクトへの取り組み方について考察しています。
TypeScript
- TypeScriptで、少なくとも一つの特定のプロパティを持つオブジェクトの型定義方法について解説しています。
interfaceやジェネリクス、型ガードを使用して、柔軟かつ安全な型定義を行う方法を紹介しています。- APIレスポンスやフォームデータのバリデーションなど、実践的なユースケースに適用できるパターンを提案しています。
- TypeScriptにおける型定義のベストプラクティスや、効果的な型の活用方法について解説しています。
- ユニオン型やインターセクション型、型の再利用性を高めるテクニックなど、実践的な知識を提供しています。
- コードの可読性と保守性を向上させるための型設計の考え方を紹介しています。
