フリーランス チャレンジ!!

フリーランス チャレンジ!!

現役フリーランスエンジニアが書く雑記ブログ

Angular

Angularとnodeのバージョン(version)サポート(support)の調べ方

仕事でrenovate使ってるんですが、使ってるAngularが正式にサポートしてるnodeのバージョンってどこをみると良いのかな?と思って調べたので共有。 結論としてはGithub見れば良い。 renovateって? Angular12のプロジェクトでnode16のpull-req 正式なバージ…

【Ionic Angular】シュミレータでアプリを表示してみる

前回の続き www.ksakae1216.com 使ってるMacBook ProのSSDが128GBしかなく、Xcodeをインストールできず、ブラウザの確認までとなったのが前回。 PC変えて、Xcodeインストールできたので続きをやってみる M1 MacBook Air購入 XcodeにAppleID追加 iOSシュミレ…

【Ionic】 Angularでモバイルアプリを開発してみる

つい先日、Ionicの存在を知りました。 なんと、Angular、React、Vueなどで、モバイルアプリを開発できる?! 何でもっと早く教えてくれなかったのか。。。 「いや、そんな事はどうでおいい。早くコード書いてみよう」と思い、軽く調べてコード書いてみた。 I…

【Angular】KarmaではなくJestを使う

Angularプロジェクトをng newで作成するとデフォルトはKarmaです。 でもJest使いたいなーと思って調べて一番手っ取り早くできる方法がわかったので忘れない(将来の自分の)ために、記事にします。 Qiitaの参考記事 環境(Angularバージョン) 最短でJest使…

【Angular】Webテスト(npm test)が失敗した時のスクリーンショットを撮る方法

Webテスト(npm test)が失敗し、エラーが発生した時にスクリーンショットを取る方法(コード)をご紹介。 ※私はMacですが、多分Windowsでもここに書いてある手順でいけるはずです。 環境(Angular、node、Visual Studio Code) 参考にしたページ 実装(コード) …

【Angular】Flex-Layout, Materialを使ったログイン、テーブル表示サンプル

最近Angularjsにハマってます!! 覚えることは多いんだけど、結構楽しくコード書いてます。 前回の記事で作成した画面にFlex-Layout、Materialを適用してもう少し綺麗な画面に仕上げます。 Flex-Layoutとは? Materialとは? 作成した画面 最後に Flex-Layo…