Categories
AngularAWSIonic
この記事は、AWS Amplify ( Gen2 )でIonic Frameworkを利用したAngularアプリケーションをデプロイする方法を紹介しています。「AWS Community Builders Advent Calendar 2024」の9日目記事で、Ionic Frameworkで構築したウェブアプリケーションをAWS Amplifyでホストする手順やAmplify CLIコマンドの使い方などが詳細に説明されています。記事では、Angularを選択し、Amplifyのセットアップからデプロイまでの流れが解説されています。AWS AmplifyやIonic Frameworkの公式ドキュメントも参考にされています。
AngularJavaScript
AngularのスタンドアローンコンポーネントでngForを使用しようとした際にエラーが発生し、解決方法を記載しました。ngForを使用する際はTypeScriptで明示的にインポートする必要があります。その際、@ComponentのimportsにNgForを追加することで問題が解決します。
Angularのスタンドアローンコンポーネントに関する記事で、モジュールのインポート方法の変更や過去の方法の利用などが紹介されています。@NgModuleディレクティブの問題やHttpClientModuleの非推奨メッセージに触れ、provideHttpClient()を使ってHttpClientをセットアップする方法も説明されています。NgModuleディレクティブが必要ないコンポーネントやbootstrapApplication関数を使用してのセットアップ方法も詳細に記載されています。
AngularAWSAWS CDK
この記事では、AWS Amplifyを使用してAngularアプリをホスト・デプロイする際の注意点や設定箇所について紹介されています。AWS AmplifyはGitリポジトリからビルド＆デプロイできるため、簡単にウェブアプリケーションを公開できます。ただし、Node.jsのバージョンに注意が必要で、設定画面で変更することができます。また、AWS Amplifyの詳細設定にはNode.js以外のツールのバージョン指定もできるため、注意が必要です。
AngularIonic
やりたいこと app-xx-skeletonやapp-alertのような、「どのページ・要素からも使う可能性のあるコンポーネント」を作りたい 実際にやった方法 Moduleを作る 「複数のModuleでdeclarati […]
意図 Action / Reducerなどの作成をまとめてできるcreateSlice関数が使いたかった。 また、手慣れた書き方ができるならそっちのほうが良さそうに感じたこともあります。 インストール ライブラリをそれぞ […]
Angularでは、Route のパラメータで各ページのタイトルを設定できます。 もしAPIのレスポンスなど、動的なデータからタイトルタグを設定したい場合は、@angular/platform-browserのTitle […]
AngularIonicJavaScript
ScullyというAngular向けのStatic Site Generatorがあります。理論上、Angular を使用したIonicアプリケーションでも動くはずなので、試してみました。 Environment Ste […]
Angularのチュートリアルをちょいちょいカスタマイズしながら触っているところなので、覚書。 アイテムの情報を出すHTML チュートリアルの中で、商品の情報を出すというサンプルがあります。 ただ、このままだと該当するア […]